diff options
author | Sami Ahmed Siddiqui <sami@trunkcode.com> | 2022-08-15 20:27:19 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-08-15 20:27:19 +0300 |
commit | e3c036026df562cbaf71899cae87771dca2be029 (patch) | |
tree | 6fbde54bbda28e577c739d0522874c8ddb9d4817 /assets | |
parent | 1779a8ce015ed959a8ff5a7ee154c0ab82d3678c (diff) |
Upgrade to FontAwesome 6 (#1102)
Diffstat (limited to 'assets')
-rw-r--r-- | assets/scss/_nav.scss | 36 | ||||
-rw-r--r-- | assets/scss/_search.scss | 2 | ||||
-rw-r--r-- | assets/scss/_taxonomy.scss | 8 | ||||
-rw-r--r-- | assets/scss/support/_functions.scss | 1 |
4 files changed, 23 insertions, 24 deletions
diff --git a/assets/scss/_nav.scss b/assets/scss/_nav.scss index 1d5d41d..b603c8f 100644 --- a/assets/scss/_nav.scss +++ b/assets/scss/_nav.scss @@ -121,13 +121,13 @@ font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; - font-family: "Font Awesome 5 Free"; - font-weight: 900; + font-family: "Font Awesome 6 Free"; + font-weight: 900; content: "\f0d9"; padding-left: 0.5em; padding-right: 0.5em; } - } + } } // Foldable sidebar menu @@ -136,18 +136,18 @@ nav.foldable-nav { &#td-section-nav { position: relative; } - + &#td-section-nav label { margin-bottom: 0; width: 100%; } - + .td-sidebar-nav__section, .with-child ul { list-style: none; padding: 0; margin: 0; } - + .ul-1 > li { padding-left: 1.5em; } @@ -162,8 +162,8 @@ nav.foldable-nav { input[type=checkbox] { display: none; } - .with-child, .without-child { - position: relative; + .with-child, .without-child { + position: relative; padding-left: 1.5em; } @@ -173,7 +173,7 @@ nav.foldable-nav { font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; - font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0da"; + font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f0da"; position: absolute; left: 0.1em; padding-left: 0.4em; @@ -186,30 +186,30 @@ nav.foldable-nav { } } - .ul-1 .with-child > input:checked ~ label:before { + .ul-1 .with-child > input:checked ~ label:before { color: $primary; transform: rotate(90deg); - transition: transform 0.5s; + transition: transform 0.5s; } .with-child ul { margin-top: 0.1em; } - -} + +} @media (hover: hover) and (pointer: fine) { - + nav.foldable-nav { - .ul-1 .with-child > label:hover:before { + .ul-1 .with-child > label:hover:before { color: $primary; transform: rotate(30deg); - transition: transform 0.5s; + transition: transform 0.5s; } - .ul-1 .with-child > input:checked ~ label:hover:before { + .ul-1 .with-child > input:checked ~ label:hover:before { color: $primary; transform: rotate(60deg) !important; - transition: transform 0.5s; + transition: transform 0.5s; } } } diff --git a/assets/scss/_search.scss b/assets/scss/_search.scss index 6fb9631..49de03d 100644 --- a/assets/scss/_search.scss +++ b/assets/scss/_search.scss @@ -14,7 +14,7 @@ border-radius: 1rem; } - font-family: "Font Awesome 5 Free", $font-family-base; + font-family: "Font Awesome 6 Free", $font-family-base; } .popover.offline-search-result { diff --git a/assets/scss/_taxonomy.scss b/assets/scss/_taxonomy.scss index 8be1f4f..32ce511 100644 --- a/assets/scss/_taxonomy.scss +++ b/assets/scss/_taxonomy.scss @@ -207,7 +207,7 @@ font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; - font-family: "Font Awesome 5 Free"; + font-family: "Font Awesome 6 Free"; // font-weight: 900; padding-right: 0.5em; font-size: 2em; @@ -298,7 +298,7 @@ font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; - font-family: "Font Awesome 5 Free"; + font-family: "Font Awesome 6 Free"; content: "\f02d"; padding-right: 0.5em; } @@ -309,7 +309,7 @@ font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; - font-family: "Font Awesome 5 Free"; + font-family: "Font Awesome 6 Free"; content: "\f781"; padding-right: 0.5em; } @@ -325,7 +325,7 @@ font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; - font-family: "Font Awesome 5 Free"; + font-family: "Font Awesome 6 Free"; content: "\f122"; padding-right: 0.5em; } diff --git a/assets/scss/support/_functions.scss b/assets/scss/support/_functions.scss index 2b641f0..bb75c49 100644 --- a/assets/scss/support/_functions.scss +++ b/assets/scss/support/_functions.scss @@ -5,7 +5,6 @@ } - // See https://www.sitepoint.com/using-sass-build-color-palettes/ @function color-diff($a, $b) { $sat: saturation($a) - saturation($b); |