kazhnuz/moineau
1
0
Fork 0
Code Issues 5 Pull requests Releases 1 Wiki Activity

feat: simplification du style

Browse source
This commit is contained in:
Kazhnuz 2024-09-23 10:00:11 +02:00
parent f8f918279c
commit e304563ca4
1 changed files with 21 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

53
scss/clear-typography.scss
View file

@ -29,10 +29,6 @@
} }
} }
// Don't change this one, it's just to
// make code more readable
$lineheight: 1rem;
html { html {
font-family: var(--font-family); font-family: var(--font-family);
text-align: left; text-align: left;
@ -108,7 +104,7 @@ a {
li { li {
margin-left: $lineheight; margin-left: 1rem;
} }
::selection, ::-moz-selection { ::selection, ::-moz-selection {
@ -121,54 +117,57 @@ hr {
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
} }
code,
mark { mark {
border-radius: 0.2em; background-color:var(--well-color);
padding:0 $lineheight/4 0 $lineheight/4; padding: 5px;
border-radius: 3px;
}
mark {
background-color: var(--accent-color-back); background-color: var(--accent-color-back);
color: inherit; }
pre, code {
font-family: var(--font-family-monospace);
} }
/* ------------------ TITLES ------------------- */ /* ------------------ TITLES ------------------- */
@mixin title($size, $weight) {
font-size: $size;
font-weight: $weight;
}
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
text-align: left; text-align: left;
line-height: 1; line-height: 1;
font-weight:400; font-weight:700;
} }
h1 { h1 {
@include title(2.3333333rem, 700); font-size: 3rem;
} }
h2 { h2 {
@include title(2rem, 700); font-size: 2.33rem;
} }
h3 { h3 {
@include title(1.5rem, 700); font-size: 1.75rem;
} }
h4 { h4 {
@include title(1.5rem, 600); font-size: 1.5rem;
} }
h5 { h5 {
@include title(1.333333rem, 600); font-size: 1.25rem;
} }
h6 { h6 {
@include title(1.1rem, 600); font-size: 1rem;
font-weight: 800;
} }
/* ------------------ HR ------------------- */ /* ------------------ HR ------------------- */
/* ------------------ QUOTE ------------------- */ /* ------------------ blocks ------------------- */
blockquote, blockquote,
pre, pre,
@ -183,16 +182,6 @@ details {
border-left: 6px solid var(--accent-color); border-left: 6px solid var(--accent-color);
} }
pre, code {
font-family: var(--font-family-monospace);
}
code {
background-color:var(--well-color);
padding: 5px;
border-radius: 3px;
}
/* ------------------ SPECIAL STYLING ------------------- */ /* ------------------ SPECIAL STYLING ------------------- */