valentineus/popov.link
valentineus/popov.link
0
Fork 0
Code Issues Pull Requests Actions Releases Activity

Added prefixes

Browse Source 
Signed-off-by: Valentin Popov <info@valentineus.link>
This commit is contained in:
Valentin Popov 2018-04-24 16:54:34 +04:00
parent cd0a3e7067
commit fe613b7d2b
Signed by: Valentin Popov
GPG Key ID: 269A00ACA90A8EA3
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
_scss/components/theme/_buttons.scss
View File

@ -1,3 +1,5 @@
@import 'utilities/borderradius';
.button, .button,
button, button,
input[type='button'], input[type='button'],
@ -5,7 +7,6 @@ input[type='reset'],
input[type='submit'] { input[type='submit'] {
background-color: $color-primary; background-color: $color-primary;
border: .1rem solid $color-primary; border: .1rem solid $color-primary;
border-radius: .4rem;
color: $color-initial; color: $color-initial;
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
@ -20,6 +21,8 @@ input[type='submit'] {
text-transform: uppercase; text-transform: uppercase;
white-space: nowrap; white-space: nowrap;
@include borderradius(.4rem);
&:focus, &:focus,
&:hover { &:hover {
background-color: $color-secondary; background-color: $color-secondary;

6
_scss/components/theme/_form.scss
View File

@ -1,5 +1,7 @@
@import 'utilities/appearance'; @import 'utilities/appearance';
@import 'utilities/borderradius';
@import 'utilities/boxshadow'; @import 'utilities/boxshadow';
@import 'utilities/boxsizing';
input:not([type]), input:not([type]),
input[type='color'], input[type='color'],
@ -19,14 +21,14 @@ select,
textarea { textarea {
background-color: transparent; background-color: transparent;
border: .1rem solid $color-quaternary; border: .1rem solid $color-quaternary;
border-radius: .4rem;
box-sizing: inherit;
height: 3.8rem; height: 3.8rem;
padding: .6rem 1rem; padding: .6rem 1rem;
width: 100%; width: 100%;
@include appearance(none); @include appearance(none);
@include borderradius(.4rem);
@include boxshadow(none); @include boxshadow(none);
@include boxsizing(inherit);
&:focus { &:focus {
border-color: $color-primary; border-color: $color-primary;