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/extrasmall.css
+34 -2
View File
@@ -218,14 +218,46 @@ footer .link-button {
}
.welcome .landing#tips .tip h6 {
color: var(--primary-light);
color: var(--primary-text);
font-size: 3rem;
letter-spacing: 0.5rem;
}
.welcome .landing#tips .tip p {
color: var(--primary-medium);
color: var(--primary-text);
font-size: 3rem;
margin: 1.5rem 0;
letter-spacing: 0.25rem;
}
.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 {
content: 'FULLY SUPPORTED';
position: absolute;
width: 100%;
bottom: 0;
height: 2rem;
left: 0;
opacity: 1;
transition: all ease-out 0.3s;
font-size: 0.8rem;
text-align: center;
color: var(--primary);
font-family: 'GlacialBold';
background-color: var(--cta);
padding: 1rem 0;
}
.landing .supported .supported-logo[data-beta-support]::before {
content: 'BETA SUPPORT';
}
.landing .supported .supported-logo[data-upcoming-support]::before {
content: attr(data-upcoming-support);
text-transform: uppercase;
}
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;
}
website/styles/variables-dark.css
+3
View File
@@ -27,3 +27,6 @@ Written by Ayushya Amitabh <admin@chromewatchparty.com>, 2020
.supported-logo#hbomax {
background-image: url('../media/logos/HBOMaxWhite.png');
}
.supported-logo#peacock {
background-image: url('../media/logos/Peacock.png');
}
website/styles/variables.css
+3
View File
@@ -34,6 +34,9 @@ Written by Ayushya Amitabh <admin@chromewatchparty.com>, 2020
.supported-logo#hbomax {
background-image: url('../media/logos/HBOMax.png');
}
.supported-logo#peacock {
background-image: url('../media/logos/PeacockColor.png');
}
.feature-icon#phone {
background-image: url('../media/features/Phone.gif');