External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

add board buttons row for mobile and desktop, global styling for button

Browse Source
This commit is contained in:
plebeius.eth
2024-03-22 12:09:17 +01:00
parent 7e33a5de8e
commit 80c3a51328
9 changed files with 123 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.css
+33
View File
@@ -10,4 +10,37 @@ body {
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, iframe {
margin: 0;
padding: 0;
}
@media (max-width: 640px) {
.button {
text-transform: capitalize;
font-size: var(--button-font-size-mobile);
font-weight: var(--button-font-weight-mobile);
font-family: var(--button-font-family-mobile);
border-radius: 3px;
padding: 5px 10px 5px;
background-color: var(--button-background-color-mobile);
color: var(--button-text-color-mobile);
border: var(--button-border-mobile);
background-image: var(--button-background-image-mobile);
background-repeat: var(--button-background-repeat-mobile);
text-decoration: var(--button-text-decoration-mobile);
user-select: none;
display: inline-block;
}
}
@media (min-width: 640px) {
.button {
all: unset;
text-transform: capitalize;
color: var(--button-desktop-text-color);
text-decoration: var(--button-text-decoration);
}
.button:hover {
color: var(--button-desktop-text-color-hover);
cursor: pointer;
}
}