paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-01 12:33:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

css: Use SCSS nesting for .portico-landing.hello .hero .waves .wave.

Browse Source
This commit is contained in:
SiddharthVarshney
2020-06-20 17:32:27 +05:30
committed by Tim Abbott
parent f96e38a8bd
commit 45ea511225
1 changed files with 12 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -706,23 +706,21 @@ nav {
animation-duration: 15s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.portico-landing.hello .hero .waves .wave.dark-blue {
background-color: hsl(219, 39%, 13%);
}
&.dark-blue {
background-color: hsl(219, 39%, 13%);
}
.portico-landing.hello .hero .waves .wave.light-blue {
background-color: hsla(0, 67%, 57%, 0.9);
&.light-blue {
background-color: hsla(0, 67%, 57%, 0.9);
animation-duration: 18s;
}
animation-duration: 18s;
}
.portico-landing.hello .hero .waves .wave.light-green {
background-color: hsla(187, 98%, 75%, 0.75);
animation-name: wavesBackward;
animation-duration: 21s;
&.light-green {
background-color: hsla(187, 98%, 75%, 0.75);
animation-name: wavesBackward;
animation-duration: 21s;
}
}
.portico-landing.hello .hero .content {