Публикации по теме 'stylus'
JAVASCRIPT против SASS / SCSS, STYLUS и LESS
Любая функция, которую вы получите от языка программирования для конкретной предметной области SASS/SCSS , STYLUS , LESS или любого другого, вы можете получить от CSS изначально, и если вы хотите использовать functions (= миксины) или другие функции, которые не поддерживаются CSS, используйте стандартный веб-сайт под названием JavaScript :-)
Пример кода:
SASS
// _base.sass
$font-stack: Helvetica, sans-serif
$primary-color: #333
body
font: 100% $font-stack..
Как добавить Stylus в ваше приложение React с автообновлением
Если вы хотите добавить Stylus в свое приложение Create React, вот очень быстрый способ сделать это. Это должно быть очень просто!
Если на вашем компьютере еще не установлен Stylus, сделайте это, введя это в свой терминал:
$ yarn add stylus global
Если у вас еще не установлено приложение Create React, сделайте это, введя:
$ yarn add create-react-app global
Затем вам нужно создать приложение React:
$ create-react-app my-app
$ cd my-app
$ mkdir src/static/stylus
Теперь добавьте..
Вопросы по теме 'stylus'
Скомпилируйте файл Stylus (nodejs) .styl в 2 разных файла css (мобильный и настольный)
Можно ли скомпилировать один файл стилуса в 2 разных файла css, например. для веб-приложения для ipad меня не интересует онлайн-веб-кит -moz и т. д. css, поэтому один оптимизирован для мобильных устройств, а другой — для кросс-браузерного приложения?...
1336 просмотров
schedule
05.06.2022
Node.js обслуживает таблицу стилей за 4 минуты.
Я играл с Node.js/Express и следовал руководству здесь и когда я пытаюсь запустить app.js, для его истечения времени ожидания при отправке style.css требуется 4 минуты. Я использую Chrome для мониторинга сетевого трафика. Я что-то упустил в...
234 просмотров
schedule
24.05.2023
изменить цвет части текста в стилусе css?
я хочу изменить цвет только одного слова в текстовой строке с помощью стилуса, т.е.
#copy
h1 Our new site will be ready soon..
код стилуса
h1
font-weight bold
color white
я просто хочу изменить цвет первой буквы в фразе h1...
19102 просмотров
schedule
20.09.2023
Ищете препроцессор Python CSS с синтаксисом, подобным Stylus?
Stylus — это язык, который компилируется в обычный CSS. Этот язык значительно экономит время и место по многим причинам. Например, я могу поместить селекторы друг в друга:
div.foo
color: red
div.bar
color: blue...
2477 просмотров
schedule
19.04.2023
Стилус – добавление процентов
У меня проблемы с Stylus . Я просто пытаюсь создать функцию, которая возвращает ширину столбца с учетом диапазона n . Вот мой код:
column-gap = 1%
column-width = 15%
column-span(n)
(column-width * n) + (column-gap * (n - 1))
Проблема в...
1088 просмотров
schedule
19.05.2023
Стилус не может делать простую математику
Почему это не работает в Stylus?
gutter = 2%
get(numerator, denominator)
x = (numerator / denominator) * 100% // get(1, 4) returns 25% as it should
(x) - gutter // returns x as 24.5% wtf
Отлично работает в Sass
$gutter: 2%;...
725 просмотров
schedule
08.04.2023
Стилус не работает размер изображения (путь)
image-size(path)
Возвращает ширину и высоту изображения, найденного по пути. Поиски выполняются так же, как @import , с изменением настроек путей.
Пример:
width(img)
return image-size(img)[0]
height(img)
return...
519 просмотров
schedule
27.06.2023
Почему мой двухколоночный макет Pure CSS не работает?
Я пытаюсь создать простое веб-приложение Meteor , но уже пытаюсь создать рабочий макет с двумя столбцами. определяется через чистую адаптивную сетку . Проблема показана на скриншоте ниже; заголовок должен состоять из двух столбцов на одной...
4510 просмотров
schedule
29.01.2023
Можно ли расширить стилус с помощью javascript?
Я хорошо осведомлен о функции миксинов в стилусе . Но доступные языковые возможности кажутся весьма ограниченными.
В sass вы можете написать функцию на ruby и сделать ее доступной непосредственно для sass. Таким образом, вся мощь языка ruby...
81 просмотров
schedule
10.03.2023
Библиотеки для Stylus на Meteor.js
Поискав библиотеки для Stylus, я нашел только Nib.
Мне было интересно, КАК установить и использовать Nib на Meteor . Документы для Nib указывают, как использовать его на чистом Node.js; какова процедура на Метеоре?
Также : есть ли другие...
719 просмотров
schedule
14.11.2022
Могу ли я использовать Stylus и/или Jade с проектом Spring 4 MVC?
Я привык/влюбился в Stylus для предварительной обработки css и Jade для упрощения моего HTML в мире Node.JS. Теперь я вернулся к работе над проектом Spring 4 MVC и хотел бы использовать эти технологии в этой среде.
Можно ли их интегрировать (я...
1116 просмотров
schedule
15.05.2024
Stylus ParseError: ожидаемый «отступ», полученный «;»
Скриншот: http://saveimg.ru/show-image.php?id=424e87f390411d3932bb3d73ff613e58
Часть файла "Gruntfile.js"
sprite: {
mixins: {
src: ['layout/media/images/sprite/*.png'],
destImg: 'layout/media/images/sprite.png',...
3054 просмотров
schedule
13.11.2022
Gulp: скомпилируйте Stylus и объедините его с чистым CSS
У меня есть куча файлов Stylus в './styles/stylus/**.styl' и куча файлов CSS в './styles/css/**.css' .
Как использовать Gulp для компиляции файлов Stylus, объединения результатов со всеми файлами CSS и вывода их в './styles/out.css' ?
5333 просмотров
schedule
04.02.2023
эквивалент омеги () в джите?
используя jeet.gs, у меня есть два класса, каждый из которых занимает половину общей ширины родительского контейнера.
что-то вроде этого (обозначение стилуса):
.wrapper
.alpha
.beta
col(1/2)
теперь, когда я пишу что-то вроде этого...
179 просмотров
schedule
06.03.2023
Как включить библиотеки Stylus с помощью grunt-contrib-stylus?
Как включить библиотеки Stylus с помощью grunt-contrib-stylus?
Я хотел бы добавить Jeet & Rupture к моей настройке стилуса.
Я запустил npm install --save-dev rupture и npm install --save-dev jeet
Но я не уверен, как их использовать при...
1159 просмотров
schedule
23.10.2022
Как определить хеш-значения Stylus, содержащие запятые?
Я обнаружил, что не могу установить хеш-значения стилуса , чтобы в них были запятые. используя синтаксис фигурных скобок и двоеточий или синтаксис скобок и строк. Обтекание значений с помощью " или ' приведет к тому, что эти символы будут...
777 просмотров
schedule
15.01.2023
замена функции в стилусе
У меня есть файл Stylus с этим кодом:
body
background url('/templates/main/img/sprites/ico-soc.png') 100px 100px no-repeat
Мне нужна функция (mixin) background , которая удалит '/templates/main/' из ссылки на изображение.
body...
320 просмотров
schedule
05.07.2022
Заставьте Stylus объединить импортированный CSS в таблицу стилей
У меня есть файл Stylus, выглядящий как
@import init
@import typography
@import colors
@import 'components/*'
@import '3rdparty-stylesheet.css'
Последняя строка — это файл CSS, который я получаю от стороннего плагина, который я хочу не...
3344 просмотров
schedule
25.02.2023
Определение анимации React CSSTransitionGroup с помощью миксина Stylus
Я новичок в стилусе и пытаюсь разобраться во всех нюансах.
Для справки, в React есть компонент, помогающий с анимацией CSS https://facebook.github.io/react/docs/animation.html
Я хочу иметь возможность определять анимацию с помощью миксина....
288 просмотров
schedule
30.11.2022
Установите переменную стилуса на основе родителя DOM
В стилусе можно изменить переменную на основе класса родителя?
Я пытаюсь создать переменную, которая изменит цвет с белого на черный в зависимости от того, находится ли она внутри чего-то с классом .inverted. Я только хочу, чтобы переменная...
325 просмотров
schedule
27.09.2022