aboutsummaryrefslogtreecommitdiff
path: root/_scss/components/theme
diff options
context:
space:
mode:
authorValentin Popov <info@valentineus.link>2018-04-24 15:54:34 +0300
committerValentin Popov <info@valentineus.link>2018-04-24 15:54:34 +0300
commitfe613b7d2b6b12ca2eaa6157e078ad5a44057ede (patch)
tree6fd629f5ffd005a813275d1385543e3470b45ecc /_scss/components/theme
parentcd0a3e7067ac58a5f07aeae5206dffc06f47128b (diff)
downloadpopov.link-fe613b7d2b6b12ca2eaa6157e078ad5a44057ede.tar.xz
popov.link-fe613b7d2b6b12ca2eaa6157e078ad5a44057ede.zip
Added prefixes
Signed-off-by: Valentin Popov <info@valentineus.link>
Diffstat (limited to '_scss/components/theme')
-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;