add btn--dropdown that turns the button into a dropdown
has to contain a select element for that. its for inline text buttons, so no arrow for now
This commit is contained in:
parent
f28ab344f5
commit
09329c5fc9
1 changed files with 15 additions and 0 deletions
|
@ -445,6 +445,20 @@ span[data-tooltip]:hover:before {
|
||||||
&.btn--split--last {
|
&.btn--split--last {
|
||||||
border-radius: 0 3px 3px 0;
|
border-radius: 0 3px 3px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.btn--dropdown {
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
select {
|
||||||
|
opacity: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
position: absolute;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn + .btn {
|
.btn + .btn {
|
||||||
|
@ -722,6 +736,7 @@ h3 {
|
||||||
letter-spacing: 0.07em;
|
letter-spacing: 0.07em;
|
||||||
|
|
||||||
.subtitle {
|
.subtitle {
|
||||||
|
display: inline;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
color: hsl(0,0%,60%);
|
color: hsl(0,0%,60%);
|
||||||
|
|
Loading…
Reference in a new issue