197 lines
3.6 KiB
Plaintext
197 lines
3.6 KiB
Plaintext
|
||
|
||
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,900,300italic,400italic);
|
||
|
||
// Typography
|
||
@font-size-base: 16px;
|
||
@text-color: @doc_text;
|
||
|
||
@headings-font-family : Lato, sans-serif;
|
||
@headings-color : @doc_heading;
|
||
@headings-font-weight : 300;
|
||
|
||
//** Global textual link color.
|
||
a {.transition(color 0.1s linear); }
|
||
@link-color: darken(@doc_accent,10%);
|
||
@link-hover-color: @doc_heading;
|
||
@link-hover-decoration: underline;
|
||
|
||
|
||
main, #navClone {
|
||
font-size: 0.875em;
|
||
line-height: 1.642857143em;
|
||
}
|
||
main article {
|
||
h1, .h1 {
|
||
font-size: 4.214285714em;
|
||
line-height: 1.169491527em;
|
||
margin-top: 0.77966102em;
|
||
margin-bottom: 0.38983051em;
|
||
}
|
||
h2, .h2 {
|
||
font-size: 2.642857143em;
|
||
line-height: 1.243243244em;
|
||
margin-top: 1.24324324em;
|
||
margin-bottom: 0.62162162em;
|
||
code{font-size: .5em;}
|
||
}
|
||
h3, .h3 {
|
||
font-size: 1.642857143em;
|
||
line-height: 1em;
|
||
margin-top: 1em;
|
||
margin-bottom: 1em;
|
||
code{font-size: .5em;}
|
||
}
|
||
h4, .h4 {
|
||
font-size: 1em;
|
||
line-height: 1.642857143em;
|
||
margin-top: 1.64285714em;
|
||
margin-bottom: 1.64285714em;
|
||
}
|
||
p, ul, ol, table, blockquote, .alert, .doc-code, .admonition {
|
||
margin-top: 1.64285714em;
|
||
margin-bottom: 1.64285714em;
|
||
}
|
||
|
||
a{
|
||
font-weight: bold;
|
||
}
|
||
|
||
/* Sanitation */
|
||
|
||
hr {
|
||
margin: -1px 0;
|
||
border-top: 1px solid @doc_bg;
|
||
}
|
||
ul ul, ol ol, ul ol, ol ul {
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
margin-left: .5em;
|
||
padding-left: .5em;
|
||
|
||
}
|
||
ul, ol {
|
||
padding-left: 1em;
|
||
margin-left: .5em;
|
||
li {
|
||
margin-top: .5em;
|
||
p {margin:0;}
|
||
pre, .highlight{ display: inline; border-radius: 0}
|
||
pre{
|
||
font-size: .8em;
|
||
padding: 0.3em .5em;
|
||
}
|
||
}
|
||
}
|
||
.alert, .doc-content {
|
||
pre{
|
||
font-size: .8em;
|
||
padding: 0.3em .5em;
|
||
}
|
||
}
|
||
b, strong, em, small, code {
|
||
line-height: 1;
|
||
}
|
||
sup, sub {
|
||
vertical-align: baseline;
|
||
position: relative;
|
||
top: -0.4em;
|
||
}
|
||
sub {
|
||
top: 0.4em;
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 992px) {
|
||
.doc-body {
|
||
font-size: 1em;
|
||
line-height: 1.5em;
|
||
h2 {
|
||
font-size: 3.565em;
|
||
line-height: 1.058823528em;
|
||
margin-top: 1.3em;
|
||
margin-bottom: 0.505882em;
|
||
padding-bottom: .2em;
|
||
border-bottom: 1px solid #EAEAEA;
|
||
}
|
||
h3 {
|
||
font-size: 2.625em;
|
||
line-height: 1.142857142em;
|
||
margin-top: 1.14285714em;
|
||
margin-bottom: 10px;
|
||
}
|
||
h4 {
|
||
font-size: 1.625em;
|
||
line-height: 1.846153846em;
|
||
margin-top: 0.92307692em;
|
||
margin-bottom: 10px;
|
||
font-weight: 400;
|
||
}
|
||
h5 {
|
||
font-size: 1.5em;
|
||
line-height: 1.7em;
|
||
margin-top: 1.5em;
|
||
margin-bottom: 10px;
|
||
}
|
||
p, ul, ol, table, blockquote {
|
||
margin-top: 1em;
|
||
margin-bottom: 1em;
|
||
}
|
||
|
||
pre{
|
||
margin-top: .1em;
|
||
margin-bottom: 0em;
|
||
}
|
||
|
||
/* Sanitation */
|
||
hr {
|
||
border: 1px solid;
|
||
margin: -1px 0;
|
||
}
|
||
ul ul, ol ol, ul ol, ol ul {
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
ul, ol {
|
||
padding-left: 1em;
|
||
margin-left: .5em;
|
||
li {
|
||
margin-top: .5em;
|
||
p { margin:.5em 0;}
|
||
pre, .highlight{ display: inline; border-radius: 0}
|
||
pre{
|
||
font-size: .8em;
|
||
padding: 0.3em .5em;
|
||
}
|
||
}
|
||
}
|
||
.alert, .doc-content {
|
||
pre{
|
||
font-size: .8em;
|
||
padding: 0.3em .5em;
|
||
}
|
||
}
|
||
|
||
b, strong, em, small, code {
|
||
line-height: 1;
|
||
}
|
||
sup, sub {
|
||
vertical-align: baseline;
|
||
position: relative;
|
||
top: -0.4em;
|
||
}
|
||
sub {
|
||
top: 0.4em;
|
||
}
|
||
}
|
||
}
|
||
|
||
.guilabel {
|
||
&:before {
|
||
content: "❮";
|
||
}
|
||
&:after {
|
||
content: "❯";
|
||
}
|
||
}
|