From 3da2287bbccc882dbc05c83d1eb8245c06b062dc Mon Sep 17 00:00:00 2001 From: teascade Date: Sun, 1 Oct 2017 23:20:12 +0300 Subject: [PATCH] Sassified the CSS a bit --- index.html | 26 +++++++++++++------------- style.css | 35 +++++++++++++++++++++++++++++++---- style.css.map | 2 +- style.scss | 26 ++++++++++++++------------ 4 files changed, 59 insertions(+), 30 deletions(-) diff --git a/index.html b/index.html index f936550..9ccab72 100644 --- a/index.html +++ b/index.html @@ -24,8 +24,8 @@ @@ -44,23 +44,23 @@

Stuff under the hr!

- -
-

Welcome to a thing! This is a list, hello!

-

The list:

-
  • -
      Thing in a list
    -
      Another thing
    -
    • -

    new line

    -

    6th line

    +
    +

    Welcome to a thing! This is a list, hello!

    +

    The list:

    +
  • +
      Thing in a list
    +
      Another thing
    • +
    -
    +
    +

    Dolorem iusto nihil modi perspiciatis. Omnis nemo sed nam sed sunt qui. Laudantium accusantium architecto sint et necessitatibus quibusdam. Doloribus hic similique ut reiciendis rem ut placeat. Sit doloremque autem dicta quasi commodi nihil qui.

    +

    Some stuff

    This is a blue box

    diff --git a/style.css b/style.css index f75d252..634c623 100644 --- a/style.css +++ b/style.css @@ -196,17 +196,44 @@ nav > li { .space-2em { min-height: 42px; } +.space-3em { + min-height: 63px; } + +.space-4em { + min-height: 84px; } + +.space-5em { + min-height: 105px; } + +.width-5 { + width: 5ch; } + +.width-10 { + width: 10ch; } + +.width-15 { + width: 15ch; } + +.width-20 { + width: 20ch; } + +.width-25 { + width: 25ch; } + .width-50 { - min-width: 50ch; } + width: 48ch; } .width-100 { - min-width: 100ch; } + width: 98ch; } .width-150 { - min-width: 150ch; } + width: 148ch; } .width-200 { - min-width: 200ch; } + width: 198ch; } + +.width-250 { + width: 248ch; } .padding-1 { padding: 1ch; diff --git a/style.css.map b/style.css.map index 371ebfc..b288e87 100644 --- a/style.css.map +++ b/style.css.map @@ -1,6 +1,6 @@ { "version": 3, -"mappings": "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", +"mappings": "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", "sources": ["style.scss"], "names": [], "file": "style.css" diff --git a/style.scss b/style.scss index d8a360f..76b9bb0 100644 --- a/style.scss +++ b/style.scss @@ -149,7 +149,7 @@ nav { ul::before { content: "" !important; } - + & > li { // Navbar background-color: $default-white; color: $default-black; @@ -276,16 +276,18 @@ nav { } // Style helpers, like space-takers -.space-1em { min-height: $line-height; } -.space-2em { min-height: $line-height * 2; } -.width-50 { min-width: 50ch; } -.width-100 { min-width: 100ch; } -.width-150 { min-width: 150ch; } -.width-200 { min-width: 200ch; } +@for $i from 1 through 5 { + .space-#{$i}em { min-height: $line-height * $i; } +} -.padding-1 { padding: 1ch; padding-top: $line-height; padding-bottom: $line-height; } -.padding-2 { padding: 2ch; padding-top: $line-height * 2; padding-bottom: $line-height * 2; } -.padding-3 { padding: 3ch; padding-top: $line-height * 3; padding-bottom: $line-height * 3; } -.padding-4 { padding: 4ch; padding-top: $line-height * 4; padding-bottom: $line-height * 4; } -.padding-5 { padding: 5ch; padding-top: $line-height * 5; padding-bottom: $line-height * 5; } +@for $width from 1 through 5 { + .width-#{$width * 5} { width: $width * 5ch; } +} +@for $width from 1 through 5 { + .width-#{$width * 50} { width: $width * 50ch - 2ch; } +} + +@for $i from 1 through 5 { + .padding-#{$i} { padding: $i * 1ch; padding-top: $line-height * $i; padding-bottom: $line-height * $i; } +}