Remove bootstrap dependency

This commit is contained in:
2023-03-19 08:38:11 +00:00
parent bfbb2ceeaa
commit f8f3f269c8
6 changed files with 91 additions and 29 deletions

File diff suppressed because one or more lines are too long

View File

@ -30,13 +30,22 @@ body {
font-display: swap;
font-size: 1rem;
line-height: 1.6;
margin: 0 auto;
}
h1, h2, h3, h4, h5 {
color: var(--headings-color);
font-weight: bold;
line-height: 1.2;
margin-top: 0;
margin-bottom: 0.5rem;
}
h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }
hr {
background-color: var(--line-color);
@ -79,6 +88,44 @@ a:hover {
text-decoration: none;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
width: 540px;
}
}
@media (min-width: 768px) {
.container {
width: 720px;
}
}
@media (min-width: 992px) {
.container {
width: 960px;
}
}
@media (min-width: 1200px) {
.container {
width: 1140px;
}
}
.link {
text-decoration: none;
transition: color 0.1s linear;
padding: 4px 12px;
}
.link:hover {
border-bottom: 2px solid var(--line-color);
}
/* Content */
main {
margin-top: 20px;