Sha256: 7e04c80a8854b6c0449b641b5e7ee37337e1e38355665bd9a028793a72d269e8
Contents?: true
Size: 1.78 KB
Versions: 19
Compression:
Stored size: 1.78 KB
Contents
.navigation-drawer {
display: flex;
width: 360px;
height: 100vh;
overflow: scroll;
padding: 12px;
flex-direction: column;
align-items: flex-start;
border-radius: 16px;
@media (prefers-color-scheme: light) {
background: rgb(var(--md-sys-light-surface-container-low));
}
@media (prefers-color-scheme: dark) {
background: rgb(var(--md-sys-dark-surface-container-low));
}
@media (max-width: 840px) {
display: none;
}
}
.navigation-drawer__headline {
display: flex;
height: 56px;
padding: 8px 8px 8px 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 10px;
align-self: stretch;
@media (prefers-color-scheme: light) {
color: rgb(var(--md-sys-light-on-surface-variant));
}
@media (prefers-color-scheme: dark) {
color: rgb(var(--md-sys-dark-on-surface-variant));
}
}
.navigation-drawer__secion-header {
display: flex;
padding: 18px 16px;
align-items: center;
gap: 10px;
align-self: stretch;
}
.navigation-drawer__nav_item {
display: flex;
height: 56px;
align-items: center;
gap: 12px;
align-self: stretch;
border-radius: 100px;
}
.navigation-drawer__nav_item:hover {
@media (prefers-color-scheme: light) {
background: rgb(var(--md-sys-light-secondary-container));
}
@media (prefers-color-scheme: dark) {
background: rgb(var(--md-sys-dark-secondary-container));
}
}
.navigation-drawer__nav_item.active {
@media (prefers-color-scheme: light) {
background: rgb(var(--md-sys-light-secondary-container));
}
@media (prefers-color-scheme: dark) {
background: rgb(var(--md-sys-dark-secondary-container));
}
}
.navigation-drawer__state-layer {
display: flex;
padding: 16px 24px 16px 16px;
align-items: center;
gap: 12px;
flex: 1 0 0;
align-self: stretch;
}
Version data entries
19 entries across 19 versions & 1 rubygems