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 10:58:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity
9dd7994dbb
hugo-theme-more-contentful/assets/scss/base.scss

248 lines
3.5 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
::selection {
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
}
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);
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
text-decoration: none;
&:hover {
Clean up the CSS files
2020-11-06 10:20:16 +00:00
color: var(--base0B);
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
text-decoration: underline;
}
&::selection {
text-decoration: underline;
}
}
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;
margin-bottom: 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 {
Minor refactor to several components
2022-04-30 07:47:35 +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-family: var(--mono-family);
font-size: 0.9em;
}
pre {
background: var(--base01);
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-family: var(--mono-family);
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;
}
code[class*=language-]::selection,
code[class*=language-] ::selection,
pre[class*=language-]::selection,
pre[class*=language-] ::selection {
Minor refactor to several components
2022-04-30 07:47:35 +00:00
background: var(--base02);
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
font-size: var(--mono-font-size);
Minor refactor to several components
2022-04-30 07:47:35 +00:00
color: 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
&::selection {
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
}
}
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%;
caption {
margin: 1em;
}
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%;
}
footer {
align-items: center;
display: flex;
flex-flow: column wrap;
justify-content: space-evenly;
text-align: center;
}
/* Mobile styles */
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
@media all and (max-width: $tablet-breakpoint) {
Initial release All of the changes should be documented in the changelog.
2020-11-02 08:53:37 +00:00
html:root {
--font-size: 17px;
}
}
@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