81 lines
1.6 KiB
Text
81 lines
1.6 KiB
Text
.permissions {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 4px;
|
|
|
|
&__line {
|
|
display: flex;
|
|
font-size: .9em;
|
|
line-height: 1.2em;
|
|
|
|
&--header {
|
|
font-size: 1.2em;
|
|
line-height: 1.4em;
|
|
border-bottom: 1px solid var(--accent-colour);
|
|
padding-bottom: 1px;
|
|
|
|
&:not(:first-child) {
|
|
margin-top: 4px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: @site-mobile-width) {
|
|
flex-wrap: wrap;
|
|
justify-content: right;
|
|
border-bottom: 1px solid #ded5e7;
|
|
}
|
|
}
|
|
|
|
&__title {
|
|
flex: 1 1 auto;
|
|
padding: 4px;
|
|
}
|
|
|
|
&__line:not(&__line--header) &__title {
|
|
border-bottom: 1px solid #ded5e7;
|
|
|
|
@media (max-width: @site-mobile-width) {
|
|
width: 100%;
|
|
border-bottom-width: 0;
|
|
}
|
|
}
|
|
|
|
&__input {
|
|
cursor: pointer;
|
|
}
|
|
|
|
&__choice {
|
|
width: 100px;
|
|
text-align: center;
|
|
padding: 4px;
|
|
|
|
@media (max-width: @site-mobile-width) {
|
|
border-left-width: 0;
|
|
padding: 10px;
|
|
}
|
|
|
|
&--radio {
|
|
cursor: pointer;
|
|
border-left: 1px solid var(--accent-colour);
|
|
}
|
|
|
|
&--yes {
|
|
|
|
&:hover {
|
|
background-color: #0a0;
|
|
}
|
|
|
|
@media (max-width: @site-mobile-width) {
|
|
border-left-width: 0;
|
|
}
|
|
}
|
|
|
|
&--no:hover {
|
|
background-color: #a00;
|
|
}
|
|
|
|
&--never:hover {
|
|
background-color: #400;
|
|
}
|
|
}
|
|
}
|