66 lines
1.3 KiB
CSS
66 lines
1.3 KiB
CSS
select {
|
|
/* safari applies accent-color as the text colour :D */
|
|
accent-color: currentcolor;
|
|
}
|
|
|
|
.setting__category {
|
|
transition: max-height .2s;
|
|
}
|
|
|
|
.setting__category-title {
|
|
font-size: 2em;
|
|
line-height: 1.1em;
|
|
padding: 4px;
|
|
text-align: right;
|
|
position: sticky;
|
|
top: 0;
|
|
}
|
|
|
|
.setting__container {
|
|
padding: 2px 5px;
|
|
font-size: 1.2em;
|
|
line-height: 1.5em
|
|
}
|
|
.setting__container:last-child {
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.setting__container--select .setting__input,
|
|
.setting__container--number .setting__input,
|
|
.setting__container--text .setting__input {
|
|
width: 100%;
|
|
font-size: 1.1em;
|
|
line-height: 1.4em;
|
|
font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif
|
|
}
|
|
|
|
.setting__container--range .setting__input {
|
|
border: 0;
|
|
width: 100%;
|
|
margin: 5px 0
|
|
}
|
|
|
|
.setting__container--checkbox .setting__label {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
font-size: .8em;
|
|
}
|
|
|
|
.setting__container--checkbox .setting__input {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.setting__container--button .setting__input {
|
|
display: block;
|
|
width: 100%;
|
|
padding: 5px;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
margin: 5px 0;
|
|
transition: opacity .2s;
|
|
}
|
|
|
|
.setting__container--button .setting__input[disabled] {
|
|
opacity: .6;
|
|
}
|