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

73 lines
1.7 KiB
Text
Raw Normal View History

@import '../../../static/base/ui-variables';
@import 'variables';
2016-03-10 07:44:01 +08:00
#account-switcher .primary-item .name {
color: @taiga-dark;
}
.account-sidebar-sections {
background-color: @white !important;
section {
&:first-child .heading {
padding-right: 40px;
}
.heading {
padding-bottom: 5px;
.text {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
}
}
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;
2016-03-10 07:44:01 +08:00
}
&.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;
}
}
}
}
}
}
}