mirror of
https://github.com/flarum/framework.git
synced 2024-12-11 21:43:38 +08:00
a9ded36b57
- Get rid of Bootstrap (except we still rely on some JS) - Use BEM class names - Rework variables/theme config - Fix various bugs, including some on mobile The CSS is still not ideal – it needs to be cleaned up some more. But that can be a focus for after beta.
50 lines
827 B
Plaintext
50 lines
827 B
Plaintext
.NotificationGrid {
|
|
background: @control-bg;
|
|
border-radius: @border-radius;
|
|
|
|
td, th {
|
|
border-bottom: 1px solid @body-bg;
|
|
color: @control-color;
|
|
}
|
|
td, th, .Checkbox {
|
|
padding: 10px 15px;
|
|
}
|
|
.NotificationGrid-checkbox {
|
|
padding: 0;
|
|
}
|
|
thead {
|
|
th {
|
|
text-align: center;
|
|
padding: 15px 25px;
|
|
}
|
|
.icon {
|
|
display: block;
|
|
font-size: 14px;
|
|
width: auto;
|
|
margin-bottom: 5px;
|
|
}
|
|
}
|
|
}
|
|
.NotificationGrid-groupToggle {
|
|
cursor: pointer;
|
|
|
|
.icon {
|
|
font-size: 14px;
|
|
margin-right: 2px;
|
|
}
|
|
}
|
|
.NotificationGrid-checkbox {
|
|
.Checkbox {
|
|
display: block;
|
|
}
|
|
.Checkbox-display {
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
&.highlighted .Checkbox, .Checkbox:hover {
|
|
&:not(.disabled) {
|
|
background: darken(@control-bg, 4%);
|
|
}
|
|
}
|
|
}
|