diff options
author | Rahmat Subekti <rahmatsubekti@live.com> | 2020-07-03 20:03:32 +0300 |
---|---|---|
committer | Rahmat Subekti <rahmatsubekti@live.com> | 2020-07-03 20:03:32 +0300 |
commit | dcb2e9000457016571560ff41277b1e976630bbc (patch) | |
tree | 491c428760f7eee18de4c64f602eb8b03b6106ed | |
parent | fbd9bbe75801e20f7f94eaa6d777105a891f0a15 (diff) |
fix some stylingtesting
-rwxr-xr-x | themes/the-roots-home/assets/_scss/base.scss | 14 | ||||
-rw-r--r-- | themes/the-roots-home/assets/_scss/layout.scss | 12 | ||||
-rw-r--r-- | themes/the-roots-home/assets/_scss/media.scss | 20 | ||||
-rw-r--r-- | themes/the-roots-home/layouts/partials/head.html | 3 | ||||
-rw-r--r-- | themes/the-roots-home/layouts/partials/math.html | 6 |
5 files changed, 45 insertions, 10 deletions
diff --git a/themes/the-roots-home/assets/_scss/base.scss b/themes/the-roots-home/assets/_scss/base.scss index 3f12da8..3bbfaea 100755 --- a/themes/the-roots-home/assets/_scss/base.scss +++ b/themes/the-roots-home/assets/_scss/base.scss @@ -28,7 +28,10 @@ max-width: $content-width; } - + hr{ + border: 1px dashed #828282; + margin: 25px 0; + } /** * Set `margin-bottom` to maintain vertical rhythm @@ -132,6 +135,7 @@ * Blockquotes */ blockquote { + font-family: serif; color: $grey-color; border-left: 4px solid $grey-color-light; padding-left: $spacing-unit / 2; @@ -154,7 +158,6 @@ @include relative-font-size(0.9375); border: 1px solid #d4d4d4; border-radius: 2px; - background-color: #eee4d0; } code { @@ -198,7 +201,10 @@ /** * Icons */ - + .emoji { + font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols; + } + .svg-icon { width: 16px; height: 16px; @@ -223,7 +229,7 @@ margin-bottom: $spacing-unit; width: 100%; text-align: $table-text-align; - color: lighten($text-color, 18%); + color: darken($text-color, 9%); border-collapse: collapse; border: 1px solid $grey-color-light; tr { diff --git a/themes/the-roots-home/assets/_scss/layout.scss b/themes/the-roots-home/assets/_scss/layout.scss index 2e33f56..e828ca8 100644 --- a/themes/the-roots-home/assets/_scss/layout.scss +++ b/themes/the-roots-home/assets/_scss/layout.scss @@ -144,13 +144,11 @@ } h2 { - border-bottom: 1px dotted $grey-color-light; @include relative-font-size(1.1); font-weight: bold; } h3 { - border-bottom: 1px dotted $grey-color-light; font-weight: bold; @include relative-font-size(1.075); } @@ -163,4 +161,14 @@ article~.pagination{ padding: $spacing-unit 0; border-top: 1px dashed $grey-color-light; + } + + .__h_instagram.card { + font-size: 14px; + border: 1px solid #bfbaba; + padding: 10px 0; + background: #fff; + .card-link{ + padding-left: 16px; + } }
\ No newline at end of file diff --git a/themes/the-roots-home/assets/_scss/media.scss b/themes/the-roots-home/assets/_scss/media.scss index 9f92460..c01f010 100644 --- a/themes/the-roots-home/assets/_scss/media.scss +++ b/themes/the-roots-home/assets/_scss/media.scss @@ -1,18 +1,30 @@ @include media-query($on-laptop) { .post-title{ - @include relative-font-size(1.55); + @include relative-font-size(1.65); } .post-content { + h1 { + @include relative-font-size(1.80); + } + h2 { - @include relative-font-size(1.25); + @include relative-font-size(1.40); } h3 { - @include relative-font-size(1); + @include relative-font-size(1.20); } h4 { - @include relative-font-size(.9); + @include relative-font-size(1.05); + } + + h5 { + @include relative-font-size(.98); + } + + h6 { + @include relative-font-size(.82); } } diff --git a/themes/the-roots-home/layouts/partials/head.html b/themes/the-roots-home/layouts/partials/head.html index 271d574..7a899f6 100644 --- a/themes/the-roots-home/layouts/partials/head.html +++ b/themes/the-roots-home/layouts/partials/head.html @@ -31,4 +31,7 @@ {{ hugo.Generator}} <script type="module" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule="" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.js"></script> + + {{ partial "math.html" . }} + </head> diff --git a/themes/the-roots-home/layouts/partials/math.html b/themes/the-roots-home/layouts/partials/math.html new file mode 100644 index 0000000..050d7fc --- /dev/null +++ b/themes/the-roots-home/layouts/partials/math.html @@ -0,0 +1,6 @@ +{{ if or .Params.math .Site.Params.math }} +<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous"> +<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script> +<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous" + onload="renderMathInElement(document.body);"></script> +{{ end }}
\ No newline at end of file |