Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

css: Reorder css for `.portico-landing.hello .hero`.

This commit is contained in:
SiddharthVarshney 2020-06-20 16:38:24 +05:30 committed by Tim Abbott
parent be8027cb54
commit f96e38a8bd
1 changed files with 59 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

118
static/styles/portico/landing-page.scss
View File

@ -678,33 +678,6 @@ nav {
overflow: hidden;
}
.portico-landing.hello .gradients .gradient {
position: absolute;
left: 0;
width: 100%;
height: 1100px;
}
.portico-landing.hello .gradients .gradient.dark-blue {
background: linear-gradient(10deg, hsla(196, 58%, 14%, 0) 50%, hsla(196, 58%, 14%, 0.7));
}
.portico-landing.hello .gradients .gradient.green {
background: linear-gradient(-25deg, hsla(156, 47%, 47%, 0) 40%, hsl(156, 47%, 47%));
}
.portico-landing.hello .gradients .gradient.blue {
background: linear-gradient(25deg, hsla(196, 38%, 51%, 0) 40%, hsl(196, 38%, 51%));
}
.portico-landing.hello .gradients .gradient.sunburst {
background: linear-gradient(5deg, hsla(49, 71%, 68%, 0) 20%, hsl(49, 71%, 68%));
}
.portico-landing.hello .gradients .gradient.white-fade {
background: linear-gradient(0deg, hsl(0, 0%, 98%) 0%, hsla(0, 0%, 98%, 0) 40%);
}
.portico-landing.hello .hero .waves {
position: absolute;
@ -752,34 +725,6 @@ nav {
animation-duration: 21s;
}
@keyframes waves {
0% {
transform: rotate(0);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes wavesBackward {
0% {
transform: rotate(0);
}
50% {
transform: rotate(-180deg);
}
100% {
transform: rotate(-360deg);
}
}
.portico-landing.hello .hero .content {
position: relative;
z-index: 1;
@ -855,6 +800,61 @@ nav {
font-weight: normal;
}
.portico-landing.hello .gradients .gradient {
position: absolute;
left: 0;
width: 100%;
height: 1100px;
}
.portico-landing.hello .gradients .gradient.dark-blue {
background: linear-gradient(10deg, hsla(196, 58%, 14%, 0) 50%, hsla(196, 58%, 14%, 0.7));
}
.portico-landing.hello .gradients .gradient.green {
background: linear-gradient(-25deg, hsla(156, 47%, 47%, 0) 40%, hsl(156, 47%, 47%));
}
.portico-landing.hello .gradients .gradient.blue {
background: linear-gradient(25deg, hsla(196, 38%, 51%, 0) 40%, hsl(196, 38%, 51%));
}
.portico-landing.hello .gradients .gradient.sunburst {
background: linear-gradient(5deg, hsla(49, 71%, 68%, 0) 20%, hsl(49, 71%, 68%));
}
.portico-landing.hello .gradients .gradient.white-fade {
background: linear-gradient(0deg, hsl(0, 0%, 98%) 0%, hsla(0, 0%, 98%, 0) 40%);
}
@keyframes waves {
0% {
transform: rotate(0);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes wavesBackward {
0% {
transform: rotate(0);
}
50% {
transform: rotate(-180deg);
}
100% {
transform: rotate(-360deg);
}
}
.portico-landing.hello .col-3-5,
.portico-landing.hello .col-2,
.portico-landing.hello .col-4 {
@ -3397,10 +3397,6 @@ nav {
width: auto;
}
.portico-landing.hello .screen.hero-screen {
display: none;
}
.portico-landing.hello .hero {
padding-bottom: 100px;
}
@ -3409,6 +3405,10 @@ nav {
height: 450px;
}
.portico-landing.hello .screen.hero-screen {
display: none;
}
nav {
ul {
margin-top: 0px;