Page MenuHomePhabricator

D7863.id29722.diff
No OneTemporary

D7863.id29722.diff

diff --git a/landing/header.css b/landing/header.css
--- a/landing/header.css
+++ b/landing/header.css
@@ -57,6 +57,10 @@
color: var(--white-100);
}
+div.socialIconsContainer a {
+ -webkit-tap-highlight-color: transparent;
+}
+
div.twitterIcon,
div.githubIcon,
div.webappIcon {
@@ -81,23 +85,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: 848px) {
@@ -117,11 +124,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: 848px) 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, 2:41 PM (12 h, 48 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2616320
Default Alt Text
D7863.id29722.diff (1 KB)

Event Timeline