Как увеличить несколько дополнительных пикселей в свойстве класса, которое я хочу использовать для другого класса, используя Sass - PullRequest
0 голосов
/ 03 октября 2019

У меня есть класс

.scrollable_container{height:calc(100% - 130px);-webkit-height:calc(100% - 130px);-moz-height:calc(100% - 130px);-ms-height:calc(100% - 130px);

, и я хочу использовать свойства высоты этого класса на 60px больше в другом классе в sass.

т.е.

.scrollable_container2{height:calc(100% - 190px);-webkit-height:calc(100% - 190px);-moz-height:calc(100% - 190px);-ms-height:calc(100% - 190px);

Хотите выше использовать математику или любой другой способ (Mixin, переменная или наследование)

1 Ответ

0 голосов
/ 03 октября 2019

Вы можете работать с миксином:

@mixin scrollable-container-style($height) {
    height:calc(100% - $height);
    -webkit-height:calc(100% - $height);
    -moz-height:calc(100% - $height);
    -ms-height:calc(100% - $height);
}

.scrollable_container {
    @include scrollable-container-style(130px);
}

.scrollable_container2 {
    @include scrollable-container-style(190px);
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...