Fix #228, Fix #245

diff --git a/sass/components/card.sass b/sass/components/card.sass
index f5d33411a95b579ce984fdbcf5a2a21cb72111a0..2ea032e8607ac4200950c6c2411701380faff060 100644 (file)
--- a/sass/components/card.sass
+++ b/sass/components/card.sass
@@ -55,4 +55,4 @@
   &.is-fullwidth
     width: 100%
   &.is-rounded
-    border-radius: 5px
+    border-radius: $radius-large

diff --git a/sass/components/menu.sass b/sass/components/menu.sass
index b8040db2fe5c2ff03adef6c557077219ee5e89b8..402986c3e33638be651e4b8bff653fe578805c4e 100644 (file)
--- a/sass/components/menu.sass
+++ b/sass/components/menu.sass
@@ -5,7 +5,7 @@
 
 .menu-list
   a
-    border-radius: 2px
+    border-radius: $radius-small
     color: $text
     display: block
     padding: 5px 10px

diff --git a/sass/components/modal.sass b/sass/components/modal.sass
index f9c2cefc7381c752e023503cbc3dc71280dde2fb..e1d4360038427939da78b5ae87afc261402e3fd2 100644 (file)
--- a/sass/components/modal.sass
+++ b/sass/components/modal.sass
@@ -26,7 +26,7 @@
 .modal-card
   @extend .modal-content
   background: $white
-  border-radius: 5px
+  border-radius: $radius-large
   display: flex
   flex-direction: column
   max-height: calc(100vh - 40px)

diff --git a/sass/components/panel.sass b/sass/components/panel.sass
index f66dd3cef787ddb453f7acb7cc571b460c84623d..31ccea38d5f7a83f066b4177464999bc69727400 100644 (file)
--- a/sass/components/panel.sass
+++ b/sass/components/panel.sass
@@ -52,6 +52,6 @@ a.panel-block
 
 .panel
   border: 1px solid $border
-  border-radius: 5px
+  border-radius: $radius-large
   &:not(:last-child)
     margin-bottom: 20px

diff --git a/sass/elements/box.sass b/sass/elements/box.sass
index 23f02e5178624d12d1b32b00246a544059fdc89c..eeef09a4bdbefbd0b16b79cf24410dc9913f53a8 100644 (file)
--- a/sass/elements/box.sass
+++ b/sass/elements/box.sass
@@ -1,7 +1,7 @@
 .box
   @extend .block
   background: $white
-  border-radius: 5px
+  border-radius: $radius-large
   box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)
   display: block
   padding: 20px

diff --git a/sass/elements/button.sass b/sass/elements/button.sass
index 5388648a0a87138bd182bcba8202acd833653a5a..f05247f1f82ac7303b95ef401aab8738075c5b22 100644 (file)
--- a/sass/elements/button.sass
+++ b/sass/elements/button.sass
@@ -1,5 +1,5 @@
 =button-small
-  border-radius: 2px
+  border-radius: $radius-small
   font-size: 11px
   height: 24px
   line-height: 16px

diff --git a/sass/utilities/controls.sass b/sass/utilities/controls.sass
index 8cf7016002325b5af373acf1fa0c9c67774b6531..887e34c7cc0ac01caf1d026e5e70b43728bcd2cb 100644 (file)
--- a/sass/utilities/controls.sass
+++ b/sass/utilities/controls.sass
@@ -32,7 +32,7 @@
       color: rgba($control, 0.3)
 
 =control-small
-  border-radius: 2px
+  border-radius: $radius-small
   font-size: 11px
   height: 24px
   line-height: 16px

diff --git a/sass/utilities/variables.sass b/sass/utilities/variables.sass
index 70ccf8d2d822514c5910228f476534ffd3cd379a..7513e8b389bb46ab61243bfd3c4af8dce7ed9acc 100644 (file)
--- a/sass/utilities/variables.sass
+++ b/sass/utilities/variables.sass
@@ -52,7 +52,9 @@ $nav-height: 50px !default
 // Miscellaneous
 
 $easing: ease-out !default
+$radius-small: 2px !default
 $radius: 3px !default
+$radius-large: 5px !default
 $speed: 86ms !default
 
 // 2. Primary colors