@nomios/web-uikit
Version:
Nomios' living web UIKit
29 lines (24 loc) • 618 B
CSS
/*
Note: If you add a color here, please add it to "/stories/base/colors.css" as well
*/
.trigger {
width: 100%;
padding: 0.7rem 0;
display: flex;
justify-content: space-between;
border-bottom: 0.1rem solid rgba(75, 69, 61, 0.3);
cursor: pointer
}
.trigger.placeholder {
color: rgba(75, 69, 61, 0.3);
}
.trigger.menuIsOpen .chevron {
transform: rotateZ(-180deg);
}
.trigger .chevron {
will-change: transform;
align-self: center;
font-size: 1.6rem;
transition: transform 0.2s ease;
fill: rgba(75, 69, 61, 0.6);
}