diff --git a/assets/css/app.scss b/assets/css/app.scss index 33f37ec..0c08a57 100644 --- a/assets/css/app.scss +++ b/assets/css/app.scss @@ -55,6 +55,9 @@ header[role="banner"]{ } li>span,li>a{ font-size: 0.9em; + color: $bleuroi; + text-transform: uppercase; + } } } @@ -97,6 +100,19 @@ section[role="main-content"]{ box-sizing: border-box; flex-basis: percentage(2 / ( $default_sum - 6) ); padding-right: $default_gap; + @include fontsans; + + h1{ + color: $bleuroi; + } + p{ + font-size: 0.882em; + line-height: 1.2; + } + span{ + color:$rouge; + font-size:0.693em; + } } // filets decoratif &:before, &:after{ @@ -132,12 +148,64 @@ section[role="main-content"]{ article.item{ margin: 2em 0 0; header h1{ - font-size: 1.323em; + font-size: 1.512em; color: $bleuroi; font-weight: 400; margin:0; } } + ul.item-list{ + li{ + margin: 0 0 2em 0; + header{ + h2{ + margin:0.4em 0; + font-size: 1.512em; + color: $bleuroi; + font-weight: 400; + } + h3{ + margin:0.2em 0; + @include fontsans; + font-size: 0.753em; + font-weight: 500; + } + h4{ + margin:0.1em 0; + font-weight: 300; + @include fontsans; + font-size: 0.753em; + &.editions-quantity{ + color: $rouge; + &:after{ + content: ">>"; + margin:0 0 0 0.5em; + } + } + } + section.editions{ + div.editions{ + ol{ + padding:0; + li{ + margin:0.7em 1em; + } + } + } + } + } + ul { + li{ + margin:0; + h3{ + margin: 0.5em 0; + font-weight: 400; + font-size: 1em; + } + } + } + } + } } #corpus{ diff --git a/assets/css/base/_fonts.scss b/assets/css/base/_fonts.scss index 340e7da..98ad0e4 100644 --- a/assets/css/base/_fonts.scss +++ b/assets/css/base/_fonts.scss @@ -4,8 +4,15 @@ // @import '../fonts/notosans/notosans-condensed.css'; // @import '../fonts/notosans/notosans-extracondensed.css'; -body{ +@mixin fontsans { + font-family: "noto_sans"; +} +@mixin fontserif { font-family: 'libertinus_serif'; +} + +body{ + @include fontserif; font-weight: 400; // font-family: 'noto_sans'; @@ -18,5 +25,5 @@ body{ #search, footer[role="tools"] .row>header, footer[role="tools"] .row>nav{ - font-family: "noto_sans"; + @include fontsans; } diff --git a/src/components/nav/HeaderMenu.vue b/src/components/nav/HeaderMenu.vue index 8c28d55..28b62dc 100644 --- a/src/components/nav/HeaderMenu.vue +++ b/src/components/nav/HeaderMenu.vue @@ -3,7 +3,7 @@