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	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	11	ul.notes {
5	12	display: block;
6	13	list-style: none;
...	...	@@ -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	106	// paint top or bottom borders depending on notes direction
95	107	&:not(.reversed) .note,
96	108	&:not(.reversed) .discussion {
...	...