tech-ingolf-wagner-de/themes/first/src/css/main.less

95 lines
1.3 KiB
Plaintext

@font-normal: ~"'Libre Baskerville', serif";
@font-code: ~"'Inconsolata', monospace";
@font-header: ~"'Dosis', sans-serif";
@import "color.less";
@import "media-types.less";
body {
width: 100%;
margin: auto;
font-family: @font-normal;
}
@media @desktop {
body {
width: 50em;
margin: auto;
}
}
h1,h2,h3,h4 {
font-family: @font-header;
};
pre {
background: @color-code-background;
margin: 0em 0em .4em 0em;
padding: .3em .6em .3em 0.4em;
border-radius: .2em;
border-color: @color-code-border;
border: 1px;
border-style: solid;
white-space: pre-wrap;
code {
font-weight: normal;
font-family: @font-code;
}
}
@media @desktop {
pre {
margin: 0em 1em .4em 1em;
}
}
p > code {
border-radius: .2em;
color: @color-code-inline;
font-weight: bold;
font-family: @font-code;
}
.note {
background: @color-note-background;
}
.warning {
background: @color-warning-background;
}
table.comparison {
width: 100%;
.text{
width: 80%;
}
.good {
background: @color-comparison-good;
text-align: center;
}
.bad {
background: @color-comparison-bad;
text-align: center;
}
.ok {
background: @color-comparison-ok;
text-align: center;
}
}
@media @desktop {
table.comparison {
margin: 0em 2em .8em 2em;
}
}