Download raw (2.4 KB)

/*------------------------------------*\
    #IMPORTS
\*------------------------------------*/

@import "variables.less";
@import "colors.less";
@import "fonts.less";
@import "mixins.less";
@import "grid.less";
@import "arrows.less";
@import "feed.less";
@import "magazine.less";
@import "jadore.less";
@import "other.less";
@import "article.less";


/* BTW I think I need to change this file for CSS changes to be picked up
 * by Django Compressor: changing a dependent file won’t work. */

body {
    /* Ça sera bien de faire un teste pour voir à quel point ça
       rend le rendu plus lent cf https://bocoup.com/weblog/text-rendering */
    text-rendering: optimizeLegibility;
    font-family: "Century Schoolbook", serif;
    font-size: 9 * @unit;
    line-height: @line-height;
}

em { font-style: italic; }

a { color: @color-A2; }

sup {
    top: 0;
    padding-left: 0.125em;
    line-height: 0;
    font-size: 0.75em;
    vertical-align: super;
}

header > h1,
header > h2 {
    font-family: "Erbar condensed";
    font-weight: bold;
    text-transform: uppercase;
}

header > h1 {
    margin-top: @line-height * .5;
    margin-bottom: @line-height;
    font-size:  @line-height * 4;
    line-height:  @line-height * 4;
}

header > h2 {
    margin-top: @line-height / 2;
    margin-bottom: @line-height / 2;
    line-height:  @line-height * 2;
    font-size: 18 * @unit;
}

header > .authors {
    font-family: "Erbar condensed";
    font-weight: bold;
    font-size: 18 * @unit;
    line-height: 18 * @unit;
    margin-bottom: @line-height;
}

h2,
h3 {
    font-family: "Erbar condensed";
    font-weight: bold;
    line-height:  @line-height * 2;
    text-transform: uppercase;
    font-size: 18 * @unit;
    top: @line-height * .5 * -1;
    letter-spacing: 0.02em;
}


h3 {
    font-size: @line-height;
    line-height:  @line-height;
    margin-top:  @line-height;
    font-weight: normal;
    text-transform: uppercase;
}

table {
    font-family: 'Alfphabet-Condensed';
    font-size: 7.5 * @unit;
    line-height: (@line-height / 8) * 6;
}

figure + h2,
figure + h3,
p + h2,
p + h3,
table + h3 {
    margin-top: @line-height * 2;
}

sup {
    font-size: 7 * @unit;
    top: 0;
    vertical-align: super;
    padding-left: 0.125em;
}

@media print {
    a {
        color: inherit;
        text-decoration: none;
    }
    footer, .menu {
        display: none;
    }
    section {
        margin-top: 0;
    }
}