mirror of
https://github.com/empayre/fleet.git
synced 2024-11-06 17:05:18 +00:00
51cfb07f64
The goal of this PR was to insert new colors, remove legacy colors, and update only the styles accordingly. The Nunito Sans Italic font was also added. Later PRs will include layout, copy, and style change to individual components. These later changes will more exactly resemble the current mockups.
55 lines
927 B
SCSS
55 lines
927 B
SCSS
.dropdown-button {
|
|
&__wrapper {
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
|
|
&__carat {
|
|
font-size: 6px;
|
|
vertical-align: middle;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
&__options {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 45px;
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
display: none;
|
|
z-index: 2;
|
|
border-radius: 2px;
|
|
background-color: $white;
|
|
border: solid 1px $ui-borders;
|
|
|
|
&--opened {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
&__option {
|
|
display: block;
|
|
|
|
.button {
|
|
color: $core-dark-blue-grey;
|
|
text-transform: none;
|
|
text-align: left;
|
|
font-weight: $regular;
|
|
margin: 0;
|
|
border-radius: 0;
|
|
padding: 0 10px;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
font-size: 15px;
|
|
height: 38px;
|
|
letter-spacing: -0.5px;
|
|
|
|
&:hover {
|
|
background-color: $core-blue;
|
|
color: $white;
|
|
}
|
|
}
|
|
}
|
|
}
|