161f5ac7b9
Fix allows users to change linkcolorhover, linkcolorfocus and linkcolorvisited from the variables.less file. In the original source code, the link color settings in typography.less did not match link colors settings in variables.less. This caused the link settings in the typography file to override the link settings in variables.less file.
144 lines
2.3 KiB
Text
144 lines
2.3 KiB
Text
// Headings
|
|
// --------------------------------------------------
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: @heading-font;
|
|
}
|
|
h1 {
|
|
.font-size(32)
|
|
}
|
|
h2 {
|
|
.font-size(28)
|
|
}
|
|
h3 {
|
|
.font-size(24)
|
|
}
|
|
h4 {
|
|
.font-size(18)
|
|
}
|
|
h5 {
|
|
.font-size(16)
|
|
}
|
|
h6 {
|
|
.font-size(14);
|
|
}
|
|
|
|
// Links
|
|
// --------------------------------------------------
|
|
a {
|
|
text-decoration: none;
|
|
color: @link-color;
|
|
&:visited {
|
|
color: @linkcolorvisited;
|
|
}
|
|
&:hover {
|
|
color: @linkcolorhover;
|
|
}
|
|
&:focus {
|
|
outline: thin dotted;
|
|
color: @linkcolorfocus;
|
|
}
|
|
&:hover,
|
|
&:active {
|
|
outline: 0;
|
|
}
|
|
}
|
|
|
|
// Figures
|
|
// --------------------------------------------------
|
|
figcaption {
|
|
padding-top: 10px;
|
|
.font(14);
|
|
line-height: 1.3;
|
|
color: lighten(@text-color, 10);
|
|
}
|
|
|
|
// Feature Image Caption
|
|
// --------------------------------------------------
|
|
.image-credit {
|
|
.grid(12,10);
|
|
.prefix(12,1);
|
|
.suffix(12,1);
|
|
display: block;
|
|
text-align: right;
|
|
.font(12);
|
|
line-height: 1.3;
|
|
font-style: italic;
|
|
color: lighten(@text-color, 30);
|
|
@media @600px {
|
|
.grid(12,9);
|
|
.prefix(12,0);
|
|
.suffix(12,0);
|
|
}
|
|
@media @1382px {
|
|
.grid(12,8.5);
|
|
}
|
|
a {
|
|
color: lighten(@text-color, 30);
|
|
}
|
|
}
|
|
|
|
// Note text
|
|
// --------------------------------------------------
|
|
.notice {
|
|
margin-top: 1.5em;
|
|
padding: .5em 1em;
|
|
text-indent: 0;
|
|
.font-rem(14);
|
|
background-color: @body-color;
|
|
border: 1px solid darken(@body-color,20);
|
|
.rounded(3px);
|
|
}
|
|
|
|
// Blockquotes
|
|
// --------------------------------------------------
|
|
blockquote {
|
|
margin-left: -28px;
|
|
padding-left: 20px;
|
|
border-left: 8px solid @border-color;
|
|
font-family: @alt-font;
|
|
font-style: italic;
|
|
}
|
|
|
|
// Footnotes
|
|
// --------------------------------------------------
|
|
.footnotes {
|
|
ol, li, p {
|
|
margin-bottom: 0;
|
|
.font-rem(14);
|
|
}
|
|
}
|
|
|
|
// Paragraphs
|
|
// --------------------------------------------------
|
|
p {
|
|
margin: 0 0 @indent-var;
|
|
& + p {
|
|
//siblings indentation
|
|
text-indent: @indent-var;
|
|
margin-top: -(@indent-var);
|
|
}
|
|
}
|
|
|
|
// Code
|
|
// --------------------------------------------------
|
|
tt, code, kbd, samp, pre {
|
|
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: #efefef;
|
|
.rounded(3px);
|
|
}
|
|
}
|
|
pre {
|
|
.font-rem(12);
|
|
line-height: 1.5;
|
|
overflow-x: auto;
|
|
}
|