aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--_scss/components/theme/_buttons.scss5
-rw-r--r--_scss/components/theme/_form.scss6
2 files changed, 8 insertions, 3 deletions
diff --git a/_scss/components/theme/_buttons.scss b/_scss/components/theme/_buttons.scss
index fd11d1b..6129449 100644
--- a/_scss/components/theme/_buttons.scss
+++ b/_scss/components/theme/_buttons.scss
@@ -1,3 +1,5 @@
+@import 'utilities/borderradius';
+
.button,
button,
input[type='button'],
@@ -5,7 +7,6 @@ input[type='reset'],
input[type='submit'] {
background-color: $color-primary;
border: .1rem solid $color-primary;
- border-radius: .4rem;
color: $color-initial;
cursor: pointer;
display: inline-block;
@@ -20,6 +21,8 @@ input[type='submit'] {
text-transform: uppercase;
white-space: nowrap;
+ @include borderradius(.4rem);
+
&:focus,
&:hover {
background-color: $color-secondary;
diff --git a/_scss/components/theme/_form.scss b/_scss/components/theme/_form.scss
index 6efcdcf..2a69de5 100644
--- a/_scss/components/theme/_form.scss
+++ b/_scss/components/theme/_form.scss
@@ -1,5 +1,7 @@
@import 'utilities/appearance';
+@import 'utilities/borderradius';
@import 'utilities/boxshadow';
+@import 'utilities/boxsizing';
input:not([type]),
input[type='color'],
@@ -19,14 +21,14 @@ select,
textarea {
background-color: transparent;
border: .1rem solid $color-quaternary;
- border-radius: .4rem;
- box-sizing: inherit;
height: 3.8rem;
padding: .6rem 1rem;
width: 100%;
@include appearance(none);
+ @include borderradius(.4rem);
@include boxshadow(none);
+ @include boxsizing(inherit);
&:focus {
border-color: $color-primary;