AS
developers с ошибкой написано 😭
Size: a a a
2020 June 23
VD
developers с ошибкой написано 😭
Дякую, виправив)😂
IK
Оч круто ! )
SG
нормуль, солидно
DK
гайз, привет всем
есть возможность как-то только при помощт css унаследовать например
например есть стили у элемента:
есть возможность как-то только при помощт css унаследовать например
border-left от border-top ?например есть стили у элемента:
border-top: 3px solid red; и нужно что бы у элемента рамка левая была такая же как и верхняя?ДК
гайз, привет всем
есть возможность как-то только при помощт css унаследовать например
например есть стили у элемента:
есть возможность как-то только при помощт css унаследовать например
border-left от border-top ?например есть стили у элемента:
border-top: 3px solid red; и нужно что бы у элемента рамка левая была такая же как и верхняя?Может, есть смысл использовать css vars?
DK
Может, есть смысл использовать css vars?
в IE 11 должно работать 🙁
RV
в IE 11 должно работать 🙁
Тогда через scss нагенерить классов с нужными значениями и применять их на элемент. А прочесть текущее значение какого-то свойства не получится
SG
ну почему, можно и прочесть
RV
ну почему, можно и прочесть
Как?
SG
RV
Так это JS
SG
это правда
DK
Тогда через scss нагенерить классов с нужными значениями и применять их на элемент. А прочесть текущее значение какого-то свойства не получится
вот дело в том что генерятся классы только для
а нагенерить доп классов что бы комбинировать где нужно 1-й и 2-й класс
border-top и хотелось бы не менять логику генерирования классова нагенерить доп классов что бы комбинировать где нужно 1-й и 2-й класс
SG
ну можно из жс прочесть и заинлайнить
DK
надеялся что через пьюр цсс возможно
DK
но видимо нет
RV
вот дело в том что генерятся классы только для
а нагенерить доп классов что бы комбинировать где нужно 1-й и 2-й класс
border-top и хотелось бы не менять логику генерирования классова нагенерить доп классов что бы комбинировать где нужно 1-й и 2-й класс
Смотри, у тебя есть например три класса
елемент с набором классов например
border-top-big , border-top-medium, border-top-small. Ты создаешь класс который к примеру назван map-border-top-to-left и который попадает на элемент в котором нужно сравнять бордеры.елемент с набором классов например
border-top-medium map-border-top-to-left будет иметь нужный набор стилей.border-top-big {
border-top: 30px;
}
.border-top-medium {
border-top: 20px;
}
.border-top-small {
border-top: 10px;
}
.map-border-top-to-left.border-top-big {
border-left: 30px;
}
.map-border-top-to-left.border-top-medium {
border-left: 20px;
}
.map-border-top-to-left.border-top-small {
border-left: 10px;
}DK
проблема в том что стили для
я грубо говоря не могу узнать сколько конкретно там px задано что бы скопировать их в другой класс, там может быть много правил, не только касаемо
поэтому и пытался как-то реализовать чисто на хелперах без привязки к конкретным значениям
border-top-big хранятся в json и разворачиваются в css автоматическия грубо говоря не могу узнать сколько конкретно там px задано что бы скопировать их в другой класс, там может быть много правил, не только касаемо
borderпоэтому и пытался как-то реализовать чисто на хелперах без привязки к конкретным значениям
DK
в итоге буду делать некую функцию-хелпер которая конвертит все
border-a в border-b и вызывать трансформацию перед генерацией css