.panel {
display: none;
width: 100%;
+ border-top: 1px solid #ccc;
}
.radiotab:checked + .label + .panel {
@media (prefers-color-scheme: dark) {
+ .panel {
+ border-top: 1px solid #666;
+ }
+
.label {
color: #bdc1c6;
border: 1px solid #666;
- border-bottom: none;
}
.label:hover {
}
}
+@media (max-width: 599px) {
+
+ .panel {
+ border-top: none;
+ }
+}
+
@media (min-width: 600px) {
.panel {
order: 99;
- border-top: 1px solid #ccc;
}
.label {
border-bottom: none;
}
}
-
-@media (min-width: 600px and prefers-color-scheme: dark) {
-
- .panel {
- border-top: 1px solid #666;
- }
-}