CodeCow/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2026-06-24 21:08:25 +08:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

css: Use SCSS nesting for .tour .carousel-inner .zulip-slack-comparison.

Browse Source
This commit is contained in:
SiddharthVarshney 2020-07-19 14:24:22 +05:30 committed by Tim Abbott
parent 8487110cca
commit fdf893c0af
1 changed files with 61 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1401,44 +1401,44 @@ nav {
max-width: 100%;
margin: 20px auto 0;
position: relative;
}
.tour .carousel-inner .zulip-slack-comparison .comparison-zulip {
width: 500px;
}
.tour .carousel-inner .zulip-slack-comparison .comparison-slack {
width: 300px;
}
.tour .carousel-inner .zulip-slack-comparison img {
max-width: 100%;
&.zulip-streams-selected {
width: 320px;
border: 0;
.comparison-zulip {
width: 500px;
}
&.slack-streams-selected {
width: 200px;
.comparison-slack {
width: 300px;
}
&.zulip-unreads-arrows {
width: 406px;
border: 0;
img {
max-width: 100%;
&.zulip-streams-selected {
width: 320px;
border: 0;
}
&.slack-streams-selected {
width: 200px;
}
&.zulip-unreads-arrows {
width: 406px;
border: 0;
}
&.slack-stream-unreads {
width: 200px;
}
}
&.slack-stream-unreads {
width: 200px;
.caption {
text-align: left;
font-weight: bold;
margin-bottom: 10px;
}
}
.tour .carousel-inner .zulip-slack-comparison .caption {
text-align: left;
font-weight: bold;
margin-bottom: 10px;
}
.tour .carousel-inner img {
border: 1px solid hsl(210, 8%, 95%);
}
@ -2934,14 +2934,14 @@ nav {
.tour .carousel-inner .zulip-slack-comparison {
width: 650px;
max-width: 100%;
}
.tour .carousel-inner .zulip-slack-comparison .comparison-zulip {
width: 450px;
}
.comparison-zulip {
width: 450px;
}
.tour .carousel-inner .zulip-slack-comparison .comparison-slack {
width: 200px;
.comparison-slack {
width: 200px;
}
}
}
@ -3179,14 +3179,14 @@ nav {
.tour .carousel-inner .zulip-slack-comparison {
width: 100%;
}
.tour .carousel-inner .zulip-slack-comparison .comparison-zulip {
width: 65%;
}
.comparison-zulip {
width: 65%;
}
.tour .carousel-inner .zulip-slack-comparison .comparison-slack {
width: 35%;
.comparison-slack {
width: 35%;
}
}
.tour .carousel-inner .comparison-slack img.slack-unreads {
@ -3610,27 +3610,29 @@ nav {
top: 100%;
}
.tour .carousel-inner .zulip-slack-comparison .comparison-zulip {
width: 60%;
}
.tour .carousel-inner .zulip-slack-comparison .comparison-slack {
width: 38%;
}
.tour .carousel-inner .zulip-slack-comparison .caption {
font-size: 90%;
}
.tour .carousel-inner .zulip-slack-comparison img {
max-width: 100%;
&.zulip-streams {
max-width: 140px;
.tour .carousel-inner .zulip-slack-comparison {
.comparison-zulip {
width: 60%;
}
&.zulip-streams-selected {
max-width: 95%;
.comparison-slack {
width: 38%;
}
.caption {
font-size: 90%;
}
img {
max-width: 100%;
&.zulip-streams {
max-width: 140px;
}
&.zulip-streams-selected {
max-width: 95%;
}
}
}