From 4860980b03aa8524f45aa60771607343cf35d6be Mon Sep 17 00:00:00 2001 From: codecalm Date: Thu, 29 Oct 2020 23:37:18 +0100 Subject: [PATCH] icons stroke --- src/pages/_includes/parts/modals/info.html | 2 +- src/pages/_includes/ui/trending.html | 2 +- src/pages/_layouts/base.html | 2 +- src/scss/_variables.scss | 9 ++++++--- src/scss/ui/_icons.scss | 4 ++++ 5 files changed, 13 insertions(+), 6 deletions(-) diff --git a/src/pages/_includes/parts/modals/info.html b/src/pages/_includes/parts/modals/info.html index 0cee441a8..b00083e38 100644 --- a/src/pages/_includes/parts/modals/info.html +++ b/src/pages/_includes/parts/modals/info.html @@ -1,7 +1,7 @@ {% include ui/modal/close.html %}
- {% include ui/icon.html icon="circle-check" color="green" class="icon-xl icon-thin mb-4" %} + {% include ui/icon.html icon="circle-check" color="green" class="icon-xl mb-4" %}

Payment succedeed

Your payment of $290 has been successfully submitted. Your invoice has been sent to support@tabler.io.
diff --git a/src/pages/_includes/ui/trending.html b/src/pages/_includes/ui/trending.html index fa9f68bf0..fbba5faa7 100644 --- a/src/pages/_includes/ui/trending.html +++ b/src/pages/_includes/ui/trending.html @@ -11,5 +11,5 @@ {% endif %} - {{ value }}% {% include ui/icon.html icon=icon class="icon-thin" class="ml-1" %} + {{ value }}% {% include ui/icon.html icon=icon class="ml-1" %} diff --git a/src/pages/_layouts/base.html b/src/pages/_layouts/base.html index 7d76f2910..c35d609a1 100644 --- a/src/pages/_layouts/base.html +++ b/src/pages/_layouts/base.html @@ -45,7 +45,7 @@ {% assign layout-dark = page.layout-dark | default: site.layout-dark %} - + {{ content }} diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss index d815debf2..bc568b0db 100644 --- a/src/scss/_variables.scss +++ b/src/scss/_variables.scss @@ -22,6 +22,9 @@ $font-family-serif: "Georgia", "Times New Roman", times, serif !default; // EXTERNAL FONTS $icon-fonts: () !default; +//Icons +$icon-stroke-width: 1.5 !default; + //Fonts $font-size-base: .875rem !default; $font-weight-normal: 400 !default; @@ -37,8 +40,8 @@ $theme-color-interval: 10% !default; $min-contrast-ratio: 1.5 !default; $light: #f5f7fb !default; -$dark: #354052 !default; -$text: #212b36 !default; +$dark: #252f3f !default; +$text: #252f3f !default; $light-black: rgba($dark, .24) !default; $light-mix: rgba(mix($light, $dark, 64%), .24) !default; @@ -76,7 +79,7 @@ $white: #ffffff !default; $body-bg: $light !default; $body-color: $text !default; -$text-muted-opacity: .72 !default; //Perfect color for AA +$text-muted-opacity: .64 !default; //Perfect color for AA $text-muted: mix($body-color, #ffffff, $text-muted-opacity * 100%) !default; $border-color: rgba($text-muted, .2) !default; $border-color-light: rgba($text-muted, .1) !default; diff --git a/src/scss/ui/_icons.scss b/src/scss/ui/_icons.scss index 7dc575eb4..71c5481d2 100644 --- a/src/scss/ui/_icons.scss +++ b/src/scss/ui/_icons.scss @@ -4,6 +4,10 @@ font-size: 1rem; vertical-align: text-bottom; + @if $icon-stroke-width { + stroke-width: $icon-stroke-width; + } + &:hover { text-decoration: none; }