diff --git a/src/styles/global.scss b/src/styles/global.scss index d4bbfce..e4e6f07 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -129,6 +129,15 @@ textarea { // disable-dbl-tap-zoom touch-action: manipulation; + &.auto-height { + height: auto; + } + + &.danger { + background-color: $red; + color: white; + } + &::after { content: ""; position: absolute; @@ -172,7 +181,14 @@ textarea { font-weight: bold; border-bottom: 1px solid $link-color; font-size: 1rem; - margin-left: 15px; + cursor: pointer; + + text-decoration: none; + color: $matte-text-color; + + &:focus, &:hover { + border-color: $link-color; + } } @@ -180,8 +196,35 @@ textarea { &-md { margin-top: 3rem; } + &-sm { + margin-top: 1rem; + } + &-0 { + margin-top: 0; + } +} +.margin-left { + &-md { + margin-left: 3rem; + } + &-sm { + margin-left: 1rem; + } + &-0 { + margin-left: 0; + } +} +.margin-right { + &-md { + margin-right: 3rem; + } + &-sm { + margin-right: 1rem; + } + &-0 { + margin-right: 0; + } } - .margin-bottom { &-md { margin-bottom: 3rem; @@ -224,3 +267,15 @@ textarea { background-color: $light-red; } } + +.desktop-only { + @include mobile { + display: none; + } +} + +.mobile-only { + @include desktop { + display: none; + } +} \ No newline at end of file diff --git a/src/styles/media-queries.scss b/src/styles/media-queries.scss index 2c41be8..8108453 100644 --- a/src/styles/media-queries.scss +++ b/src/styles/media-queries.scss @@ -1,6 +1,6 @@ $mobile-width: 768px; $tablet-max: 1200px; -$desktop-max: 1704; +$desktop-max: 2004px; @mixin mobile { @@ -15,7 +15,6 @@ $desktop-max: 1704; } } - @mixin desktop { @media (min-width: #{$tablet-max + 1px}) { @content; diff --git a/src/styles/positioning.scss b/src/styles/positioning.scss index db9abcb..15e36e4 100644 --- a/src/styles/positioning.scss +++ b/src/styles/positioning.scss @@ -16,8 +16,31 @@ &.justify-center { justify-content: center; } + &.justify-space-between { + justify-content: space-between; + } + &.justify-end { + justify-content: flex-end; + } + &.justify-start { + justify-content: flex-start; + } &.align-center { align-items: center; } +} + +.inline-block { + display: inline-block; +} + +.float { + &-left { + float: left; + } + + &-right { + float: right; + } } \ No newline at end of file diff --git a/src/styles/variables.scss b/src/styles/variables.scss index 9886163..7529b3e 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -1,4 +1,4 @@ -$primary: #dbeede; +$primary: #b7debd; $light-green: #c8f9df; $green: #0be881;