Публикации по теме 'sass'
Gulp Intro - От Sass до минимизации CSS.
Привет! Это моя вторая публикация, и я очень взволнован ... так что приступим.
Я не буду вдаваться в объяснения, что такое глоток, поскольку вы уже здесь.
Я почти уверен, что все, что вам нужно знать, это как использовать gulp.
Перво-наперво, нам понадобится пара вещей, чтобы начать использовать gulp в нашем проекте.
Поэтому убедитесь, что вы выполнили следующую команду в своем терминале.
npm i gulp gulp-cssnano gulp-sass gulp-concat-css -D
Это установит:
Gulp:..
Использование SASS в компонентах Vue с Laravel Mix
Прямо сейчас, поскольку мы используем Foundation для некоторых функций быстрой сетки, нашим самым важным файлом будет наш файл _variables.scss, в который мы будем включать все наши переменные SASS для приложения. Следуя шаблону 7–1 ( Рекомендации Sass ), мы должны добавить в каталог /assets/sass/abstracts файл с именем _variables.scss .
Я добавил несколько цветов по умолчанию (типа кофе, поскольку мы делаем приложение для кофе) в файл переменных. Должно получиться так:
$white:..
Основы: научитесь строить с помощью углерода
Основы: научитесь строить с помощью углерода
Пять курсов продолжительностью пять недель. Давай что-нибудь построим.
Если вы еще не слышали о системе углеродного дизайна, зацените нас ! Мы - система дизайна, созданная IBM, предоставляющая стили и компоненты с открытым исходным кодом в Vanilla, React, Angular и Vue для всех, кто работает в Интернете.
Дизайн-системы многое делают - например, сокращают повторяющуюся работу, чтобы вы могли сосредоточиться на решении сложных проблем...
Вопросы по теме 'sass'
Совместное использование миксинов между файлами scss в rails 3.1
Я пытаюсь сослаться на миксин, определенный в одном файле (application.css.scss), в другом (home.css.scss). Я попытался импортировать приложение в дом, но все равно получаю ошибку «Неопределенный миксин».
Есть ли способ автоматически импортировать...
4598 просмотров
schedule
23.01.2024
Совместное использование цветов между файлами SASS и шаблонами erb Rails
Я работаю над информационным бюллетенем по электронной почте, используя ActionMailer, связанный с нашим приложением Rails 3.0.7. Итак, вопреки всем моим инстинктам, я использую встроенные стили как сумасшедшие, поскольку это, кажется, единственный...
545 просмотров
schedule
26.10.2022
Как устранить синтаксическую ошибку: функции могут быть определены только в корне документа. при компиляции компасом
Я пытаюсь скомпилировать изменения, внесенные в файлы .scss для ext js 4. Когда я скомпилирую выходной файл компаса.
Syntax error: Functions may only be defined at the root of a document.
on line 115 of...
1259 просмотров
schedule
14.02.2024
Получение ширины элемента с компасом
Есть ли способ получить предопределенный элемент с компасом (CSS Framework)?
Допустим, у меня есть:
<ul>
<li class="class-1">foo</li>
<li class="class-2">foo</li>
<li...
3241 просмотров
schedule
01.05.2024
Ошибка: файл для импорта не найден или не читается: fancy-buttons
Я создаю существующий проект рельсов. Но обнаружил ошибку ниже при установке.
Ошибка: файл для импорта не найден или не читается: fancy-buttons.
ActionView::Template::Error (File to import not found or unreadable: fancy-buttons.
Load paths:...
6807 просмотров
schedule
01.05.2024
Запретить Sass делать кавычки вокруг значения
Я новичок в Sass... Я хочу создать CSS с процентными значениями, например:
width : 13%;
Значение является результатом sass числовой операции. Написание этого
width : $main-width + "%"
код scss генерирует это:
width : "13%";...
5153 просмотров
schedule
25.09.2022
Пользовательские листы CSS SASS/SCSS для @import
Все, что мне нужно сделать, это иметь каталог с моими пользовательскими таблицами сброса и другими файлами sass для импорта.
Я играл и не могу заставить компас читать мои пользовательские листы.
1) Куда я могу поместить свои пользовательские...
492 просмотров
schedule
03.01.2024
Компас: Миксины могут быть определены только в корне документа.
Я не разработчик ruby, и я использую Compass уже 6 месяцев. Я обнаружил эту проблему, показанную ниже.
Я прочитал этот вопрос и использовал ответ с самым высоким рейтингом: получение ошибки после обновления до sass-3.1.8
Версия Sass: Sass...
907 просмотров
schedule
02.10.2022
Зачем мне гем в хост-приложении
Я разрабатываю свой первый Rails Engine. Это макет панели администратора с активами и базовыми функциями.
Чего я действительно хочу, так это чтобы он был основан на Twitter Bootstrap + SASS.
Если у меня есть только эти строки в моем файле...
1056 просмотров
schedule
03.02.2024
Как исправить странное поведение отступов в sass-режиме Emacs
Эта проблема ( https://github.com/nex3/sass-mode/issues/5 ) уже объяснил, что я хочу сказать, пожалуйста, взгляните на это. Есть ли способ исправить это.
Когда я нажимаю клавишу Backspace, например, после cj, которая всегда переходит на один...
857 просмотров
schedule
22.05.2024
переменные sass в медиазапросе - sass-rails-3.2.3
Я пытаюсь использовать переменную в медиа-запросе -
$break-small: 320px;
$break-large: 1200px;
.profile-pic {
float: left;
width: 250px;
@media screen and (max-width: $break-small) {
width: 100px;
float: none;
}
@media screen...
1618 просмотров
schedule
17.05.2024
Укажите один файл scss в compass config.rb
Я работаю над процессом развертывания приложения HTML5. Я использую компас и SCSS для создания стилей, и у меня есть config.rb в корне каталога моего проекта для настройки компаса. У меня есть файл app.scss, в котором есть несколько импортов вверху,...
2790 просмотров
schedule
16.05.2024
Bootstrap отзывчивый CSS
У меня четырехколоночный дизайн, и я использую Bootstrap. Дизайн отлично отображается в одном столбце на мобильных устройствах, но в «(min-width: 768px) и (max-width: 979px)» я получаю четыре столбца, хотя есть место только для двух. Таким образом,...
1974 просмотров
schedule
04.12.2023
Zurb's Foundation 3: меньшая ширина сетки
Работал с фреймворком Zurb Foundation 3 .
Я пытаюсь установить ширину меньше 1000 пикселей в _settings.scss, но по какой-то причине она уменьшается только до 770 пикселей, даже если я ввожу меньшее число. Вот что я сделал:
Исполненный...
327 просмотров
schedule
22.01.2024
Sass и asp.net
есть ли способ использовать Sass с asp.net, где вы можете использовать переменные, которые хранятся в базе данных, а затем компилируются Sass для окончательного файла css?
1398 просмотров
schedule
26.04.2024
как использовать фильтр: для ie8 это не повлияет на ie9?
У меня есть миксин sass, который позволяет мне определять альфа-фоны
@mixin background-rgba($r,$g,$b,$a) {
$color: ie_hex($r,$g,$b,$a);
$value:...
505 просмотров
schedule
13.04.2024
Sencha touch исключает все файлы sass/css senchas для индивидуального дизайна?
У меня есть быстрый вопрос, на который я надеюсь, что кто-нибудь сможет мне ответить. Я реализую индивидуальный дизайн для компании, разрабатывающей приложение sencha-touch для ios и android.
Когда я впервые пришел, это был большой беспорядок из...
307 просмотров
schedule
15.12.2023
Как преобразовать этот миксин SCSS в LESS?
Я привык программировать в SCSS, но новичок в LESS.
У меня есть следующий код в SCSS, но я хотел бы знать, как написать это в LESS.
Вот код SCSS...
@mixin posL($property, $value) {
{$property}: $value;
}
.box {
width:200px;...
4643 просмотров
schedule
02.12.2023
Как использовать спрайты компаса?
Я возился с Compass, используя графический интерфейс Scout, уже день, и спрайты сводят меня с ума.
Компас создает спрайт, но кажется, что CSS указывает не на то место.
Оператор импорта выглядит так:
@import "images/icon/*.png";
И вот...
2123 просмотров
schedule
23.05.2024
Как преобразовать целое число в шестнадцатеричное в SASS
Вместо чего-то вроде структуры данных карты , которую Крис Эппштейн упоминает как незавершенную для SASS, я пытаюсь чтобы добиться чего-то подобного - сопоставьте строку с соответствующим шестнадцатеричным значением, которое будет использоваться для...
1941 просмотров
schedule
05.12.2022
