Styled-компоненты + SCSS - PullRequest
Новая
       22

Styled-компоненты + SCSS

0 голосов
/ 04 февраля 2020

Мне нужно реализовать динамический зажим c, в зависимости от высоты контейнера. Решение, которое я хочу реализовать: 

const Component = styled.div`
@use 'sass:math';

  display: -webkit-box;
  -webkit-line-clamp: floor(calc(100% / 20));
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 100%;
`

, но инспектор указывает floor(calc(100% / 20)); как недействительное свойство.

У вас есть какие-либо идеи, как заставить это работать?

1 Ответ

0 голосов
/ 04 февраля 2020

Я думаю, вы должны инвертировать порядок функций (cal c и floor). Поскольку cal c (100% / 20) не возвращает число, а пол функции требует номера в качестве параметра. 

 body {
      @use 'sass:math';
      display: -webkit-box;
      -webkit-line-clamp: calc(floor(100% / 20));
      -webkit-box-orient: vertical;
      overflow: hidden;
      max-height: 100%;
    }

Я тестировал проверьте это в редакторе SASS: https://www.sassmeister.com/gist/24b2639cd1680c0ceceb37f910654efe

...