Свързани публикации 'stylus'
5 причини защо Stylus е най-добрият 🙌 CSS препроцесор през 2020 г.
CSS препроцесорите могат да ви спестят безброй часове, ако го използвате правилно (🤭) и поради тази причина изборът на „правилния“ препроцесор е от решаващо значение. 🕵️♂️
Позволете ми да ви запозная със Stylus, най-гъвкавият, ефективен, динамичен и изразителен начин за писане на CSS. Ето 5 причини, поради които Stylus трябва да бъде вашият предпочитан избор за всичко - от демо на CodePen с 10 реда до гигантски проект с 10 хиляди реда
#1 Стилусът е гъвкав 🤘🏼
Не харесвате точка и..
Свързани въпроси 'stylus'
как да предотвратите стартирането на css анимация при зареждане на страницата
Имам контейнер div , зададен с overflow:hidden , който превключва между две карти, като само една се вижда в даден момент:
[card 1 | card 2]
Имам jquery, настроен така, че когато потребител щракне върху бутон, той превключва клас, .slid ,...
2388 изгледи
schedule
07.10.2022
Как да добавите условно !важно в стилуса
Искам да добавя условен !important низ към дефиниция без да се налага да дублирам редовете ... Най-близкото до което съм се приближавал е това:
fontSize(size, isImportant = false)
importantString=""
if isImportant
importantString =...
4526 изгледи
schedule
07.11.2022
Inotifywait не изпълнява команда
Имам основен inotifywait скрипт, наречен watch.sh, и няколко файла, завършващи на .styl, в същата директория. Ето скрипта, който улавя промените, но не изпълнява кода в do/done
Стартирам го като sh watch.sh и ето го скрипта
#!/bin/sh
while...
2724 изгледи
schedule
31.10.2023
Гледайте файла за промени в пакета, без да използвате api.add_files()
Имам някои миксини за стилус в пакет Meteorite, които не искам да добавя с api.add_files() . Вместо това те трябва да бъдат @import добавени в приложение от директорията с пакети за достъп до миксините. Meteor обаче няма да следи тези файлове за...
209 изгледи
schedule
09.12.2022
Интерполация в пътя на @import със Stylus
Въпреки че прочетох частите за променливите и интерполацията в документите на Stylus, изглежда не мога да накарам това да работи.
dirs = {
vendor: '../../../public/vendor/'
}
@import '{dirs.vendor + "normalize-css/normalize.css"}'
Дава:...
709 изгледи
schedule
13.01.2024
стилусът не позволява на стиловете да влияят
Може ли някой да обясни защо се случва това и как да го поправя? Ето го файла:
global-reset()
*
box-sizing border-box
font-size 16px
font-family sans-serif
.header
background #e1e1e1
height 20em
border-bottom 5px...
97 изгледи
schedule
16.10.2022
Добавяне на псевдокласове със Stylus CSS препроцесор
Нов съм в препроцесора Stylus CSS, но това, което видях досега, наистина ми харесва. Както и да е, имам следния css:
$link
color #777
display block
...
a.className, a.className:hover, a.className:visited
@extends $link
$link се...
1524 изгледи
schedule
23.02.2024
Кой селектор съответства в набор от правила за стилус?
Има ли все пак да вземете името на класа, който съвпада в набор от правила за стилус?
Това, което се опитвам да направя, е да изсуша това правило (и много го харесват):
.button
&:hover
button-hover-color-scheme(teal)...
80 изгледи
schedule
31.03.2024
Заредете променливи в LESS CSS препроцесор от JSON файл
Възможно ли е да заредите променливи в LESS CSS препроцесор от JSON файл, както можете да направите със Stylus?
Със съдържанието на файл myvars.json
{
"color1": "#112345",
"color2": "#667890"
}
В Stylus правя......
7334 изгледи
schedule
12.04.2024
Как да се препратят активи спрямо директорията на стилуса вместо директорията за компилиране на css?
Мога ли да дефинира път, който е относителен към файла със стилуса, а не към компилирания CSS файл.
Опитвам се да създам пакет bower, съдържащ файл със стилус, който трябва да бъде включен директно от папка bowers components/my-package . Как да...
395 изгледи
schedule
26.05.2024
В Stylus трябва ли да пиша вложен селектор от неговия корен, когато @extend?
Stylus връща 'Failed to @extend ".selector2" ', но е ОК в SASS.
.selector1
color #000
.selector2
color #FFF
.selector3
@extend .selector2
Добре е, когато пиша селектори от root в Stylus.
.selector1
color...
732 изгледи
schedule
03.06.2024