diff --git a/themes/mmotium/assets/css/_base.scss b/themes/mmotium/assets/css/_base.scss index e0e27fe..4047f5a 100644 --- a/themes/mmotium/assets/css/_base.scss +++ b/themes/mmotium/assets/css/_base.scss @@ -10,7 +10,6 @@ body { line-height: normal; color: $font-color; background-color: $page-bg-color; - // background: url($page-bg-image) repeat scroll 0 0 $page-bg-color; } h1, diff --git a/themes/mmotium/assets/css/_vars.scss b/themes/mmotium/assets/css/_vars.scss index 1b9cfbb..32c2e01 100644 --- a/themes/mmotium/assets/css/_vars.scss +++ b/themes/mmotium/assets/css/_vars.scss @@ -4,7 +4,6 @@ $tablet-width: 768px; $font-color: #333333; $navbar-color: #404c5e; -// $navbar-color: #2262b1; $navbar-text-color: white; $link-color: #00465c; $link-hover-color: #0096c4; @@ -17,4 +16,4 @@ $post-bg-color: white; $image-wrapper-bg-color: #fcfcfc; $image-wrapper-border-color: #d6d6d6; -$table-border-color: #d6d6d6; \ No newline at end of file +$table-border-color: #d6d6d6; diff --git a/themes/mmotium/assets/css/style.scss b/themes/mmotium/assets/css/style.scss index 9fce697..5130e8e 100644 --- a/themes/mmotium/assets/css/style.scss +++ b/themes/mmotium/assets/css/style.scss @@ -10,14 +10,11 @@ } nav.navbar { - & { - background-color: $navbar-color; - color: $navbar-text-color; - font-size: 1.5rem; - padding: 10px 0; - margin-bottom: 1rem; - // line-height: 0%; - } + background-color: $navbar-color; + color: $navbar-text-color; + font-size: 1.5rem; + padding: 10px 0; + margin-bottom: 1rem; .logo { width: 1.5em; @@ -41,12 +38,10 @@ nav.navbar { } .post.single { - & { - background-color: $post-bg-color; - padding: 24px; - margin-bottom: 16px; - word-break: break-word; - } + background-color: $post-bg-color; + padding: 24px; + margin-bottom: 16px; + word-break: break-word; p { margin-top: 0; @@ -75,15 +70,13 @@ nav.navbar { } .image-wrapper { - & { - display: inline-block; - text-align: center; - margin: 0; - margin-bottom: 1em; - padding: 16px; - background-color: $image-wrapper-bg-color; - border: 1px solid $image-wrapper-border-color; - } + display: inline-block; + text-align: center; + margin: 0; + margin-bottom: 1em; + padding: 16px; + background-color: $image-wrapper-bg-color; + border: 1px solid $image-wrapper-border-color; img { width: 100%; @@ -95,13 +88,11 @@ nav.navbar { } blockquote { - & { - background-color: #f9f9f9; - border-left: 5px solid #ffc7bd; - margin: 0; - padding: 1em; - margin-bottom: 1em; - } + background-color: #f9f9f9; + border-left: 5px solid #ffc7bd; + margin: 0; + padding: 1em; + margin-bottom: 1em; p:last-child { margin-bottom: 0; @@ -130,11 +121,9 @@ nav.navbar { section.posts { - & { - display: flex; - flex-direction: column; - gap: 16px; - } + display: flex; + flex-direction: column; + gap: 16px; .post { background-color: $post-bg-color; @@ -146,7 +135,6 @@ section.posts { margin-right: 16px; margin-bottom: 16px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); - // border: 1px solid #ccc; } @@ -179,16 +167,12 @@ section.posts { } .page-wrapper { - & { - display: flex; - flex-direction: row; - gap: 16px; - } + display: flex; + flex-direction: row; + gap: 16px; @media (max-width: $tablet-width) { - & { - flex-direction: column; - } + flex-direction: column; } .content-column { @@ -196,13 +180,11 @@ section.posts { } .sidebar { - & { - display: flex; - flex-direction: column; - min-width: 300px; - width: 300px; - gap: 16px; - } + display: flex; + flex-direction: column; + min-width: 300px; + width: 300px; + gap: 16px; .item { background-color: $post-bg-color;