he4et/xecut-site
1
0
Fork 0
mirror of https://github.com/He4eT/xecut-site.git synced 2026-05-05 01:47:25 +00:00
Code Issues Projects Releases Packages Wiki Activity

base.css: base styles

Browse source
This commit is contained in:
He4eT 2025-02-19 02:18:31 +01:00
commit 7a34ebdcd7
3 changed files with 96 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

102
src/_assets/css/base.css
View file

@ -5,6 +5,8 @@ html, body {
body {
overflow-y: scroll;
font-size: 20px;
line-height: 1.6;
}
/* */
@ -19,10 +21,98 @@ body {
outline-offset: calc(0.5 * var(--step));
}
/* */
h1 {
font-family: Xecut, sans-sefif;
font-weight: normal;
font-size: calc(9 * var(--step));
margin-block-start: 0;
/* Links */
a {
color: inherit;
text-decoration: none;
border-bottom: calc(0.5 * var(--step)) solid;
}
/* Typography */
h1, h2, h3, h4, h5, h6 {
font-family: Xecut, sans-serif;
font-weight: normal;
line-height: 1.3;
}
h1 { font-size: calc(9 * var(--step)); }
h2 { font-size: calc(7 * var(--step)); }
h3 { font-size: calc(6 * var(--step)); }
h4 { font-size: calc(5 * var(--step)); }
h5 { font-size: calc(4 * var(--step)); }
h6 { font-size: calc(3 * var(--step)); }
h1 {
line-height: inherit;
margin-block-start: 0;
margin-block-end: calc(3 * var(--step));
}
h2 { margin-block: calc(3 * var(--step)); }
h3 { margin-block: calc(3 * var(--step)); }
h4 { margin-block: calc(2 * var(--step)); }
h5 { margin-block: calc(2 * var(--step)); }
h6 { margin-block: calc(2 * var(--step)); }
/* Code and quotes*/
pre, blockquote {
border-inline-start: calc(0.75 * var(--step)) solid;
border-color: var(--color-fg);
margin-inline-start: 0;
padding-inline-start: calc(2 * var(--step));
}
pre {
background-color: var(--color-inactive);
padding-block: calc(1 * var(--step));
padding-inline: calc(2 * var(--step));
overflow-x: auto;
}
pre > code {
background-color: unset;
padding: 0;
}
code {
/* font-family: 'Fira Code', monospace; */
background-color: var(--color-inactive);
padding: calc(0.5 * var(--step)) calc(1 * var(--step));
}
/* Lists */
ul {
list-style: square;
}
/* Tables */
table {
margin: 0;
margin-block-end: calc(4 * var(--step));
padding: 0;
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: start;
border-block-end: calc(0.25 * var(--step)) solid;
border-color: var(--color-inactive);
padding-inline: calc(2 * var(--step));
padding-block-start: calc(2 * var(--step));
padding-block-end: calc(1.75 * var(--step));
}
/* Separators */
hr {
border-width: calc(0.25 * var(--step));
border-color: var(--color-inactive);
border-style: solid;
margin-block: calc(5 * var(--step));
}