Публикации по теме 'sass'
Начало работы с Sass в React.js — часть 2
Ознакомиться с первой частью можно здесь .
Извлечение повторно используемого кода
Как и в большинстве языков программирования, вы можете извлекать фрагменты своего кода, чтобы сделать его пригодным для повторного использования. В Sass это довольно просто, скажем, мы собираемся центрировать любые дочерние элементы с помощью flex, мы можем написать:
@mixin center{
display: flex;
align-items: center;
justify-content: center;
}
Обратите внимание, что каждое ключевое слово в Sass..
Sass и приложение Create-react-app 2
Добавление Sass к вашему приложению create-react-app само по себе было суетой, я тоже написал об этом статью ( здесь ). Но с выходом create-react-app v2 нам больше не нужны эти обходные пути. Благодаря команде react, create-react-app v2 получил большую потребность в поддержке sass из коробки.
Предпосылка
Узел / npm должен быть установлен. node-sass должен быть установлен.
Давайте запачкаем руки и настроим шаблон
Убедитесь, что ваш пакет create-response-app установлен и..
Вопросы по теме 'sass'
Исправление CSS на Octopress.
Я следил за http://www.undefinednull.com/2013/10/15/octopress-blog-tweaks-adding-author-information-section-below-each-posts/ , и странно, что его код CSS работает и всплывает, выравнивая текст рядом с изображением.
Хотя в моем случае я получаю...
71 просмотров
schedule
22.03.2024
Вывод SASS из одного файла sass в несколько файлов css
Я хочу вывести несколько файлов css из одного файла sass. У меня есть один файл: schemes.scss с таким кодом:
$schemes: (
'light': (
'body-background': white,
'headline-color' : #111,
'subheadline-color': #222
),
'dark': (...
1921 просмотров
schedule
16.03.2024
Доступ к CSS полимера
У меня проблемы с доступом к переменной CSS, определенной Polymer, в файле Jekyll SCSS/CSS. Polymer Elements "Paper Styles" для цветов интегрируется через
<link rel="import" href="/bower_components/paper-styles/color.html">
в...
206 просмотров
schedule
03.05.2024
sass конвертирует импорт в URL-адрес импорта
Новое в дерзости и хрюканье. Все файлы css, связанные с моим поставщиком, находятся в _vendor.scss.
@import "public/css/bower_components/bootstrap/dist/css/bootstrap.css";
это преобразовано в main.css
@import...
3190 просмотров
schedule
07.03.2024
Sass не найден для gulp-ruby-sass в контейнере Docker
У меня есть веб-приложение, которое использует плагин gulp-ruby-sass и работает в контейнере, который устанавливает гем sass .
Это Dockerfile:
FROM phusion/passenger-customizable:0.9.19
# Set correct environment variables.
ENV HOME /root
#...
523 просмотров
schedule
07.04.2024
Как равномерно масштабировать элементы независимо от их ширины / высоты
Я ищу способ масштабировать мои элементы одинаково на основе любого числа в пикселях, независимо от их ширины и высоты. Так что не пропорционально их размеру.
Версия JSFiddle
body, html {
height: 100%;
width: 100%;
margin:...
292 просмотров
schedule
21.03.2024
PhpStorm File Watcher для SCSS не компилирует node_modules
Я работаю над пользовательской темой для моего локального сайта WordPress. Я настроил File Watcher в PhpStorm, который компилирует мои файлы scss с myTheme/scss/ по myTheme/style.css .
Это работает, как и предполагалось, переменные, которые я...
433 просмотров
schedule
18.05.2024
Наведение не работает на незаполненных областях пути SVG
У меня есть домашняя страница портфолио ( https://portfolio.umairstem.now.sh/ ), на которой есть svg иконки. Когда мышь наводится на значок, я хочу, чтобы он стал светло-голубым. Проблема в том, что когда мышь проходит по пробелам в SVG, эффекта не...
218 просмотров
schedule
28.03.2024