Liness/framadate-responsive
5
0
Fork 0
forked from tykayn/funky-framadate-front
Code Pull Requests Activity

added delete buttons

Browse Source
This commit is contained in:
newick 2019-08-12 22:20:53 +02:00
parent 807b6bc660
commit c64f6b9ebe
2 changed files with 20 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/assets/scss/atoms/_buttons.scss
View File

@ -6,10 +6,13 @@ input[type="submit"] {
padding-left: 1.5rem; padding-left: 1.5rem;
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1; line-height: 1;
background-color: #fff;
border: 2px solid $primary_color; border: 2px solid $primary_color;
border-radius: 0.3rem; border-radius: 0.3rem;
&.background-btn { &.btn_background {
padding-top: 1rem;
padding-bottom: 1rem;
font-weight: 600; font-weight: 600;
background-color: $primary_color; background-color: $primary_color;
@ -19,7 +22,13 @@ input[type="submit"] {
} }
&.btn_delete { &.btn_delete {
color: #fff;
background-color: $red;
&:hover {
color: $red;
background-color: #fff;
}
} }
} }
@ -28,11 +37,14 @@ input[type="submit"] {
padding-bottom: 0.8rem; padding-bottom: 0.8rem;
&:hover { &:hover {
background-color: rgba($primary_color, .2); background-color: rgba($primary_color, 0.2);
}
} }
&.btn_delete { &.btn_delete {
&,
&:hover {
border-color: $red;
} }
} }
} }

1
src/assets/scss/variables.scss
View File

@ -9,6 +9,7 @@ $dark-lavender: #7d6c99;
$dusty-orange: #f18647; $dusty-orange: #f18647;
$mango: #ffb92c; $mango: #ffb92c;
$violet: #bd10e0; $violet: #bd10e0;
$red: #cd0000;
// interpretations in app // interpretations in app
$primary_color: $sun-yellow; $primary_color: $sun-yellow;