Mailspring/internal_packages/ui-taiga/styles/sidebar.less

62 lines
1.5 KiB
Text
Raw Normal View History

2016-03-10 07:44:01 +08:00
@import "variables";
#account-switcher .primary-item .name {
color: @taiga-dark;
}
.account-sidebar-sections {
background-color: @white !important;
section {
.heading {
padding-bottom: 5px;
}
2016-03-10 07:44:01 +08:00
.item-container {
margin: 0 10px 0 0 !important;
2016-03-10 07:44:01 +08:00
.disclosure-triangle {
display: flex;
align-items: center;
width: 15px;
div {
border-left-color: @border-color-primary;
border-top-width: 3px;
border-bottom-width: 3px;
border-left-width: 5px;
transform-origin: 2px;
}
2016-03-10 07:44:01 +08:00
}
.item {
padding: 0 10px !important;
color: @taiga-light !important;
cursor: pointer !important;
.item-count-box {
background: transparent !important;
color: @taiga-light !important;
box-shadow: 0 0.5px 0 @taiga-light, 0 -0.5px 0 @taiga-light, 0.5px 0 0 @taiga-light, -0.5px 0 0 @taiga-light !important;
}
&.selected {
background: @taiga-accent !important;
border-radius: @base-border-radius;
color: @white !important;
.item-count-box {
background: transparent !important;
color: @white !important;
box-shadow: 0 0.5px 0 @white, 0 -0.5px 0 @white, 0.5px 0 0 @white, -0.5px 0 0 @white !important;
}
.icon {
img {
background: @white !important;
}
}
}
}
}
}
}