Page MenuHomePhabricator

D7863.id26655.diff
No OneTemporary

D7863.id26655.diff

diff --git a/landing/header.css b/landing/header.css
--- a/landing/header.css
+++ b/landing/header.css
@@ -58,6 +58,10 @@
color: var(--white-100);
}
+div.socialIconsContainer a {
+ -webkit-tap-highlight-color: transparent;
+}
+
div.twitterIcon,
div.githubIcon,
div.webappIcon {
@@ -82,23 +86,26 @@
transition: 300ms;
}
-div.githubIcon:hover svg {
- color: #151013;
- transition: 300ms;
-}
-div.githubIcon:hover {
- background-color: #ffffff;
- transition: 300ms;
-}
+@media screen and (hover: hover) {
+ div.githubIcon:hover svg {
+ color: #151013;
+ transition: 300ms;
+ }
-div.webappIcon:hover {
- background-color: var(--btn-bg);
- transition: 300ms;
-}
+ div.githubIcon:hover {
+ background-color: #ffffff;
+ transition: 300ms;
+ }
-div.twitterIcon:hover {
- background-color: #1d9bf0;
- transition: 300ms;
+ div.webappIcon:hover {
+ background-color: var(--btn-bg);
+ transition: 300ms;
+ }
+
+ div.twitterIcon:hover {
+ background-color: #1d9bf0;
+ transition: 300ms;
+ }
}
@media screen and (max-width: 816px) {
@@ -118,11 +125,21 @@
align-items: center;
font-size: 24px;
margin-inline: 4px;
+ border-radius: 50px;
width: 44px;
height: 44px;
+ transition: 300ms;
+ }
+
+ div.menuIcon svg {
+ transition: 300ms;
}
+}
+@media screen and (max-width: 816px) and (hover: hover) {
div.menuIcon:hover {
cursor: pointer;
+ background-color: var(--btn-bg);
+ transition: 300ms;
}
}

File Metadata

Mime Type
text/plain
Expires
Thu, Dec 5, 3:14 PM (9 h, 32 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2617360
Default Alt Text
D7863.id26655.diff (1 KB)

Event Timeline