From: danix Date: Sun, 19 Feb 2023 08:05:16 +0000 (+0100) Subject: removed old main sass file and fixed icons display in homepage and footer X-Git-Url: https://git.danix.xyz/?a=commitdiff_plain;h=467d730075d1ba16a253793baa55250b7bec7b2c;p=theme-danix.xyz.git removed old main sass file and fixed icons display in homepage and footer --- diff --git a/assets/sass/components/_icons.scss b/assets/sass/components/_icons.scss index 1985d4c..ceffd05 100644 --- a/assets/sass/components/_icons.scss +++ b/assets/sass/components/_icons.scss @@ -54,6 +54,14 @@ @include breakpoint('<=small') { li { padding: 0 0.75em 0 0; + a { + span.inline-svg { + svg { + width: 3rem; + height: 3rem; + } + } + } } } } @@ -94,6 +102,7 @@ cursor: default; list-style: none; padding-left: 0; + text-align: center !important; li { display: inline-block; diff --git a/assets/sass/main.scss.old b/assets/sass/main.scss.old deleted file mode 100644 index 19cf9a2..0000000 --- a/assets/sass/main.scss.old +++ /dev/null @@ -1,129 +0,0 @@ -// various imports for our styling - -// BOURBON -@import "bourbon/bourbon"; - -// MY COLOR DEFINITIONS -@import "colors"; - -// GOOGLE FONTS -@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,600;1,400;1,600&family=Red+Hat+Mono&display=swap'); - -html { - margin: 0; - padding: 0; - font-family: 'Montserrat', sans-serif; - color: $dark-grey; - a { - color: $dark-accent; - text-decoration: none; - &:visited { - color: $light-accent; - } - &:hover { - color: $dark-orange; - } - } - - body { - background-color: $base-bg; - margin: 0; - padding: 0; - - div#page { - header#masthead, - footer#colophon { - color: $base-bg; - background-color: $dark-grey; - margin: 0; - padding: 1em; - } - header#masthead { - h1.site-title { - font-size: 5em; - font-weight: 200; - margin: 0; - padding: 0; - a { - color: $dark-orange; - } - } - } - footer#colophon { - div#social-menu { - ul.social-links { - margin: 0; - padding: 0; - li { - display: inline-block; - } - } - } - } - div#content { - line-height: 1.5; - font-weight: 400; - padding: 1em 3em; - div#secondary { - div#home-social-links { - ul.social-links-list { - list-style: none; - li { - display: inline-block; - float: none; - text-align: center; - a { - color: $dark-orange; - &:hover { - color: shade($dark-orange, 40%); - } - } - } - } - } - } - } - } - } -} -ul { - list-style: none; -} -.screen-reader-text, -.hidden { - @include hide-visually; -} -pre { - margin: 1em; - padding: 0.7em; - max-width: 90vw; - background-color: $light-grey; - color: $light-orange; - font-size: 1.4em; - font-family: 'Red Hat Mono', monospace; -} -div#backtotop { - color: $light-orange !important; - & a { - position: fixed; - right: 2em; - bottom: 2em; - border-radius: 100%; - background-color: $dark-orange; - padding: 0.5rem; - border: none; - cursor: pointer; - display: block; - width: 3em; - height: 3em; - color: $dark-grey; - } -} -.inline-svg { - display: inline-block; - height: 3em; - width: 3em; - margin-right: 1em; - top: 0.15em; - position: relative; -}