diff --git a/assets/scss/common.scss b/assets/scss/common.scss index a325283..868d193 100644 --- a/assets/scss/common.scss +++ b/assets/scss/common.scss @@ -39,6 +39,11 @@ body { padding: 1em; } +.padding-container-1 { + padding-left: 1em; + padding-right: 1em; +} + .padding-container-3 { padding-left: 3em; padding-right: 3em; diff --git a/assets/scss/components/columns.scss b/assets/scss/components/columns.scss index c6c834f..1757679 100644 --- a/assets/scss/components/columns.scss +++ b/assets/scss/components/columns.scss @@ -21,42 +21,40 @@ display: flex; } -.column { - &.col1 { - &:not(.col1-fill) { - width: 50%; - margin-right: auto !important; - margin-left: auto !important; - } - - &.col1-fill { - width: 100%; - } - } - - &.col2 { +.col1 { + &:not(.col1-fill) { width: 50%; + margin-right: auto !important; + margin-left: auto !important; } + + &.col1-fill { + width: 100%; + } +} - &.col3 { - width: 33%; - } +.col2 { + width: 50%; +} - &.col2-3 { - width: 66%; - } +.col3 { + width: 33%; +} - &.col4 { - width: 25%; - } +.col2-3 { + width: 66%; +} - &.col3-4 { - width: 75%; - } +.col4 { + width: 25%; +} - &.col5 { - width: 20%; - } +.col3-4 { + width: 75%; +} + +.col5 { + width: 20%; } @media screen and (max-width: 700px) { diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 1eadd0f..60bd60d 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,7 +1,7 @@