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
8e70913ee4
hugo-theme-more-contentful/assets/scss/base.scss

237 lines
3.3 KiB
SCSS
Raw Normal View History

Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
*, *::before, *::after { box-sizing: border-box; }
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
*:target {
animation: target-fade 3s 1;
}
@keyframes target-fade {
Refactor CSS files
2022-05-01 12:38:07 +00:00
0% { background: var(--accent-color); }
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
100% { background: unset; }
}
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
body {
margin: 0 auto;
max-width: var(--content-width);
padding: 1rem;
}
nav {
margin: 1rem auto;
}
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
h1 { margin: 1rem auto; }
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
article {
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
h1 { margin: 1rem auto; }
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
h2 { margin-top: 3rem; }
h3 { margin-top: 2rem; }
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
h1, h2, h3 {
margin-bottom: 1rem;
}
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
}
/* Text formatting */
h1, h2, h3,
h4, h5, h6 {
font-family: var(--header-family);
line-height: 1.25;
}
a {
Refactor CSS files
2022-05-01 12:38:07 +00:00
color: var(--accent-color);
Add underlines to links
2023-10-28 08:51:51 +00:00
text-decoration-thickness: .1rem;
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +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(--base0C);
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
}
}
dd, li, p, td {
Make a few tweaks to the theme
2020-11-05 05:54:38 +00:00
line-height: 1.45;
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
}
p {
margin-top: 1rem;
}
dd {
margin-top: 0.5rem;
margin-bottom: 1.5rem;
}
kbd {
border: var(--border-style);
font-size: 0.8em;
font-weight: bold;
padding: 0 0.25em;
}
code, pre {
font-family: var(--mono-family);
}
code {
Fix background for `<code>`
2023-02-27 05:04:25 +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
font-size: 0.9em;
}
pre {
Update text color to be more consistent
2022-05-09 12:08:12 +00:00
color: var(--base05);
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
border: var(--border-style);
font-size: 1rem;
line-height: 1.5;
margin-top: 1rem;
margin-bottom: 1rem;
Update code blocks height It is now the same as in my site. I found it to be surprisingly useful but it needs a little widget like a button to make it fullscreen to make it more accessible especially at larger screens.
2022-05-09 12:08:48 +00:00
max-height: var(--code-block-size);
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
padding: 0.5rem;
overflow: auto;
Add some RTL styling for theme button component
2023-03-16 10:13:20 +00:00
direction: ltr;
Fix background for `<code>`
2023-02-27 05:04:25 +00:00
code { background: unset; }
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
}
mark {
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
}
Update the site layout Made the resulting HTML cleaner and added a color to the border for more personality.
2020-12-23 10:20:16 +00:00
hr {
Refactor CSS files
2022-05-01 12:38:07 +00:00
border-color: var(--accent-color);
Minor refactor to several components
2022-04-30 07:47:35 +00:00
margin: 1em 0;
Update the site layout Made the resulting HTML cleaner and added a color to the border for more personality.
2020-12-23 10:20:16 +00:00
}
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
/* Multimedia blocks */
img, video, audio, iframe {
display: block;
height: auto;
max-width: 100%;
margin: auto;
}
table {
border-collapse: collapse;
Update table formatting
2022-06-13 12:33:16 +00:00
border-spacing: 0.5em;
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
margin: auto;
Update table formatting
2022-06-13 12:33:16 +00:00
overflow: auto;
width: 100%;
Update table styles
2023-02-27 05:04:07 +00:00
border: var(--border-style);
margin: var(--vertical-rhythm) auto;
caption { margin: unset; }
Update table formatting
2022-06-13 12:33:16 +00:00
Update table styles
2023-02-27 05:04:07 +00:00
thead tr {
background: var(--base05);
color: var(--base00);
Update table formatting
2022-06-13 12:33:16 +00:00
}
Update spacing and coloring of basic elements
2023-02-21 06:36:27 +00:00
Update table styles
2023-02-27 05:04:07 +00:00
tbody {
tr + tr, tr:first-child { border-top: var(--border-style); }
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
tr:hover { background: var(--selection-color); }
Update table styles
2023-02-27 05:04:07 +00:00
}
th, td { padding: 0.5em; }
Update spacing and coloring of basic elements
2023-02-21 06:36:27 +00:00
tr td > p {
margin: 0;
}
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
}
Update table formatting
2022-06-13 12:33:16 +00:00
@mixin table-item-align {
text-align: left;
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
}
thead {
Update table formatting
2022-06-13 12:33:16 +00:00
font-weight: bold;
& tr th {
@include table-item-align;
}
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
}
Update table formatting
2022-06-13 12:33:16 +00:00
tbody {
& tr td {
@include table-item-align;
}
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
}
ol, ul {
line-height: 1.5;
}
figure {
margin: 2rem auto;
& > * {
margin: 1rem auto;
}
}
figcaption {
text-align: center;
font-size: 1rem;
}
blockquote {
margin: 2rem 1rem;
}
blockquote footer {
display: block;
width: 100%;
}
/* Form controls */
button {
background: unset;
Update text color to be more consistent
2022-05-09 12:08:12 +00:00
border: var(--base05) solid 1px;
color: var(--base05);
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
cursor: pointer;
font-size: 1rem;
padding: 0.5rem;
}
/* Semantic blocks */
aside {
--vertical-rhythm-reduction: 0.2;
color: var(--base03);
border: 1px solid var(--base03);
border-left: 3px solid var(--base03);
font-size: calc(1rem * (1 - var(--vertical-rhythm-reduction)));
font-family: var(--header-family);
line-height: calc(1rem * (1 + var(--vertical-rhythm-reduction)));
margin: 1rem 0;
padding: 0.5rem;
width: 100%;
}
Make external link styling site-wide
2022-10-24 05:32:06 +00:00
header, footer {
a[href]::after {
content: unset;
}
}
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
footer {
align-items: center;
display: flex;
flex-flow: column wrap;
justify-content: space-evenly;
text-align: center;
}
@media print {
html {
overflow: auto;
}
Update code blocks height It is now the same as in my site. I found it to be surprisingly useful but it needs a little widget like a button to make it fullscreen to make it more accessible especially at larger screens.
2022-05-09 12:08:48 +00:00
Improve paged media styling Now that system themes are implemented and requires no more guessing (or assumptions) for the theme, this makes it easier to style for paged media.
2022-05-09 12:11:02 +00:00
p {
orphans: 3;
}
Update code blocks height It is now the same as in my site. I found it to be surprisingly useful but it needs a little widget like a button to make it fullscreen to make it more accessible especially at larger screens.
2022-05-09 12:08:48 +00:00
pre {
max-height: unset;
}
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