layout + font size
This commit is contained in:
parent
9ed0fb0d1d
commit
dcdd26de82
11 changed files with 270 additions and 276 deletions
|
|
@ -22,6 +22,8 @@ p{
|
|||
text-align: justify;
|
||||
orphans: 2;
|
||||
widows: 2;
|
||||
margin-left: $indent*0.8;
|
||||
padding-left: $indent*0.2;
|
||||
}
|
||||
|
||||
p, li{
|
||||
|
|
@ -35,34 +37,36 @@ p, li{
|
|||
|
||||
|
||||
|
||||
p + p,
|
||||
ol[type="1"] + p{
|
||||
text-indent: calc(var(--indent)*0.5);
|
||||
}
|
||||
// p + p{
|
||||
// text-indent: calc(var(--indent)*0.5);
|
||||
// }
|
||||
|
||||
|
||||
|
||||
blockquote{
|
||||
font-family: var(--font-serif);
|
||||
padding-left: calc(var(--indent)*1);
|
||||
padding-right: calc(var(--indent)*1);
|
||||
// font-size: var(--fs-small);
|
||||
margin-top: calc(var(--baseline)*0.5);
|
||||
margin-bottom: calc(var(--baseline)*0.5);
|
||||
font-size: 12px;
|
||||
color: #343434;
|
||||
font-family: var(--font-quote);
|
||||
|
||||
p{
|
||||
border-left: 1px solid #cfcfcf;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.these + ol + p,
|
||||
blockquote + ol + p{
|
||||
text-indent: 0px;
|
||||
blockquote u{
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
font-size: var(--fs-small);
|
||||
}
|
||||
|
||||
// .these + ol + p,
|
||||
// blockquote + ol + p{
|
||||
// text-indent: 0px;
|
||||
// }
|
||||
|
||||
|
||||
|
||||
.these{
|
||||
// color: red;
|
||||
// font-family: var(--font-title);
|
||||
|
||||
margin-bottom: calc(var(--baseline)*1);
|
||||
border-left: 4px solid #efefef;
|
||||
box-decoration-break: clone;
|
||||
|
|
@ -75,32 +79,17 @@ ol[type="1"]{
|
|||
position: relative;
|
||||
break-after: avoid;
|
||||
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
|
||||
display: flex;
|
||||
gap: 0.25ch;
|
||||
|
||||
&::after{
|
||||
&::after{
|
||||
content: attr(start);
|
||||
// font-family: var(--font-title);
|
||||
// font-weight: 500;
|
||||
display: block;
|
||||
position: absolute;
|
||||
font-size: var(--fs-small);
|
||||
color: #999;
|
||||
|
||||
// display: block;
|
||||
// height: var(--baseline);
|
||||
|
||||
// padding-right: 1ch;
|
||||
// border-right: 1px solid #efefef;
|
||||
}
|
||||
|
||||
li::before{
|
||||
font-size: var(--fs-small);
|
||||
content: "¶";
|
||||
color: #d7d7d7;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
opacity: 0.5;
|
||||
|
||||
// color: #d7d7 d7;
|
||||
// position: relative;
|
||||
// top: -1px;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue