diff options
-rw-r--r-- | _scss/components/theme/_buttons.scss | 5 | ||||
-rw-r--r-- | _scss/components/theme/_form.scss | 6 |
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; |