Style target notes for easy visual identification

Javier Castro
1 parent 22d411e5
Showing 1 changed file with 12 additions and 0 deletions Show diff stats
app/assets/stylesheets/sections/notes.scss
 /**
  * Notes
  */
+
+@-webkit-keyframes target-note {
+  from { background:#fffff0; }
+  50% { background:#ffffd3; }
+  to { background:#fffff0; }
+}
+
 ul.notes {
   display: block;
   list-style: none;
@@ -91,6 +98,11 @@ ul.notes {
     }
   }
+  .note:target {
+    -webkit-animation:target-note 2s linear;
+    background: #fffff0;
+  }
+
   // paint top or bottom borders depending on notes direction
   &:not(.reversed) .note,
   &:not(.reversed) .discussion {
1	/**	1	/**
2	* Notes	2	* Notes
3	*/	3	*/
		4	+
		5	+@-webkit-keyframes target-note {
		6	+ from { background:#fffff0; }
		7	+ 50% { background:#ffffd3; }
		8	+ to { background:#fffff0; }
		9	+}
		10	+
4	ul.notes {	11	ul.notes {
5	display: block;	12	display: block;
6	list-style: none;	13	list-style: none;
	@@ -91,6 +98,11 @@ ul.notes {		@@ -91,6 +98,11 @@ ul.notes {
91	}	98	}
92	}	99	}
93		100
		101	+ .note:target {
		102	+ -webkit-animation:target-note 2s linear;
		103	+ background: #fffff0;
		104	+ }
		105	+
94	// paint top or bottom borders depending on notes direction	106	// paint top or bottom borders depending on notes direction
95	&:not(.reversed) .note,	107	&:not(.reversed) .note,
96	&:not(.reversed) .discussion {	108	&:not(.reversed) .discussion {