Mailspring/static/components/button-dropdown.less

57 lines
1.2 KiB
Plaintext

@import "../buttons";
.button-dropdown {
position: relative;
display: inline-block;
.primary-item {
.btn();
height: 32px;
border-radius: 4px 0 0 4px;
padding-top: 7px;
}
.secondary-picker {
.btn();
height: 32px;
border-radius: 0 4px 4px 0;
border-left: 0;
padding: 7px 8px 3px 8px;
}
.secondary-items {
&:hover {
cursor: default;
}
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px 0 4px 4px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.20);
z-index: 2;
background-color: @background-primary;
line-height: 14px;
position: absolute;
width: 110px;
right: 0;
.secondary-item {
padding: 6px 15px;
img {
margin-right:4px;
vertical-align: text-bottom;
}
}
.secondary-item:first-child {
padding-top: 9px;
border-top-left-radius: 4px;
}
.secondary-item:last-child {
padding-bottom: 9px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.secondary-item:hover {
background-color: darken(@background-primary, 3%);
}
}
img {
background-color: @text-color;
}
}