diff options
author | Fredrik Jonsson <frjo@xdeb.org> | 2022-01-11 11:13:34 +0300 |
---|---|---|
committer | Fredrik Jonsson <frjo@xdeb.org> | 2022-01-24 10:03:42 +0300 |
commit | f2892602ad6011e503abbfd6a6a33c74268387b1 (patch) | |
tree | b1adb4e35a4e624ffaa8a88bcae68f61e2161ddd | |
parent | e86b48420bebb3a4c2476f161f57cca9cbc0fa9f (diff) |
Add border radius variablels.
-rw-r--r-- | assets/sass/_variables.scss | 5 | ||||
-rw-r--r-- | assets/sass/_zen.scss | 2 | ||||
-rw-r--r-- | assets/sass/components/button/_button.scss | 2 | ||||
-rw-r--r-- | assets/sass/components/inverted-box/_inverted-box.scss | 2 | ||||
-rw-r--r-- | assets/sass/mobile.scss | 2 |
5 files changed, 9 insertions, 4 deletions
diff --git a/assets/sass/_variables.scss b/assets/sass/_variables.scss index db229f5..dff22bd 100644 --- a/assets/sass/_variables.scss +++ b/assets/sass/_variables.scss @@ -142,6 +142,11 @@ $max-content-width: 960px; // The default left/right gutter/padding. $zen-gutters: 20px; +// Border radius. +$mini-radius: 3px; +$small-radius: .3rem; +$big-radius: 1rem; + // Miscellaneous variables // diff --git a/assets/sass/_zen.scss b/assets/sass/_zen.scss index 258cc33..7f398a4 100644 --- a/assets/sass/_zen.scss +++ b/assets/sass/_zen.scss @@ -129,7 +129,7 @@ article { pre { color: var(--color-code); - border-radius: 3px; + border-radius: $s-radius; padding: 5px; border: 1px solid var(--color-border); background-color: var(--color-text-bg); diff --git a/assets/sass/components/button/_button.scss b/assets/sass/components/button/_button.scss index 3b4e465..8efb873 100644 --- a/assets/sass/components/button/_button.scss +++ b/assets/sass/components/button/_button.scss @@ -28,7 +28,7 @@ button, color: var(--color-button-text); background-color: var(--color-button); border: 1px solid var(--color-button); - border-radius: .3rem; + border-radius: $m-radius; &:hover, &:focus, diff --git a/assets/sass/components/inverted-box/_inverted-box.scss b/assets/sass/components/inverted-box/_inverted-box.scss index ae481f5..1235fef 100644 --- a/assets/sass/components/inverted-box/_inverted-box.scss +++ b/assets/sass/components/inverted-box/_inverted-box.scss @@ -5,7 +5,7 @@ @include padding(.5); background: var(--color-brand); color: var(--color-text-bg); - border-radius: .3rem; + border-radius: $m-radius; :link, :visited { diff --git a/assets/sass/mobile.scss b/assets/sass/mobile.scss index 129e9a9..a5d5dc8 100644 --- a/assets/sass/mobile.scss +++ b/assets/sass/mobile.scss @@ -54,7 +54,7 @@ font-weight: bold; line-height: 1; border: 1px solid var(--color-border); - border-radius: 3px; + border-radius: $s-radius; color: var(--color-text); pointer-events: auto; |