log101-dot-dev/assets/scss/style.scss

124 lines
2.2 KiB
SCSS
Raw Normal View History

2023-12-08 11:39:54 +00:00
@import "variables";
2023-12-07 17:35:44 +00:00
@import "_syntax.scss";
2023-12-08 10:33:50 +00:00
@import "home";
2023-12-08 11:39:54 +00:00
@import "posts";
2023-12-08 10:24:32 +00:00
body {
2023-12-08 11:39:54 +00:00
font-family: $default-font;
line-height: 1.4;
background-color: #ebf4f3;
2023-12-08 10:24:32 +00:00
margin: 0;
}
2023-12-08 11:39:54 +00:00
#header-title {
color: $color-dark;
font-family: $default-font;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.post-header {
margin-bottom: 40px;
}
#site-footer {
2023-12-08 11:39:54 +00:00
width: 100%;
2023-12-08 11:39:54 +00:00
p {
color: #5C5C5C;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: normal;
2023-12-08 11:39:54 +00:00
display: flex;
gap: 8px;
justify-content: center;
}
a {
2023-12-08 11:39:54 +00:00
color: #5C5C5C;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: normal;
display: flex;
gap: 8px;
justify-content: center;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
2023-12-07 09:28:51 +00:00
.pagination {
display: flex; /* Enable flexbox layout */
list-style: none; /* Remove default list styling */
padding: 0; /* Remove default padding */
margin: 0; /* Adjust margin as needed */
justify-content: center; /* Center the pagination items */
2023-12-07 09:45:21 +00:00
align-items: center;
2023-12-07 09:28:51 +00:00
font-family: Inter;
2023-12-07 09:45:21 +00:00
a {
text-decoration: none;
color: #252525;
}
2023-12-07 09:28:51 +00:00
}
.pagination .page-item {
margin: 0; /* Adjust margin between items as needed */
}
.pagination .page-link {
display: block; /* Make the link fill the li element */
padding: 5px 10px; /* Adjust padding as needed */
margin: 0 2px; /* Space out the page links */
}
#site-footer {
2023-12-07 17:35:44 +00:00
width: 100%;
2023-12-07 10:21:40 +00:00
user-select: none;
2023-12-07 10:20:37 +00:00
#copyright {
display: flex;
align-items: center;
justify-content: center;
}
}
2023-12-07 09:45:21 +00:00
[aria-disabled="true"] {
text-decoration: none !important;
}
.page-item {
&.active {
a {
text-decoration: none !important;
}
}
}
blockquote {
border-left: .25em solid;
margin: 1em;
padding: 0 1em;
font-style: italic;
cite {
font-style: normal;
display: flex;
justify-content: end;
gap: 6px;
&::before {
content: "—— ";
}
}
}