Cleanup LESS variable names
This commit is contained in:
Michael Rose
@ -1,25 +1,33 @@
|
||||
/* Headings ============================================== */
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: @baseheadingfont;
|
||||
font-weight: 700;
|
||||
}
|
||||
h6 {
|
||||
font-weight: 400;
|
||||
// Body
|
||||
// --------------------------------------------------
|
||||
body {
|
||||
font-family: @base-font;
|
||||
color: @text-color;
|
||||
}
|
||||
|
||||
/* Links ================================================= */
|
||||
// Headings
|
||||
// --------------------------------------------------
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: @heading-font;
|
||||
}
|
||||
h1 {
|
||||
.font-rem(32);
|
||||
}
|
||||
|
||||
// Links
|
||||
// --------------------------------------------------
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: @linkcolor;
|
||||
color: @link-color;
|
||||
&:visited {
|
||||
color: @linkcolorvisited;
|
||||
color: lighten(@link-color, 20);
|
||||
}
|
||||
&:hover {
|
||||
color: @linkcolorhover;
|
||||
color: darken(@link-color, 20);
|
||||
}
|
||||
&:focus {
|
||||
outline: thin dotted;
|
||||
color: @linkcolorfocus;
|
||||
color: darken(@link-color, 20);
|
||||
}
|
||||
&:hover,
|
||||
&:active {
|
||||
@ -27,88 +35,90 @@ a {
|
||||
}
|
||||
}
|
||||
|
||||
b, strong {
|
||||
font-weight: 700;
|
||||
.link-arrow {
|
||||
font-weight: 100;
|
||||
text-decoration: underline;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* Lists ============================================== */
|
||||
ul {
|
||||
li {
|
||||
list-style-type: square
|
||||
}
|
||||
}
|
||||
ol {
|
||||
li {
|
||||
list-style-type: upper-roman;
|
||||
}
|
||||
}
|
||||
|
||||
/* Add underline for main links ======================= */
|
||||
p > a,
|
||||
li > a,
|
||||
em > a,
|
||||
a > em,
|
||||
footer a {
|
||||
text-decoration: none;
|
||||
border-bottom: 1px dotted lighten(@textcolor, 50%);
|
||||
}
|
||||
p > a:hover,
|
||||
li > a:hover,
|
||||
em > a:hover,
|
||||
footer a:hover {
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid lighten(@textcolor, 50%);
|
||||
}
|
||||
|
||||
/* Figure caption ===================================== */
|
||||
// Figures
|
||||
// --------------------------------------------------
|
||||
figcaption {
|
||||
margin-top: (@indent-val / 2);
|
||||
line-height: 1.25;
|
||||
.zeta();
|
||||
font-family: @baseheadingfont;
|
||||
counter-increment: captions;
|
||||
&:before {
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
content: "Figure " counter(captions) ": ";
|
||||
padding-top: 10px;
|
||||
.font(14);
|
||||
line-height: 1.3;
|
||||
color: lighten(@text-color, 10);
|
||||
}
|
||||
|
||||
// Feature Image Caption
|
||||
// --------------------------------------------------
|
||||
.image-credit {
|
||||
margin: 0 auto;
|
||||
max-width: 440px;
|
||||
padding-top: 5px;
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
text-align: right;
|
||||
.font(14);
|
||||
line-height: 1.3;
|
||||
color: lighten(@text-color, 30);
|
||||
.clearfix();
|
||||
a {
|
||||
color: lighten(@text-color, 30);
|
||||
}
|
||||
}
|
||||
|
||||
/* Notice ============================================== */
|
||||
// Note text
|
||||
// --------------------------------------------------
|
||||
.notice {
|
||||
margin-top: 1.5em;
|
||||
padding: .5em 1em;
|
||||
text-indent: 0;
|
||||
font-size: 90%;
|
||||
background-color: #ddd;
|
||||
border-left: 10px solid #ccc;
|
||||
.font-rem(14);
|
||||
background-color: @body-color;
|
||||
border: 1px solid darken(@body-color,20);
|
||||
.rounded(3px);
|
||||
}
|
||||
/* Blockquote =========================================== */
|
||||
|
||||
// Blockquotes
|
||||
// --------------------------------------------------
|
||||
blockquote {
|
||||
margin-left: -28px;
|
||||
padding-left: 20px;
|
||||
border-left: 8px solid @border-color;
|
||||
font-family: @alt-font;
|
||||
font-style: italic;
|
||||
border-left: 10px solid #ccc;
|
||||
margin-left: 0;
|
||||
padding-left: 1em;
|
||||
border-left: 10px solid #ccc;
|
||||
p+p {
|
||||
text-indent: 0;
|
||||
margin-top: 0;
|
||||
.font-rem(24);
|
||||
}
|
||||
|
||||
// Footnotes
|
||||
// --------------------------------------------------
|
||||
.entry-content .footnotes {
|
||||
ol, li, p {
|
||||
.font-size(14);
|
||||
}
|
||||
}
|
||||
/* Footnotes ============================================= */
|
||||
.footnotes {
|
||||
font-size: 90%;
|
||||
}
|
||||
/* Code ================================================== */
|
||||
|
||||
// Code
|
||||
// --------------------------------------------------
|
||||
tt, code, kbd, samp, pre {
|
||||
font-family: @codefont;
|
||||
font-family: @code-font;
|
||||
}
|
||||
p,
|
||||
li {
|
||||
code {
|
||||
.font-rem(12);
|
||||
line-height: 1.5;
|
||||
white-space: nowrap;
|
||||
margin: 0 2px;
|
||||
padding: 0 5px;
|
||||
border: 1px solid lighten(@black, 90);
|
||||
background-color: lighten(@black, 95);
|
||||
.rounded(3px);
|
||||
}
|
||||
}
|
||||
pre {
|
||||
.font-rem(12);
|
||||
line-height: 1.5;
|
||||
overflow-x: auto;
|
||||
}
|
||||
p code {
|
||||
font-size: 80%;
|
||||
white-space: nowrap;
|
||||
margin: 0 2px;
|
||||
padding: 0 5px;
|
||||
border: 1px solid lighten(@black, 90);
|
||||
background-color: lighten(@black, 95);
|
||||
.rounded(3px);
|
||||
}
|
||||
Reference in New Issue
Block a user