misuzu/assets/misuzu.css/settings/settings.css

65 lines
No EOL
1.2 KiB
CSS

.settings__container {
overflow: auto;
}
.settings__container:not(:last-child) {
margin-bottom: 2px;
}
.settings__description {
font-size: .9em;
padding: 2px 5px;
border-bottom: 1px solid var(--accent-colour);
margin: 1px 1px 2px;
}
.settings__pagination {
max-width: 400px;
margin: 2px auto;
}
.settings__wrapper {
display: flex;
}
.settings__wrapper__sidebar {
flex: 0 0 auto;
}
.settings__wrapper__content {
flex: 1 1 auto;
}
.settings__wrapper__menu {
width: 280px;
margin-right: 2px;
}
.settings__wrapper__link {
color: inherit;
text-decoration: none;
display: block;
padding: 4px;
margin: 2px;
font-size: 1.5em;
line-height: 1.5em;
border-radius: 2px;
transition: background-color .2s;
}
.settings__wrapper__link:hover {
background-color: var(--background-colour-translucent-9);
}
@media (max-width: 800px) {
.settings__wrapper {
flex-direction: column;
}
.settings__wrapper__sidebar {
width: 100%;
}
.settings__wrapper__menu {
width: 100%;
}
.settings__wrapper__link {
display: inline-block;
padding: 4px 10px;
}
}