layout 2
This commit is contained in:
parent
8161aae996
commit
7239fa838b
4 changed files with 93 additions and 39 deletions
|
|
@ -38,3 +38,11 @@
|
|||
[data-footnote-call]{
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
|
||||
.footnote-ref{
|
||||
font-family: var(--font-title);
|
||||
line-height: 0;
|
||||
font-size: 9px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
|
@ -44,18 +44,6 @@ blockquote{
|
|||
margin-top: calc(var(--baseline)*0.5);
|
||||
margin-bottom: calc(var(--baseline)*0.5);
|
||||
|
||||
p{
|
||||
// font-family: "Edgar";
|
||||
// em{
|
||||
// font-style: normal;
|
||||
// }
|
||||
}
|
||||
|
||||
|
||||
// u{
|
||||
// font-variant: small-caps;
|
||||
// text-decoration: none;
|
||||
// }
|
||||
|
||||
}
|
||||
|
||||
|
|
@ -79,8 +67,38 @@ blockquote + ol + p{ text-indent: 0px; }
|
|||
}
|
||||
|
||||
|
||||
|
||||
ol[type="1"]{
|
||||
list-style-type: none;
|
||||
position: relative;
|
||||
break-after: avoid;
|
||||
|
||||
position: absolute;
|
||||
left: calc(var(--indent)*-1.5 - 0.5ch);
|
||||
|
||||
&::before{
|
||||
content: attr(start);
|
||||
// font-family: var(--font-title);
|
||||
// font-weight: 500;
|
||||
font-size: 0.6rem;
|
||||
color: #999;
|
||||
|
||||
display: block;
|
||||
height: var(--baseline);
|
||||
|
||||
padding-right: 1ch;
|
||||
border-right: 1px solid #efefef;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
// GRADATIONS
|
||||
|
||||
|
||||
/*
|
||||
ol[type="1"]{
|
||||
list-style-type: none;
|
||||
position: relative;
|
||||
|
|
@ -112,17 +130,12 @@ ol[type="1"]{
|
|||
display: block;
|
||||
height: 100%;
|
||||
width: var(--size);
|
||||
// border: 1px solid var(--color);
|
||||
// border-right: 1px solid var(--color);
|
||||
position: absolute;
|
||||
left: calc(var(--indent)*-1 - var(--size));
|
||||
|
||||
|
||||
|
||||
left: calc(var(--indent)*-1 - var(--size));
|
||||
background: linear-gradient(transparent 0%, transparent calc(var(--baseline) - 1px), var(--color) calc(var(--baseline) - 1px), var(--color) var(--baseline)), transparent;
|
||||
background-size: 100% var(--baseline);
|
||||
background-repeat: repeat-y;
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
*/
|
||||
Loading…
Add table
Add a link
Reference in a new issue