Публикации по теме 'stylus'
Компоненты Vue с Pug и Stylus
Я никогда не был поклонником наличия javascript, стиля и шаблона в одном файле компонента.
В этой статье я объясняю, как разбить код.
Мопс для создания шаблонов, без закрывающих тегов HTML! Стилус для стилизации, чистый и простой Мокко для тестирования
Компоненты Vue, в которых весь код в одном файле иногда может быть беспорядочным. Взгляните на этот пример:
Для разделения кода необходима папка для каждого компонента.
Обычный:
├── app.js
└── component
├──..
Вопросы по теме 'stylus'
Как определить несколько медиа-запросов в одном файле стилуса?
Как определить несколько медиа-запросов в одном файле?
У меня есть этот .styl-файл:
@media (min-width: 980px)
body
padding-top 60px
@media (min-width: 768px)
body
.container
width 768px
Это дает мне ошибку expected...
4915 просмотров
schedule
07.08.2023
Есть ли способ программно построить цепочку селекторов CSS в стилусе?
Я пытаюсь понять, как создать селектор CSS в цикле «for in».
Что-то в духе:
ul
for row in 1 .. 4
li*{row} <=== thats the tricky part
padding: 10px * row
это должно дать как:
ul li{ padding:...
264 просмотров
schedule
14.09.2022
Стилус, NodeJS и Nodemon
я использую стилус для моего приложения nodejs (не экспресс, просто узел). Я также использую nodemon , чтобы отслеживать изменения и применять их без перезапуска приложения. У меня есть небольшой сценарий sh, который запускает мое приложение:...
973 просмотров
schedule
03.03.2022
Настройка nib и bootstrap-stylus
Я играл с узлом, используя IDE jetbrains webstorm. Прошлой ночью я пытался настроить nib и bootstrap-stylus. Однако я всегда получаю сообщение об ошибке, что nib или bootstrap не могут быть найдены в тегах импорта.
@import 'nib'
or...
1343 просмотров
schedule
26.10.2023
настройка grunt на windows
Я устанавливаю grunt на Windows 8. Мой gruntfile.js очень простой:
module.exports = function(grunt) {
stylus: {
files: {
'build/style.css': ['styles/style.styl'],
}
};
autoprefixer: {
//...
161 просмотров
schedule
08.09.2022
интерполяция строки стилусом styntax для псевдоселектора :before с использованием цикла for
я пытаюсь сделать
#others li .text1:before{
content: "text1";
}...
при выполнении
#others li
for label in text1 text2 text3
.{label}:before
content {label}
Но синтаксис неправильный, кажется... выдает...
2818 просмотров
schedule
08.08.2023
node - стилус не отображается должным образом
Я новичок в стилусе, и я решил попробовать это. В котором я создал папку под названием «стилус» на моем диске «D» и установил стилус в эту папку. теперь у меня есть папка с именем «node_modules» внутри созданной папки «стилус».
Я снова создал...
168 просмотров
schedule
26.04.2023
Как сделать миксин с тем же именем, что и значение переменной?
У меня есть переменная, и мне нужно создать миксин с ее значением:
$param = 'color';
{$param}() {
color: green;
}
.foo {
color: red;
}
Это рендерится как
color() {
color: #008000;
}
.foo {
color: #f00;
}
Но мне нужно...
196 просмотров
schedule
13.07.2022
Куда выводит Stylus?
Например, чтобы увидеть, какие параметры принимает функция или миксин, мы используем встроенную функцию Stylus p( ) . p(rgba) должен сгенерировать inspect: rgba(red, green, blue, alpha) . Я создал файл style.styl с одной строкой p(rgba) ....
1065 просмотров
schedule
21.11.2023
Stylus перекомпилируется несовместимо с Ember-cli
Я пытаюсь включить Stylus в проект на основе Ember-cli. На 'ember s' стилус компилирует app.styl и все импортированные таблицы стилей по желанию, но во время работы будет часто и непоследовательно перекомпилировать при получении изменений....
273 просмотров
schedule
15.04.2024
Принять значение по умолчанию для глобальной переменной в таблице стилей Stylus?
Одна из замечательных особенностей Stylus заключается в том, что он позволяет вам определять переменные, которые можно использовать для настройки конфигурация результирующего вывода.
Например,
// my-html-object.styl
$my-html-object-color =...
2690 просмотров
schedule
04.11.2023
Как использовать Джит в экспрессе?
Как вы используете Jeet в экспрессе?
Это часть моего файла app.js:
app.set('views', __dirname + '/views')
app.set('view engine', 'jade')
app.use(stylus.middleware(
{ src: __dirname + '/public'
, compile: compile
}
))...
228 просмотров
schedule
23.04.2023
Стилус передает переменные итерации в аргумент миксина
Я борюсь с настройкой переменных цикла для миксина.
for num in (1..3)
&.item{num}
sprite($sprite-item{num})
Это не работает. Ошибка возникает в 3-й строке, передающей "num" миксину sprite().
Приведенное ниже успешно...
887 просмотров
schedule
15.08.2023
Есть ли способ объединить части стилуса без их фактической компиляции?
Есть ли способ объединить части стилуса без их фактической компиляции? Я предполагаю, что это будет то же самое, что и файлы .SCSS, так что это вопрос инструментов сборки. В codekit вы можете присоединять файлы javascript таким образом / но это...
219 просмотров
schedule
07.10.2023
Стилус не анализирует некоторые директивы
Используя миксины Stylus/Jeet column() или col() , некоторые из них не компилируются, но отображаются буквально в моих сгенерированных файлах css. Этого не должно быть.
Тест.стиль
@import 'jeet'
#main
center(1000px)
#content...
81 просмотров
schedule
28.12.2023
Стилус: извлечение глубоких значений из хэша в функции
Я недавно перешел на Stylus из Sass и немного новичок в функциональности. У меня проблемы с доступом к хеш-значениям более глубокого уровня в моих функциях. Вот пример:
$type-scale = {
small: {
base-font-size: 16px,...
190 просмотров
schedule
06.02.2024
Стилус - миксин - переменный
Я думаю, что я, возможно, совершенно неправильно понимаю это.
Но скажем, у меня есть этот повторяющийся код css.
.dot_one {
animation: dot_one 2s infinite linear;
}
.dot_two {
animation: dot_two 2s infinite linear;
}
.dot_three {...
187 просмотров
schedule
03.10.2022
CSS-переход и преобразование из гамбургерных батончиков --> X при нажатии (с помощью стилуса)
У меня есть значок гамбургера в меню для мобильной точки останова. я настроил его как 3 строки, и я хочу, чтобы они перешли на X (это закроет меню).
я хочу, чтобы верхняя полоса пошла на 45 градусов, средняя полоса исчезла, а нижняя полоса пошла...
1361 просмотров
schedule
03.06.2023
Неожиданный токен ILLEGAL в объединенном файле CSS
Я получаю следующую ошибку в консоли Chrome:
Uncaught SyntaxError: неожиданный токен ILLEGAL
В начале моего объединенного файла CSS:
@import url("http://fonts.googleapis.com/css?family=Raleway:300,400,600")
Эта строка...
2214 просмотров
schedule
19.10.2023
Синтаксис компактных свойств SASS в Stylus
можно ли сделать что-то вроде
background:
image: url(...)
repeat: no-repeat
size: cover
что можно в SASS сделать в Stylus?
82 просмотров
schedule
19.03.2024