soapbox/app/styles/components/getting-started.scss

82 wiersze
1.3 KiB
SCSS
Czysty Zwykły widok Historia

2020-06-03 02:11:01 +00:00
.getting-started__wrapper,
.getting-started,
.flex-spacer {
2020-06-07 03:55:00 +00:00
background: var(--brand-color--med);
2020-06-03 02:11:01 +00:00
}
.getting-started__wrapper {
flex: 0 0 auto;
}
.flex-spacer {
flex: 1 1 auto;
}
.getting-started {
overflow: auto;
&__footer {
flex: 0 0 auto;
padding: 20px 10px 40px;
2020-06-03 02:11:01 +00:00
ul {
margin-bottom: 10px;
}
ul li {
display: inline;
}
ul li::after {
content: ' · ';
}
ul li:last-child::after {
content: '';
}
2020-06-03 02:11:01 +00:00
p {
2020-06-07 03:55:00 +00:00
color: hsla(var(--primary-text-color_hsl), 0.8);
2020-06-03 02:11:01 +00:00
font-size: 13px;
margin-bottom: 20px;
a {
2020-06-07 03:55:00 +00:00
color: hsla(var(--primary-text-color_hsl), 0.4);
2020-06-03 02:11:01 +00:00
text-decoration: underline;
}
}
a {
text-decoration: none;
2020-06-07 03:55:00 +00:00
color: hsla(var(--primary-text-color_hsl), 0.4);
2020-06-03 02:11:01 +00:00
&:hover,
&:focus,
&:active {
text-decoration: underline;
}
}
}
&__trends {
2020-06-07 03:55:00 +00:00
background: var(--brand-color--med);
2020-06-03 02:11:01 +00:00
flex: 0 1 auto;
@media screen and (max-height: 810px) {
.trends__item:nth-child(3) {
display: none;
}
}
@media screen and (max-height: 720px) {
.trends__item:nth-child(2) {
display: none;
}
}
@media screen and (max-height: 670px) {
display: none;
}
}
}