foodogsquared/hugo-theme-more-contentful
1
0
Fork 0
mirror of https://github.com/foo-dogsquared/hugo-theme-more-contentful.git synced 2025-01-31 04:58:14 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity
master
hugo-theme-more-contentful/assets/scss/layout.scss

260 lines
3.6 KiB
SCSS
Raw Permalink Normal View History

Revert site layout
2023-02-24 13:03:23 +00:00
header[aria-label="Site header"] {
Reposition theme button
2023-02-24 12:22:52 +00:00
position: relative;
Update the layout and the list template I've also made small improvements such as adding the appropriate label for the main footer.
2021-01-20 19:16:26 +00:00
a {
color: var(--base06);
Revert site layout
2023-02-24 13:03:23 +00:00
&:hover {
Change accent color from `base0C` to `base09` This is closer to the Base16 standard style guide. Also, it just happen to look nicer anyways. :) Related with the change also comes with a new color when hovered.
2023-02-27 08:53:18 +00:00
color: var(--accent-color);
Revert site layout
2023-02-24 13:03:23 +00:00
text-decoration: unset;
}
Update the layout and the list template I've also made small improvements such as adding the appropriate label for the main footer.
2021-01-20 19:16:26 +00:00
}
}
Revert site layout
2023-02-24 13:03:23 +00:00
footer[aria-label="Site footer"] {
Update the layout and the list template I've also made small improvements such as adding the appropriate label for the main footer.
2021-01-20 19:16:26 +00:00
> * {
margin-top: 1em;
margin-bottom: 0;
}
}
Update class names of several components
2023-03-18 06:54:27 +00:00
.site__icon {
Update the styles It should be easier to integrate it with other libraries such as Prism, Mermaid, and D3 especially in the graphics department where it mostly use vector graphics to do its thing.
2021-01-21 01:08:29 +00:00
height: 1rem;
width: 1rem;
fill: currentColor;
}
Update class names of several components
2023-03-18 06:54:27 +00:00
.site__list {
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
display: inline-flex;
Update list layout and style Not only does this make some proper RTL styling but also make it more responsive. The nice separators are gone though. :(
2023-03-16 10:02:42 +00:00
align-items: baseline;
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
flex-flow: row wrap;
Update list layout and style Not only does this make some proper RTL styling but also make it more responsive. The nice separators are gone though. :(
2023-03-16 10:02:42 +00:00
gap: 0.75em;
justify-content: space-around;
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
list-style: none;
margin: 0;
padding: 0;
}
.site__title {
Update list layout and style Not only does this make some proper RTL styling but also make it more responsive. The nice separators are gone though. :(
2023-03-16 10:02:42 +00:00
font-size: 2rem;
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
}
Update list layout and style Not only does this make some proper RTL styling but also make it more responsive. The nice separators are gone though. :(
2023-03-16 10:02:42 +00:00
.site__nav-header {
display: flex;
align-items: baseline;
flex-flow: row wrap;
gap: 0.5em;
Add underlines to links
2023-10-28 08:51:51 +00:00
a {
text-decoration: none;
&:hover {
background: unset;
color: initial;
}
}
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
}
.site__languages {
Update the layout and the list template I've also made small improvements such as adding the appropriate label for the main footer.
2021-01-20 19:16:26 +00:00
margin: 0 0.5em;
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
}
.site__socials {
Update list layout and style Not only does this make some proper RTL styling but also make it more responsive. The nice separators are gone though. :(
2023-03-16 10:02:42 +00:00
display: flex;
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
font-style: unset;
Update list layout and style Not only does this make some proper RTL styling but also make it more responsive. The nice separators are gone though. :(
2023-03-16 10:02:42 +00:00
gap: 1em;
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
}
.site__social-icon {
Add underlines to links
2023-10-28 08:51:51 +00:00
&:hover {
background: unset;
color: var(--base0C);
}
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
svg {
--size: 1.25em;
height: var(--size);
width: var(--size);
}
}
.site__theme-btn {
padding: 0.5em;
Reposition theme button
2023-02-24 12:22:52 +00:00
position: absolute;
top: 0;
right: 0;
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
Add some RTL styling for theme button component
2023-03-16 10:13:20 +00:00
[dir="rtl"] & {
right: unset;
left: 0;
}
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
&:hover {
Revert site layout
2023-02-24 13:03:23 +00:00
color: unset !important;
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
& .site__theme-dropdown {
display: unset;
}
}
}
.site__theme-dropdown {
Refactor CSS files
2022-05-01 12:38:07 +00:00
background: var(--background);
Add system themes setting
2022-04-29 17:42:08 +00:00
border: var(--border-style);
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
display: none;
Add system themes setting
2022-04-29 17:42:08 +00:00
padding: 0.5em;
position: absolute;
right: 0;
Refactor CSS files
2022-05-01 12:38:07 +00:00
top: 1.5em;
Add system themes setting
2022-04-29 17:42:08 +00:00
width: max-content;
Add some RTL styling for theme button component
2023-03-16 10:13:20 +00:00
[dir="rtl"] & {
right: unset;
left: 0;
}
Add system themes setting
2022-04-29 17:42:08 +00:00
}
.site__theme-dropdown-list {
display: flex;
flex-flow: column;
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
}
.site__theme-item {
padding: 0 0.5em;
Add system themes setting
2022-04-29 17:42:08 +00:00
&[data-theme-light] { order: -1; }
&[data-theme-dark] { order: -1; }
&[data-theme-system] { order: -2; }
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
.site__theme-dropdown &:hover {
Add site-wide components selection style This is different from removing the overridden style for CSS `::selection` where it affects the accessibility. This one is for components with selection.
2023-02-27 05:18:09 +00:00
background: var(--selection-color);
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
cursor: pointer;
}
Add indication of selected theme
2022-06-13 09:06:29 +00:00
&--selected {
background: var(--base05);
color: var(--background);
Add site-wide components selection style This is different from removing the overridden style for CSS `::selection` where it affects the accessibility. This one is for components with selection.
2023-02-27 05:18:09 +00:00
&:hover { color: var(--base05); }
Add indication of selected theme
2022-06-13 09:06:29 +00:00
};
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
}
.pagination {
display: flex;
font-size: 1rem;
list-style: none;
justify-content: center;
margin: 1.2rem 0;
padding: 0.8rem;
& > * {
margin: 0 0.25em;
text-decoration: none;
}
}
.page-link {
background: var(--base01);
Refactor CSS files
2022-05-01 12:38:07 +00:00
color: var(--accent-color);
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
text-decoration: none;
padding: 0.5em;
&:hover {
Clean up the CSS files
2020-11-06 10:20:16 +00:00
background: var(--base0B);
Refactor CSS files
2022-05-01 12:38:07 +00:00
color: var(--background);
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
text-decoration: none;
}
}
.page-link--active {
@extend .page-link;
Refactor CSS files
2022-05-01 12:38:07 +00:00
background: var(--foreground);
color: var(--background);
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
font-weight: bolder;
padding: 0.5em;
}
.post {
Update the layout and the list template I've also made small improvements such as adding the appropriate label for the main footer.
2021-01-20 19:16:26 +00:00
background: var(--base01);
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
margin-top: 1rem;
Update the layout and the list template I've also made small improvements such as adding the appropriate label for the main footer.
2021-01-20 19:16:26 +00:00
padding: 0.5em;
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
h1 {
margin: 0 auto;
}
}
.post__meta {
Refactor CSS files
2022-05-01 12:38:07 +00:00
color: var(--foreground);
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
font-size: 0.9em;
Update the layout and the list template I've also made small improvements such as adding the appropriate label for the main footer.
2021-01-20 19:16:26 +00:00
margin-top: 0.5em;
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
Update list layout and style Not only does this make some proper RTL styling but also make it more responsive. The nice separators are gone though. :(
2023-03-16 10:02:42 +00:00
&-icon-label {
gap: 0.25em;
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
display: inline-flex;
Update icon label style
2023-05-15 05:41:24 +00:00
align-items: center;
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
}
Update the layout and the list template I've also made small improvements such as adding the appropriate label for the main footer.
2021-01-20 19:16:26 +00:00
.post--single & {
background: var(--base01);
Refactor CSS files
2022-05-01 12:38:07 +00:00
color: var(--foreground);
Update the layout and the list template I've also made small improvements such as adding the appropriate label for the main footer.
2021-01-20 19:16:26 +00:00
font-size: 0.9em;
padding: 0 0.5em;
Refactor style
2023-03-18 06:55:37 +00:00
margin: 0;
Update the layout and the list template I've also made small improvements such as adding the appropriate label for the main footer.
2021-01-20 19:16:26 +00:00
}
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
}
.post__meta--single {
background: var(--base01);
Refactor CSS files
2022-05-01 12:38:07 +00:00
color: var(--foreground);
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
font-size: 0.9em;
margin: 0.5em auto;
padding: 0.5em 1em;
& > * {
margin: 0.5em auto;
}
}
Clean up the CSS files
2020-11-06 10:20:16 +00:00
Update docs and styles
2021-01-27 16:21:42 +00:00
.posts--list {
list-style: none;
padding-left: 1em;
margin: 1em auto;
}
.post--list {
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
display: flex;
& > * {
Update docs and styles
2021-01-27 16:21:42 +00:00
margin-right: 0.5em;
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
}
}
Update docs and styles
2021-01-27 16:21:42 +00:00
.post--list__date {
white-space: nowrap;
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
}
Update docs and styles
2021-01-27 16:21:42 +00:00
.taxonomy__header {
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
display: flex;
Update docs and styles
2021-01-27 16:21:42 +00:00
align-items: center;
justify-content: start;
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
& > * {
Update docs and styles
2021-01-27 16:21:42 +00:00
margin: 0;
margin-right: 0.25em;
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
}
}
#TableOfContents {
background: var(--base01);
font-size: 0.9em;
padding: 1em;
Revise the styling of the table of contents I've also put more comments on the individual components in the partial. Hopefully, that'll mitigate against me forgetting their purpose all over again.
2021-01-26 16:51:05 +00:00
Update redundant and unnecessary rules
2023-02-27 08:54:43 +00:00
> ul { margin-bottom: unset; }
Revise the styling of the table of contents I've also put more comments on the individual components in the partial. Hopefully, that'll mitigate against me forgetting their purpose all over again.
2021-01-26 16:51:05 +00:00
ul {
list-style: disc;
padding-left: 1em;
}
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
}
Update docs and styles
2021-01-27 16:21:42 +00:00
Reference in New Issue Copy Permalink