mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-01-26 20:56:48 +00:00
e11518938f
Largely whitespace, but some other updates too, including uppercase colour codes and standardising numbers. Best viewed with whitespace ignored.
79 lines
1.3 KiB
SCSS
79 lines
1.3 KiB
SCSS
input[type="submit"],
|
|
input[type="button"],
|
|
button,
|
|
.button {
|
|
position: relative;
|
|
cursor: pointer;
|
|
font-size: 85%;
|
|
@include border-radius($border-radius);
|
|
display: inline-block;
|
|
padding: 8px 15px;
|
|
border: none;
|
|
background-color: $color-btn-bg;
|
|
color: $color-btn-text;
|
|
text-transform: uppercase;
|
|
font-weight: 600 !important;
|
|
|
|
&:before {
|
|
font-weight: normal !important;
|
|
}
|
|
|
|
&:visited,
|
|
&:active,
|
|
&:focus {
|
|
color: $color-btn-text;
|
|
}
|
|
|
|
&:hover {
|
|
background-color: $color-btn-hover-bg;
|
|
color: $color-btn-hover-text;
|
|
}
|
|
|
|
&:active:focus {
|
|
box-shadow: 0 0 8px 0 darken($color-btn-hover-bg, 5) inset;
|
|
}
|
|
|
|
&.fullwidth {
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
&.secondary {
|
|
background-color: transparent;
|
|
border: 1px solid $color-btn-bg;
|
|
color: $color-btn-bg;
|
|
|
|
&:hover,
|
|
&:active,
|
|
&:focus {
|
|
background-color: #ebf3fb;
|
|
}
|
|
|
|
&:active:focus {
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
|
|
.badge {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
transform: translateY(-50%);
|
|
font-size: 10px;
|
|
text-transform: capitalize;
|
|
padding: 0px 5px;
|
|
border-radius: 3px;
|
|
|
|
&:before {
|
|
padding: 0;
|
|
}
|
|
|
|
&.danger {
|
|
background-color: $warning-red;
|
|
}
|
|
&.success {
|
|
background-color: $spree-green;
|
|
}
|
|
}
|
|
}
|