ayushya/watchparty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v1.5.0/release (website)

Browse Source
This commit is contained in:
ayushya
2020-07-21 00:54:44 -04:00
parent ae253175b4
commit e639da37f2
8 changed files with 106 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/styles/medium.css
+56
View File
@@ -74,6 +74,28 @@ body {
.landing .link-button.stickied::before {
border-radius: 0;
}
.landing .supported .supported-logo {
position: relative;
border-bottom: 2px solid var(--cta);
}
.landing .supported .supported-logo[data-full-support]::before,
.landing .supported .supported-logo[data-beta-support]::before,
.landing .supported .supported-logo[data-upcoming-support]::before {
bottom: 0;
height: 0;
left: 0;
opacity: 0;
font-size: 2rem;
}
.landing .supported .supported-logo[data-full-support]:hover::before,
.landing .supported .supported-logo[data-beta-support]:hover::before,
.landing .supported .supported-logo[data-upcoming-support]:hover::before {
opacity: 1;
bottom: 0;
height: 2rem;
letter-spacing: 1.05px;
z-index: -1;
}
.feature-card {
background-color: var(--primary-medium);
z-index: 1;
@@ -185,6 +207,7 @@ footer .link-button {
.welcome .landing#tips .tip {
padding-right: 0;
transition: all ease-out 0.3s;
}
.welcome .landing#tips .link-button {
@@ -212,6 +235,11 @@ footer .link-button {
padding: 1rem 0;
}
.welcome .landing .supported-logo[data-support]::before {
content: attr(data-support);
text-transform: uppercase;
}
.welcome .landing .supported-logo:hover::before {
opacity: 1;
bottom: 0;
@@ -223,3 +251,31 @@ footer .link-button {
.welcome .landing {
flex: 1;
}
.welcome .landing#tips .tip h6 {
color: var(--primary-light);
transition: all ease-out 0.3s;
}
.welcome .landing#tips .tip p {
color: var(--primary-medium);
transition: all ease-out 0.3s;
}
.welcome .landing#tips .tip:hover h6,
.welcome .landing#tips .tip:hover p {
color: var(--primary-text);
}
.welcome .landing#tips .tip:hover {
background-color: var(--primary-medium);
margin-left: -2.5rem;
border-top-left-radius: 2rem;
border-bottom-left-radius: 2rem;
margin-top: 2rem;
margin-bottom: 2rem;
padding-left: 2.5rem;
}
.welcome .landing#tips .tip:last-of-type {
margin-bottom: 3rem;
}