discourse/app/assets/stylesheets/mobile/list-controls.scss

79 lines
1.3 KiB
SCSS
Raw Normal View History

.list-controls {
.container {
display: flex;
flex-wrap: wrap;
align-items: center;
#create-topic {
box-sizing: border-box;
display: flex;
align-self: stretch;
align-items: center;
}
}
.navigation-container {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0;
}
.nav-pills {
flex: 1 1 auto;
margin: 0 3px 5px 3px;
position: relative;
.list-control-toggle-link-trigger {
font-size: var(--font-up-1-rem);
font-weight: bold;
color: var(--primary-high);
padding: 0;
&:hover,
&:focus {
background: none;
}
.d-icon {
color: inherit;
font-size: var(--font-down-2);
margin-left: 0.5em;
}
}
> li {
margin-right: 0;
}
> li > a {
line-height: var(--line-height-large);
display: flex;
align-items: center;
.d-icon {
margin-left: 5px;
margin-right: 0;
}
}
}
}
.list-container .full-width {
margin-left: 0;
}
.fk-d-menu-modal.list-control-toggle-link-content {
.dropdown-menu {
display: flex;
flex-direction: column;
a {
display: block;
color: var(--primary);
&.active {
background: var(--d-selected);
font-weight: bold;
}
}
}
}