) !default;
@import "_include-media";
+@import "_mixins";
// Colors definitions
$base03: rgb( 0, 43, 54);
a {
text-decoration: none;
- padding-bottom: 2px;
+ padding-bottom: 0.125em;
color: $cyan;
border-color: $base02;
&:active, &:visited {
- color: $cyan;
border-color: $base02;
text-decoration: none;
- padding-bottom: 2px;
+ padding-bottom: 0.125em;
}
&:hover {
background-color: $base02;
border-color: $base02;
- color: $cyan;
}
&.year-link {
color: $yellow;
- border-bottom: 1px solid $base01;
+ border-bottom: 0.0625em solid $base01;
}
h1 > & {
}
ol, ul {
- padding: 0 0 18px 30px;
+ padding: 0 0 1.125em 1.875em;
padding: 0 0 1.5vw 1.7vmax;
li {
margin: {
- top: 10px;
- bottom: 10px;
+ top: 0.625em;
+ bottom: 0.625em;
top: 1vw;
bottom: 1vw;
}
}
&.yearline {
font: {
- size: 15px;
size: 1.8em;
}
- margin: 0 0 10px 0;
+ margin: 0 0 0.625em 0;
}
}
thead {
small {
font: {
- size: 0.85 * $base-font-rel;
- size: $base-font-rel;
+ size: (0.85 * $base-font-rel)em;
}
}
}
blockquote {
- margin: 22px 22px;
- padding: 0 20px;
- border-left: 2px solid $black;
+ margin: 1.375em 1.375em;
+ padding: 0 1.25em;
+ border-left: 0.125em solid $black;
font: {
size: 1.2 * $base-font-rel;
size: 1.2vw;
acronym, abbr {
cursor: help;
- letter-spacing: 1px;
- border-bottom: 1px dashed;
+ letter-spacing: 0.0625em;
+ border-bottom: 0.0625em dashed;
}
/*** Structure ***/
overflow: auto;
li {
+ @include left;
margin: 2px 0;
- float: left;
}
nav select.mnav {
display: block;
img {
&.left {
- float: left;
+ @include left;
margin: 0 1em 1em 0;
}
&.right {
- float: right;
+ @include right;
margin: 0 0 1em 1 * $base-font-rel;
}
/*** Pagination ***/
.postnavigation {
- padding-top: 10px;
text-align: center;
- width: none;
.left {
- float: left;
+ @include left;
}
.right {
- float: right;
+ @include right;
}
}