test impressions
This commit is contained in:
parent
f01a1ed6f8
commit
2b2d787054
56 changed files with 722 additions and 139 deletions
|
|
@ -20,9 +20,10 @@
|
|||
font-size: 38px;
|
||||
line-height: 1;
|
||||
font-family: var(--note);
|
||||
color: var(--blue);
|
||||
margin-bottom: calc(var(--baseline)*1);
|
||||
text-align: center;
|
||||
color: var(--blue);
|
||||
margin-bottom: calc(var(--baseline)*1);
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
|
||||
}
|
||||
|
||||
|
|
@ -52,7 +53,7 @@ margin-top: calc(var(--baseline)*1);
|
|||
font-size: 38px;
|
||||
line-height: 1;
|
||||
font-family: var(--note);
|
||||
font-weight: bold;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
// color: var(--green);
|
||||
}
|
||||
|
|
|
|||
16
maquette-tests/assets/css/modules/_item-decor.scss
Normal file
16
maquette-tests/assets/css/modules/_item-decor.scss
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
|
||||
.item-decor{
|
||||
font-family: var(--font);
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
position: absolute;
|
||||
color: var(--green);
|
||||
}
|
||||
|
||||
.pagedjs_left_page .item-decor{
|
||||
left: -26mm;
|
||||
}
|
||||
|
||||
.pagedjs_right_page .item-decor{
|
||||
right: -26mm;
|
||||
}
|
||||
45
maquette-tests/assets/css/modules/_notes.scss
Normal file
45
maquette-tests/assets/css/modules/_notes.scss
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
.inline-note{
|
||||
color: var(--green);
|
||||
// break-inside: avoid;
|
||||
|
||||
float: left;
|
||||
clear: both;
|
||||
width: 46mm;
|
||||
text-align: left;
|
||||
hyphens: none;
|
||||
|
||||
margin-right: 1ch;
|
||||
margin-right: -20mm;
|
||||
position: relative;
|
||||
left: -25mm;
|
||||
text-align: right;
|
||||
|
||||
font-family: var(--note);
|
||||
font-size: 9.5px;
|
||||
line-height: 1.2;
|
||||
|
||||
.body_note{
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
.pagedjs_floatnote_marker,
|
||||
.pagedjs_floatnote_call{
|
||||
color: var(--green);
|
||||
// font-weight: bold;
|
||||
padding-left: 0.25ch;
|
||||
line-height: 0;
|
||||
font-size: 9px;
|
||||
// font-family: var(--font);
|
||||
}
|
||||
|
||||
|
||||
.pagedjs_floatnote_marker{
|
||||
// float: left;
|
||||
// position: absolute;
|
||||
// left: 0px;
|
||||
// display: block;
|
||||
text-align: left;
|
||||
}
|
||||
|
|
@ -21,6 +21,7 @@
|
|||
|
||||
p + p{
|
||||
left: 14mm;
|
||||
text-indent: 7mm;
|
||||
// &::before{
|
||||
// left: -19mm;
|
||||
// }
|
||||
|
|
@ -33,50 +34,6 @@ p + p + p{
|
|||
// }
|
||||
}
|
||||
|
||||
.inline-note{
|
||||
color: var(--green);
|
||||
// break-inside: avoid;
|
||||
|
||||
float: left;
|
||||
clear: both;
|
||||
width: 50mm;
|
||||
text-align: left;
|
||||
hyphens: none;
|
||||
// font-size: 9px;
|
||||
// line-height: calc(var(--bseline)*0.75);
|
||||
|
||||
// padding-top: calc(var(--baseline)*0.5);
|
||||
// padding-bottom: calc(var(--baseline)*0.5);
|
||||
margin-right: 1ch;
|
||||
margin-right: -20mm;
|
||||
position: relative;
|
||||
left: -25mm;
|
||||
text-align: right;
|
||||
|
||||
font-family: var(--note);
|
||||
line-height: 1.2;
|
||||
|
||||
|
||||
|
||||
}
|
||||
.pagedjs_floatnote_marker,
|
||||
.pagedjs_floatnote_call{
|
||||
color: var(--green);
|
||||
font-weight: bold;
|
||||
padding-left: 0.25ch;
|
||||
line-height: 0;
|
||||
font-size: 9px;
|
||||
font-family: var(--font);
|
||||
}
|
||||
|
||||
|
||||
.pagedjs_floatnote_marker{
|
||||
// float: left;
|
||||
// position: absolute;
|
||||
// left: 0px;
|
||||
// display: block;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
h3{
|
||||
|
|
@ -170,19 +127,3 @@ blockquote{
|
|||
.pagedjs_area{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.item-decor{
|
||||
font-family: var(--font);
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
position: absolute;
|
||||
color: var(--green);
|
||||
}
|
||||
|
||||
.pagedjs_left_page .item-decor{
|
||||
left: -30mm;
|
||||
}
|
||||
|
||||
.pagedjs_right_page .item-decor{
|
||||
right: -20mm;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue