mirror of
https://github.com/shadoll/www.shadoll.git
synced 2026-08-28 03:28:32 +00:00
feat: add major new features including 6 color palettes, interactive logo mode, and mobile-first improvements
This commit is contained in:
+5
-35
@@ -718,8 +718,8 @@ html, body {
|
||||
/* ===== Responsive Design ===== */
|
||||
@media (max-width: 768px) {
|
||||
.logo {
|
||||
width: 80vmin;
|
||||
height: 80vmin;
|
||||
width: 100vmin;
|
||||
height: 100vmin;
|
||||
}
|
||||
|
||||
.toast {
|
||||
@@ -729,14 +729,6 @@ html, body {
|
||||
max-width: 80%;
|
||||
}
|
||||
|
||||
.help-button {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
font-size: 20px;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
}
|
||||
|
||||
.help-window {
|
||||
top: 70px;
|
||||
right: 10px;
|
||||
@@ -761,23 +753,16 @@ html, body {
|
||||
}
|
||||
|
||||
.help-button {
|
||||
bottom: 15px;
|
||||
right: 15px;
|
||||
font-size: 20px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.help-button:hover {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.logo {
|
||||
width: 90vmin;
|
||||
height: 90vmin;
|
||||
width: 100vmin;
|
||||
height: 100vmin;
|
||||
}
|
||||
|
||||
.toast {
|
||||
@@ -788,11 +773,9 @@ html, body {
|
||||
}
|
||||
|
||||
.help-button {
|
||||
font-size: 18px;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
font-size: 18px;
|
||||
top: 12px;
|
||||
right: 12px;
|
||||
}
|
||||
|
||||
.help-window {
|
||||
@@ -835,19 +818,6 @@ html, body {
|
||||
.footer p {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.help-button {
|
||||
bottom: 12px;
|
||||
right: 12px;
|
||||
font-size: 18px;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.help-button:hover {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ===== Accessibility ===== */
|
||||
|
||||
Reference in New Issue
Block a user