/
outthevoid
/
frontend_developer
Обзор
Документация
Войти
/
outthevoid
/
frontend_developer
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/styles/modules/main/services.scss
97 строк
2 KB
darthmorgot
Внес изменения в код после установки stylelint
01 июл 2023, 16:00
01 июл 2023, 16:00
87def82
Код
Авторство
О чём код?
// services .services { background-image: linear-gradient(to bottom, $white 102px, $light 102px); padding-bottom: 72px; margin-bottom: 70px; &__tabs { display: flex; } } .tabs { &__panel { width: 287px; margin-right: 116px; padding-top: 64px; padding-bottom: 65px; border-right: 7px solid $black; } &__switch-wrapper { position: relative; padding-left: 2px; margin-bottom: 35px; } &__switch-wrapper:last-child { margin-bottom: 0; } &__switch { position: relative; display: block; width: 160px; padding: 0; padding-top: 10px; padding-bottom: 9px; letter-spacing: 0.2em; z-index: 1; } &__switch + .button-background { width: 160px; left: 2px; } &__switch--active { color: $yellow; background-color: $black; } &__switch--active > .button { cursor: auto; } &__switch--active > .button-background { display: none; } &__wrapper { width: 729px; padding-top: 62px; } &__item { height: 200px; padding-top: 12px; padding-bottom: 5px; h3 { margin: 0; margin-bottom: 32px; font-size: 50px; line-height: 50px; } p { margin: 0; margin-bottom: 20px; font-size: 18px; line-height: 30px; color: $dark; } } &__item--delivery { background: url("Images/services/slide-delivery.svg") no-repeat 94.2% 15px; } &__item--warranty { background: url("Images/services/slide-warranty.svg") no-repeat right top; } &__item--credit { background: url("Images/services/slide-credit.svg") no-repeat right 3px; } }