foodogsquared/website
1
0
Fork 0
mirror of https://github.com/foo-dogsquared/website.git synced 2025-02-07 09:19:00 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Revamp CSS

Browse Source
This commit is contained in:
foo-dogsquared 2018-10-29 11:44:59 +08:00
parent e2f458cf04
commit c87c484a72
6 changed files with 24 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
_sass/_custom.scss
View File

@ -1,15 +1,6 @@
// custom default properties for normal tags
html {scroll-behavior: smooth}
blockquote {
font-family: "Georgia", $base-font-family;
border-left: $brand-color solid 5px;
color: $grey-color-dark;
font-style: italic;
padding: 1em;
word-spacing: 1px;
}
h1, h2, h3, h4, h5, h6 {
code {font-size: 1em;}
}
@ -98,3 +89,7 @@ em[data-descr], i[data-descr] {
font-size: $small-font-size;
margin-top: 0;
}
::selection {
background: lighten($brand-color_l, 37.5%);
}

15
_sass/custom_elems/_pinned_posts.scss
View File

@ -1,21 +1,20 @@
#pinned-section {
background: linear-gradient(75deg, $brand-color_d, $brand-color, $brand-color_l);
background: lighten($color: $brand-color_l, $amount: 40%);
border: $brand-color 4px solid;
border-top: 0;
border-bottom: 0;
color: white;
margin-bottom: 2em;
padding: $base-font-size;
ul.pinned-posts {
& * {color: white;}
list-style: none;
padding: 0;
@include media-query($on-palm) {
margin-left: 0;
}
@include media-query($on-palm) {margin-left: 0;}
}
::selection {
background: $brand-color;
color: white;
}
}

4
_sass/custom_layout/_footer.scss
View File

@ -3,6 +3,10 @@
border-top: 1px solid $grey-color-light;
color: $platinum;
padding: $spacing-unit 0;
::selection {
background: darken($footer-link, 30%);
}
}
.footer-col-1 {

2
_sass/minima.scss
View File

@ -2,7 +2,7 @@
// Define defaults for each variable.
$base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
$base-font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
$base-font-size: 16px !default;
$base-font-weight: 400 !default;
$small-font-size: $base-font-size * 0.875 !default;

10
_sass/minima/_base.scss
View File

@ -103,12 +103,14 @@ a {
* Blockquotes
*/
blockquote {
color: $grey-color;
border-left: 4px solid $grey-color-light;
padding-left: $spacing-unit / 2;
@include relative-font-size(1.125);
letter-spacing: -1px;
border-left: $brand-color solid 5px;
color: $grey-color-dark;
font-family: "Georgia", $base-font-family;
font-style: italic;
letter-spacing: -1px;
padding: 1em;
word-spacing: 3px;
> :last-child {margin-bottom: 0;}
}

2
_sass/minima/_layout.scss
View File

@ -194,6 +194,8 @@
margin: .25em;
a:visited, a:hover {color: $brand-color_l}
& > :not(:first-child) {margin-left: 1.25em;}
}
.post-link {