added delete buttons

develop
newick 3 years ago
parent 807b6bc660
commit c64f6b9ebe
  1. 22
      src/assets/scss/atoms/_buttons.scss
  2. 1
      src/assets/scss/variables.scss

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

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

Loading…
Cancel
Save