aboutsummaryrefslogtreecommitdiff
path: root/src/main/assets/style.css
diff options
context:
space:
mode:
authorGravatar Vitaly Takmazov2023-04-17 09:57:40 +0300
committerGravatar Vitaly Takmazov2023-04-17 09:57:40 +0300
commit36bbb8317990022453b6127d90b11ffd5122d596 (patch)
tree337530d0c79cedec112644d4235d1c2ab6c788ef /src/main/assets/style.css
parent9e1d5e49d1e10ee6703657165cd20024db2a6f73 (diff)
Show search on horizontal mobile screen
* stop using custom-media queries
Diffstat (limited to 'src/main/assets/style.css')
-rw-r--r--src/main/assets/style.css29
1 files changed, 14 insertions, 15 deletions
diff --git a/src/main/assets/style.css b/src/main/assets/style.css
index ff22fffe..156a0574 100644
--- a/src/main/assets/style.css
+++ b/src/main/assets/style.css
@@ -1,6 +1,4 @@
@import url("../../../node_modules/evil-icons/assets/evil-icons.css");
-@custom-media --viewport-desktop (width >=62.5rem);
-@custom-media --viewport-mobile (width < 62.5rem);
:root {
--main-width: 1000px;
@@ -636,7 +634,7 @@ blockquote {
background: #EEEEE5;
width: 150px;
}
-@media screen and (max-width: 850px) {
+@media screen and (width <= 992px) {
#newmessage .img,
#newmessage .tags {
width: 100%;
@@ -845,7 +843,7 @@ blockquote {
padding: 20px;
}
-@media screen and (max-width: 480px) {
+@media screen and (width <= 480px) {
.dialog-opened {
position: fixed;
width: 100%;
@@ -986,10 +984,8 @@ article p {
margin: 6px 0 0 0;
}
-@media (--viewport-mobile) {
- #sidebar {
- background: var(--text-background-color);
- }
+#sidebar {
+ background: var(--text-background-color);
}
#signup,
@@ -1072,7 +1068,16 @@ input.submit {
color: red;
}
-@media (--viewport-desktop) {
+@media screen and (width > 480px) {
+ .desktop {
+ display: block;
+ }
+ .mobile {
+ display: none;
+ }
+}
+
+@media screen and (width > 992px) {
@supports (position: sticky) {
#column {
position: sticky;
@@ -1105,12 +1110,6 @@ input.submit {
#footer {
padding: 10px;
}
- .desktop {
- display: block;
- }
- .mobile {
- display: none;
- }
#content {
padding-bottom: 12px;
width: 100%;