mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-12-12 08:41:31 -05:00
6a8676ea35
Updated all the places in the SCSS where we use Darken and Lighten properties. These properties have been problematic in the past and caused some state issues, e.g. New message(s) hightlight (which was fixed seperately from this issue)
41 lines
711 B
SCSS
41 lines
711 B
SCSS
@import "../../colors";
|
|
@import "../../frameless";
|
|
|
|
$base-bg: $ui-light-gray;
|
|
|
|
.row {
|
|
label {
|
|
font-weight: 500;
|
|
}
|
|
}
|
|
|
|
.input {
|
|
transition: all .5s ease;
|
|
margin-bottom: .75rem;
|
|
border: 1px solid $active-gray;
|
|
border-radius: 5px;
|
|
background-color: $base-bg;
|
|
padding: 0 1rem;
|
|
height: 3rem;
|
|
color: $type-gray;
|
|
font-size: .875rem;
|
|
|
|
&:focus {
|
|
transition: all .5s ease;
|
|
outline: none;
|
|
border: 1px solid $ui-blue;
|
|
}
|
|
|
|
&.fail {
|
|
border: 1px solid $ui-orange;
|
|
}
|
|
|
|
&.pass {
|
|
border: 1px solid $ui-aqua;
|
|
}
|
|
|
|
/* IE10/11-specific style resets */
|
|
&::-ms-reveal, &::-ms-clear {
|
|
display: none;
|
|
}
|
|
}
|