Files
5chan/src/components/board-nav/board-nav.module.css
T

75 lines
1.4 KiB
CSS
Raw Normal View History

2024-03-18 15:04:30 +01:00
.boardNavDesktop {
font-size: var(--boardnav-font-size);
color: var(--boardnav-separator-color);
2024-03-18 15:04:30 +01:00
}
.boardNavDesktop a {
color: var(--link-internal-text-color);
text-decoration: var(--link-internal-text-decoration);
2024-03-18 15:04:30 +01:00
}
.boardNavDesktop a:hover {
color: var(--link-internal-text-color-hover);
text-decoration: var(--link-internal-text-decoration-hover);
2024-03-18 15:04:30 +01:00
}
.navTopRight {
float: right;
text-transform: capitalize;
}
.boardNavMobile {
padding: 2px 4px;
background-color: var(--boardnav-mobile-background-color);
border-bottom: var(--boardnav-mobile-border-bottom);
position: fixed;
width: 100%;
2024-03-19 14:43:25 +01:00
font-size: var(--boardnav-mobile-font-size);
}
2024-03-22 12:55:37 +01:00
.boardNavMobile .pageJump a {
color: var(--boardnav-mobile-button-text-color);
}
.boardNavMobile strong {
text-transform: capitalize;
padding-right: 5px;
}
.boardNavMobile select {
2024-03-19 14:43:25 +01:00
font-size: var(--boardnav-mobile-font-size);
2024-03-20 22:06:35 +01:00
border: var(--select-border, revert);
background-color: var(--select-background-color, revert);
color: var(--select-color, revert);
2024-03-19 14:43:25 +01:00
}
.boardSelect {
float: left;
}
.pageJump {
float: right;
padding: 3px 5px 0 0;
}
.pageJump span, .pageJump a {
padding-right: 5px;
}
.pageJump a {
color: var(--link-internal-text-color);
text-decoration: var(--link-internal-text-decoration);
}
2024-03-18 15:04:30 +01:00
@media (max-width: 640px) {
.boardNavDesktop {
display: none;
}
}
@media (min-width: 640px) {
.boardNavMobile {
display: none;
}
}