ScheduleFilter: search button uses Angular blue-light 48px pill styling (Angular parity)
This commit is contained in:
@@ -108,18 +108,21 @@
|
||||
margin-top: vars.$space-l;
|
||||
}
|
||||
|
||||
// Mirrors Angular `.search-button.color.blue-light`: 48px tall pill
|
||||
// with $blue-light background and $blue-light--hover on hover.
|
||||
.search-button {
|
||||
width: 100%;
|
||||
background: colors.$blue;
|
||||
height: vars.$standard-button-height;
|
||||
background: colors.$blue-light;
|
||||
color: colors.$white;
|
||||
border: none;
|
||||
border-radius: vars.$border-radius;
|
||||
padding: 12px 16px;
|
||||
font-size: 14px;
|
||||
font-weight: fonts.$font-medium;
|
||||
padding: 0 vars.$space-l;
|
||||
font-size: fonts.$font-size-m;
|
||||
font-weight: fonts.$font-bold;
|
||||
cursor: pointer;
|
||||
transition: background-color 150ms ease;
|
||||
|
||||
&:hover { background: colors.$blue--hover; }
|
||||
&:hover { background: colors.$blue-light--hover; }
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user