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

Clean up the CSS files

Browse Source
This commit is contained in:
Gabriel Arazas 2020-11-06 18:20:16 +08:00
parent 22069d21b6
commit 2fe4afef34
4 changed files with 16 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
CHANGELOG.adoc
View File

@ -24,6 +24,8 @@ and this project adheres to https://semver.org/spec/v2.0.0.html[Semantic Version
* All references to `.Date` are changed with `.PublishDate` as it is more reliable.
The `.PublishDate` can be manually set with the `publishdate` frontmatter variable and if unset, it is the assumed to be the `date` variable.
* Link color into `base0C`.
=== Fixed

11
README.adoc
View File

@ -208,6 +208,9 @@ paginate = 20
mainSections = [ "posts", "recipes", "projects" ]
----
As for the page variables, it uses no custom frontmatter variables.
For more information, you can refer to https://gohugo.io/content-management/front-matter#predefined[the predefined variables that Hugo accepts].
=== Authors
@ -229,15 +232,15 @@ It can also point relative to the Hugo project root.
=== Creating your own color scheme
To create a color scheme, simply place a Base16 color scheme data file in `data/more-contentful/themes/`.
For example, take the https://github.com/chriskempson/base16-default-schemes/blob/master/default-dark.yaml[default Base16 dark scheme] which is also the default scheme for this theme.
Creating your own color scheme has been simplified with the use of https://gohugo.io/templates/data-templates/#the-data-folder[data templates].
Furthermore, with https://gohugo.io/hugo-pipes/bundling/#readout[asset bundling], CSS variables, and SCSS, it is ensured that all of the schemes will be kept in one resulting stylesheet.
NOTE: In case you want to modify the stylesheet, the website has been styled according to the https://github.com/chriskempson/base16/blob/master/styling.md[Base16 styling guidelines] with some liberty.
NOTE: In case you want to modify the stylesheet, the website has been styled according to the https://github.com/chriskempson/base16/blob/master/styling.md[Base16 styling guidelines] with some liberties applied.
Not all Base16 color schemes follow the guideline strictly so it may result in a bad-looking color palette of the website.
To create a color scheme, simply place a Base16 color scheme data file in `data/more-contentful/themes/`.
For example, take the https://github.com/chriskempson/base16-default-schemes/blob/master/default-dark.yaml[default Base16 dark scheme] which is also the default scheme for this theme.
[source, yaml]
----
scheme: "Default Dark"

4
assets/scss/base.scss
View File

@ -45,11 +45,11 @@ h4, h5, h6 {
}
a {
color: var(--base08);
color: var(--base0C);
text-decoration: none;
&:hover {
color: var(--base0C);
color: var(--base0B);
text-decoration: underline;
}

26
assets/scss/layout.scss
View File

@ -24,7 +24,7 @@
}
.site__languages {
@include header-link-hover-style;
margin: 0.5em;
}
.site__socials {
@ -68,29 +68,12 @@
padding: 0 0.5em;
.site__theme-dropdown &:hover {
background: var(--base08);
background: var(--base0C);
color: var(--base00);
cursor: pointer;
}
}
.site__breadcrumbs {
& > *:not(:last-child) {
&::after {
color: var(--base07);
content: "/";
display: inline-block;
margin: 0 0.5em;
}
}
}
.site__breadcrumb--active {
@extend .site__breadcrumb !optional;
color: var(--base0C);
font-weight: bold;
}
.pagination {
display: flex;
font-size: 1rem;
@ -107,12 +90,12 @@
.page-link {
background: var(--base01);
color: var(--base08);
color: var(--base0C);
text-decoration: none;
padding: 0.5em;
&:hover {
background: var(--base0C);
background: var(--base0B);
color: var(--base00);
text-decoration: none;
}
@ -162,6 +145,7 @@
margin: 0.5em auto;
}
}
.taxonomy__header {
display: flex;
align-items: center;