tech-ingolf-wagner-de/src/lessc/page/main.less

102 lines
1.5 KiB
Plaintext

@import "color.less";
@import "media-types.less";
@import "font.less";
@import "main-navigation.less";
@import "main-hack.less";
@import "main-toc.less";
@import "main-listing.less";
@import "chroma-highlighting-syntax.less";
@import "custom-iphone.less";
//* {
// text-rendering: geometricPrecision;
//}
html {
-webkit-text-size-adjust: 100%;
font-family: @font-normal;
font-style: normal;
line-height: 1.5em;
@media @desktop{
font-size: 16px;
}
font-size: 13px;
background-color: @color-body-background;
color: @color-body-font;
}
body {
padding-bottom: 3em;
header {
width: 100%;
@media @desktop {
width: 800px;
};
margin-left: auto;
margin-right: auto;
}
.content {
@media @desktop {
width: 800px;
};
width: 100%;
margin-left: auto;
margin-right: auto;
}
.content-big {
@media @desktop {
width: 1000px;
};
width: 100%;
margin-left: auto;
margin-right: auto;
}
}
h1, h2, h3, h4 {
font-family: @font-header;
}
.publishing_date {
font-family: @font-publishing-date;
font-size: 0.8rem;
color: @color-publishing-date;
}
table.comparison {
width: 100%;
margin-left: 0;
margin-right: 0;
.good {
background: @color-comparison-good;
text-align: center;
}
.bad {
background: @color-comparison-bad;
text-align: center;
}
.ok {
background: @color-comparison-ok;
text-align: center;
}
}
figure {
widows: 98%;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}