81 lines
1.7 KiB
SCSS
81 lines
1.7 KiB
SCSS
@use "abstracts/mixins.scss" as *;
|
|
|
|
|
|
.page-content{
|
|
font-size: var(--fs-medium);
|
|
line-height: 1.4;
|
|
|
|
max-width: var(--max-width-content);
|
|
margin-inline: auto;
|
|
padding-inline: var(--padding-body);
|
|
margin-bottom: 30vh;
|
|
|
|
p {
|
|
margin: var(--spacing) 0;
|
|
}
|
|
|
|
ol, ul{
|
|
margin-left: calc(var(--spacing)*2);
|
|
}
|
|
|
|
li{
|
|
margin: calc(var(--spacing)*0.5) 0;
|
|
}
|
|
|
|
h3{
|
|
font-size: 1.8em;
|
|
line-height: 1.1;
|
|
font-weight: bold;
|
|
color: var(--color-green);
|
|
padding-top: var(--top-target);
|
|
margin-bottom: calc(var(--spacing)*1.5);
|
|
}
|
|
|
|
h4{
|
|
font-size: 1.2em;
|
|
color: var(--color-green);
|
|
font-weight: bold;
|
|
// text-decoration: 2px underline currentColor;
|
|
margin-top: calc(var(--spacing)*3.5);
|
|
margin-bottom: calc(var(--spacing)*1.5);
|
|
}
|
|
|
|
p a{
|
|
// color: var(--color-orange);
|
|
color: var(--color-txt);
|
|
text-decoration: 2px underline dotted var(--color-green-medium);
|
|
|
|
.icon{
|
|
@include icon(18px);
|
|
position: relative;
|
|
top: 2px;
|
|
svg{
|
|
fill: var(--color-green);
|
|
}
|
|
}
|
|
&:hover{
|
|
color: var(--color-green);
|
|
text-decoration: 2px underline solid var(--color-green-medium);
|
|
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Specific for target with toc
|
|
.page-nav + .page-content > :first-child {
|
|
padding-top: 0px;
|
|
&:target{
|
|
padding-top: var(--top-target);
|
|
}
|
|
}
|
|
|
|
|
|
// main:not(#main_home){
|
|
// min-height: calc(100vh - var(--header-h));
|
|
// max-width: 900px;
|
|
// margin-inline: auto;
|
|
|
|
// }
|