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; | 
