add maquette-tests
This commit is contained in:
Julie Blanc
parent
a25f7b6eba
commit
f01a1ed6f8
348 changed files with 42979 additions and 0 deletions
25
maquette-tests/assets/css/base/_body.scss
Normal file
25
maquette-tests/assets/css/base/_body.scss
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-font-smoothing: antialiased;
|
||||
-o-font-smoothing: antialiased
|
||||
}
|
||||
a {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
|
||||
// .inline-note{
|
||||
// color: red;
|
||||
// }
|
||||
|
||||
body {
|
||||
--font-size: 11px;
|
||||
--baseline: 18px;
|
||||
font-family: var(--font);
|
||||
font-size: var(--font-size);
|
||||
line-height: var(--baseline);
|
||||
|
||||
}
|
||||
66
maquette-tests/assets/css/base/_layout.scss
Normal file
66
maquette-tests/assets/css/base/_layout.scss
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
@media print{
|
||||
|
||||
@page {
|
||||
size: 165mm 240mm;
|
||||
margin-top: 10mm;
|
||||
margin-bottom: 20mm;
|
||||
|
||||
}
|
||||
|
||||
@page:left{
|
||||
margin-left: 35mm;
|
||||
margin-right: 30mm;
|
||||
@bottom-left-corner{
|
||||
content: counter(page);
|
||||
font-family: var(--mono);
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
padding-left: 10mm;
|
||||
}
|
||||
@bottom-left {
|
||||
content: string(author);
|
||||
font-family: var(--mono);
|
||||
}
|
||||
@bottom-center {
|
||||
content: string(type);
|
||||
font-family: var(--mono);
|
||||
}
|
||||
}
|
||||
|
||||
@page:right{
|
||||
margin-left: 40mm;
|
||||
margin-right: 25mm;
|
||||
@bottom-right-corner{
|
||||
content: counter(page);
|
||||
font-family: var(--mono);
|
||||
font-size: 14px;
|
||||
text-align: right;
|
||||
padding-right: 10mm;
|
||||
}
|
||||
@bottom-left {
|
||||
content: string(title);
|
||||
font-family: var(--mono);
|
||||
}
|
||||
}
|
||||
|
||||
/*p{
|
||||
background: salmon;
|
||||
}*/
|
||||
|
||||
.chapter{
|
||||
break-before: right;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// .pagedjs_left_page .pagedjs_pagebox{
|
||||
|
||||
// background: linear-gradient(180deg, transparent 82%, #00009B 100%)!important;
|
||||
|
||||
// }
|
||||
|
||||
// .pagedjs_right_page .pagedjs_pagebox{
|
||||
|
||||
// background: linear-gradient(180deg, transparent 82%, #00009B 100%)!important;
|
||||
|
||||
// }
|
||||
117
maquette-tests/assets/css/base/_type-specimen.scss
Normal file
117
maquette-tests/assets/css/base/_type-specimen.scss
Normal file
|
|
@ -0,0 +1,117 @@
|
|||
#type-specimen{
|
||||
background-color: #cfcfcf;
|
||||
|
||||
.type{
|
||||
font-family: sans-serif;
|
||||
grid-column: span 2;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.specimen{
|
||||
|
||||
width: 1200px;
|
||||
height: 680px;
|
||||
border: 1px solid #999;
|
||||
background-color: white;
|
||||
margin: 30px;
|
||||
padding: 30px;
|
||||
overflow: hidden;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 30px;
|
||||
|
||||
}
|
||||
|
||||
p:first-of-type{
|
||||
text-align: justify;
|
||||
hyphens: auto;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
p{
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
|
||||
.title{
|
||||
|
||||
font-size: 32px;
|
||||
line-height: 1.1;
|
||||
max-width: 22ch;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.content{
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.title-bold{
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.title-normal{
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.title-italic{
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
.title-light{
|
||||
font-weight: 300!important;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
[data-type="ovo"]{
|
||||
.title{
|
||||
font-weight: normal;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
[data-type="literata"]{
|
||||
p{
|
||||
// line-height: 1.2;
|
||||
}
|
||||
}
|
||||
|
||||
[data-type="selectric"],
|
||||
[data-type="selectric-mono"],
|
||||
[data-type="timezone"],
|
||||
[data-type="timezone-mono"]{
|
||||
.title-bold{
|
||||
font-weight: normal!important;
|
||||
}
|
||||
}
|
||||
|
||||
[data-type="selectric-mono"] .content p{
|
||||
letter-spacing: -0.01
|
||||
rem;
|
||||
white-space: 0.2ch;
|
||||
}
|
||||
|
||||
|
||||
[data-type="es-face"]{
|
||||
.title-bold{
|
||||
font-weight: normal!important;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
[data-type="redaction"]{
|
||||
.title-bold{
|
||||
font-family: 'Redaction 50';
|
||||
font-weight: normal!important;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
[data-type="h-noailles-times-duplex"]{
|
||||
|
||||
}
|
||||
|
||||
106
maquette-tests/assets/css/base/_type.scss
Normal file
106
maquette-tests/assets/css/base/_type.scss
Normal file
|
|
@ -0,0 +1,106 @@
|
|||
@import url('https://fonts.googleapis.com/css2?family=Ovo&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Literata:ital,opsz,wght@0,7..72,200..900;1,7..72,200..900&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap');
|
||||
|
||||
[data-type="ovo"]{
|
||||
font-family: "Ovo", serif;
|
||||
|
||||
}
|
||||
|
||||
[data-type="literata"]{
|
||||
font-family: "Literata", serif;
|
||||
|
||||
}
|
||||
|
||||
[data-type="vollkorn"]{
|
||||
font-family: "Literata", serif;
|
||||
}
|
||||
|
||||
|
||||
[data-type="timezone"]{
|
||||
font-family: 'HAL Timezone', serif;
|
||||
}
|
||||
|
||||
[data-type="timezone-mono"]{
|
||||
font-family: 'HAL Timezone Mono', monospace;
|
||||
}
|
||||
|
||||
|
||||
[data-type="selectric"]{
|
||||
font-family: 'Selectric', serif;
|
||||
}
|
||||
|
||||
[data-type="selectric-mono"]{
|
||||
font-family: 'Selectric Mono', monospace;
|
||||
}
|
||||
|
||||
[data-type="es-face"]{
|
||||
font-family: 'ESFace', serif;
|
||||
}
|
||||
|
||||
[data-type="ivory"]{
|
||||
font-family: 'Ivory', serif;
|
||||
}
|
||||
[data-type="ivory-mono"]{
|
||||
font-family: 'Ivory Mono', serif;
|
||||
}
|
||||
[data-type="necto-mono"]{
|
||||
font-family: 'NectoMono', monospace;
|
||||
}
|
||||
|
||||
[data-type="old-round"]{
|
||||
font-family: 'OldRound', serif;
|
||||
}
|
||||
|
||||
[data-type="old-round-hover"]{
|
||||
font-family: 'OldRound Hover', serif;
|
||||
}
|
||||
|
||||
[data-type="satoshi"]{
|
||||
font-family: 'Satoshi', sans-serif;
|
||||
}
|
||||
|
||||
[data-type="redaction"]{
|
||||
font-family: 'Redaction', monospace;
|
||||
}
|
||||
|
||||
[data-type="h-noailles-futura-simplex"]{
|
||||
font-family: 'HNoailles Futura Simplex', sans-serif;
|
||||
}
|
||||
|
||||
[data-type="h-noailles-futura-duplex"]{
|
||||
font-family: 'HNoailles Futura Duplex', sans-serif;
|
||||
}
|
||||
|
||||
[data-type="h-noailles-futura-triplex"]{
|
||||
font-family: 'HNoailles Futura Triplex', sans-serif;
|
||||
}
|
||||
|
||||
[data-type="h-noailles-times-simplex"]{
|
||||
font-family: 'HNoailles Times Simplex', serif;
|
||||
}
|
||||
|
||||
[data-type="h-noailles-times-duplex"]{
|
||||
font-family: 'HNoailles Times Duplex', serif;
|
||||
}
|
||||
|
||||
[data-type="h-noailles-times-triplex"]{
|
||||
font-family: 'HNoailles Times Triplex', serif;
|
||||
}
|
||||
|
||||
[data-type="adelphe-floreal"]{
|
||||
font-family: 'Adelphe Floreal', serif;
|
||||
}
|
||||
[data-type="Adelphe-fructidor"]{
|
||||
font-family: 'Adelphe Fructidor', serif;
|
||||
}
|
||||
|
||||
[data-type="wagram"]{
|
||||
font-family: 'Wagram', serif;
|
||||
}
|
||||
[data-type="wagram-slab"]{
|
||||
font-family: 'Wagram Slab', serif;
|
||||
}
|
||||
[data-type="wagram-mono-slab"]{
|
||||
font-family: 'Wagram Mono Slab', monospace;
|
||||
}
|
||||
19
maquette-tests/assets/css/base/_var.scss
Normal file
19
maquette-tests/assets/css/base/_var.scss
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
:root{
|
||||
|
||||
--font: 'Wagram Slab', serif;
|
||||
// --font: 'HAL Timezone', serif;
|
||||
--mono: 'Selectric Mono', monospace;
|
||||
// --mono: 'HAL Timezone Mono', monospace;
|
||||
--note: 'HNoailles Times Triplex', serif;
|
||||
|
||||
--red: #9B0000;
|
||||
--green:#009B00;
|
||||
--green-light:#009b0025;
|
||||
--blue: #00009B;
|
||||
|
||||
--red: black;
|
||||
--green:#009B00;
|
||||
--green-light:#009b0025;
|
||||
--blue: black;
|
||||
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue