aboutsummaryrefslogtreecommitdiffstats
path: root/stylesheets/base/base.scss
diff options
context:
space:
mode:
authorBryan Brattlof <hello@bryanbrattlof.com>2020-05-01 18:43:03 -0400
committerBryan Brattlof <hello@bryanbrattlof.com>2020-05-01 18:43:03 -0400
commit698c0d8b8473dbcb21e214d217efbeb2cdd6f892 (patch)
tree565be55e7f4a9711cc4dcd9566ac584aceecf2fd /stylesheets/base/base.scss
parentedd7fb35ca00cc2132aae4e1927d6a376fc79a6b (diff)
downloadbryanbrattlof.com-698c0d8b8473dbcb21e214d217efbeb2cdd6f892.tar.gz
bryanbrattlof.com-698c0d8b8473dbcb21e214d217efbeb2cdd6f892.tar.bz2
remove list.scss
Unordered Lists are in every page of the website thanks to the footer. Removing the li mixin and placed the default styling in the 'base.scss' file will simplify the stylesheet more. Ordered Lists are only used in the 'articles.scss' stylesheet. We can safely remove the ol mixin and place the default arguments inside the article's stylesheet.
Diffstat (limited to 'stylesheets/base/base.scss')
-rw-r--r--stylesheets/base/base.scss17
1 files changed, 17 insertions, 0 deletions
diff --git a/stylesheets/base/base.scss b/stylesheets/base/base.scss
index 098ff4e..1fc26eb 100644
--- a/stylesheets/base/base.scss
+++ b/stylesheets/base/base.scss
@@ -50,6 +50,23 @@ a {
color: inherit;
}
+ul {
+ list-style: none;
+ margin: 0 0 $default-spacing;
+ padding: 0;
+}
+
+li {
+ display: inline-block;
+ margin: ($default-spacing/2) $default-spacing;
+ padding: 0 ($default-spacing/4);
+
+ @include breakpoint-min(600px) {
+ margin: ($default-spacing/2) ($default-spacing*2);
+ padding: 0 ($default-spacing/2);
+ }
+}
+
/* Add the correct display in IE 10.*/
[hidden] {
display: none;