From 2cc5c81df603c59f99a996c7dcec9538668f3d78 Mon Sep 17 00:00:00 2001 From: KevinMidboe Date: Sun, 6 Sep 2020 22:32:30 +0200 Subject: [PATCH] More positioning and global style rules. --- src/styles/global.scss | 38 +++++++++++++++++++++++++++++++++++++ src/styles/positioning.scss | 18 +++++++++++++++++- 2 files changed, 55 insertions(+), 1 deletion(-) diff --git a/src/styles/global.scss b/src/styles/global.scss index 0a1b41e..5db96b1 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -153,6 +153,44 @@ textarea { } } + +.cursor { + &-pointer { + cursor: pointer; + } +} + +.text-center { + text-align: center; +} + +.vin-link { + font-weight: bold; + border-bottom: 1px solid #ff5fff; + font-size: 1rem; + margin-left: 15px; +} + + +.margin-top { + &-md { + margin-top: 3rem; + } +} + +.margin-bottom { + &-md { + margin-bottom: 3rem; + } + &-sm { + margin-bottom: 1rem; + } + &-0 { + margin-bottom: 0; + } +} + + .no-margin { margin: 0 !important; } diff --git a/src/styles/positioning.scss b/src/styles/positioning.scss index c5597c7..db9abcb 100644 --- a/src/styles/positioning.scss +++ b/src/styles/positioning.scss @@ -1,7 +1,23 @@ .flex { display: flex; - &-column { + & .column { flex-direction: column; } + + & .row { + flex-direction: row; + } + + & .wrap { + flex-wrap: wrap; + } + + &.justify-center { + justify-content: center; + } + + &.align-center { + align-items: center; + } } \ No newline at end of file