sforkowany z mirror/soapbox
78 wiersze
1.2 KiB
SCSS
78 wiersze
1.2 KiB
SCSS
![]() |
.getting-started__wrapper,
|
||
|
.getting-started,
|
||
|
.flex-spacer {
|
||
|
background: var(--brand-color-med);
|
||
|
}
|
||
|
|
||
|
.getting-started__wrapper {
|
||
|
flex: 0 0 auto;
|
||
|
}
|
||
|
|
||
|
.flex-spacer {
|
||
|
flex: 1 1 auto;
|
||
|
}
|
||
|
|
||
|
.getting-started {
|
||
|
overflow: auto;
|
||
|
|
||
|
&__footer {
|
||
|
flex: 0 0 auto;
|
||
|
padding: 10px;
|
||
|
padding-top: 20px;
|
||
|
opacity: 0.7;
|
||
|
|
||
|
ul {
|
||
|
margin-bottom: 10px;
|
||
|
}
|
||
|
|
||
|
ul li {
|
||
|
display: inline;
|
||
|
}
|
||
|
|
||
|
p {
|
||
|
color: var(--primary-text-color);
|
||
|
font-size: 13px;
|
||
|
margin-bottom: 20px;
|
||
|
|
||
|
a {
|
||
|
color: var(--primary-text-color-faint);
|
||
|
text-decoration: underline;
|
||
|
opacity: 0.8;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
a {
|
||
|
text-decoration: none;
|
||
|
color: var(--primary-text-color-faint);
|
||
|
opacity: 0.8;
|
||
|
|
||
|
&:hover,
|
||
|
&:focus,
|
||
|
&:active {
|
||
|
text-decoration: underline;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
&__trends {
|
||
|
background: var(--brand-color-med);
|
||
|
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;
|
||
|
}
|
||
|
}
|
||
|
}
|