/* Rules for icons */
.icon {
- display:inline-block;
- vertical-align:top;
- width:20px;
- height:20px;
- background:transparent image-url("sprite.png") no-repeat 0 0;
- text-indent:-9999px;
- overflow:hidden;
+ display: inline-block;
+ vertical-align: top;
+ width: 20px;
+ height: 20px;
+ background: transparent image-url("sprite.png") no-repeat 0 0;
+ background-image: image-url("sprite.svg");
+ text-indent: -9999px;
+ overflow: hidden;
}
.icon.search { background-position: 0 0; }
height: 20px;
background-repeat: no-repeat;
}
-@for $i from 1 through 17 {
+@for $i from 1 through 18 {
div.direction.i#{$i} { background-position: #{($i)*-20+20}px 0px; }
}
float: left;
display: block;
}
-
- ul.secondary-actions {
- display: inline-block;
- }
}
.content-heading .hide_unless_logged_in { // hacky selector, better to just add a new class to this div
display: inline-block;
margin-left: $lineheight / 2;
vertical-align: middle;
+
+ p {
+ margin-top: $lineheight * 0.5;
+ margin-bottom: $lineheight * 0.5;
+
+ &:first-child {
+ margin-top: 0px;
+ }
+
+ &:last-child {
+ margin-bottom: 0px;
+ }
+ }
}
}