Запитання з тегом «sass»

У мене є пара селекторів scss, де я використовую ту саму кількість позитивного та негативного, як у: padding: 0 15px 15px; margin: 0 -15px 20px -15px; Я вважаю за краще використовувати змінну для всіх 15px сум, але це не працює: $pad: 15px; padding: 0 $pad $pad; margin: 0 -$pad 20px …

107 css  sass  compass-sass 

Привіт, я намагаюся вивчити SASS / SCSS і намагаюся переробити власний міксин для clearfix що я хотів би, щоб міксин ґрунтувався на тому, чи передаю я комбінацію ширини. думки поки що (тільки псевдокод, як я буду включати інші міксини) @mixin clearfix($width) { @if !$width { // if width is not …

106 conditional  mixins  sass  if-statement 

Чи є спосіб використовувати Sass або Compass чи щось подібне без Ruby? Я розглядав google і цей сайт, і нічого не можу знайти, будь-яка допомога буде вдячна. Дякую

102 css  sass  compass-sass 

Питання майже все це говорить. Наприклад, якщо я використовував, скажімо, Twitter Bootstrap , чи можу я визначити класи у власному таблиці стилів SASS, які успадковуються від CSS-класів Bootstrap? Або спадкування в SASS працює лише в межах одного файлу?

102 css  inheritance  stylesheet  sass 

Наразі це запитання не підходить для нашого формату запитань. Ми очікуємо, що відповіді будуть підкріплені фактами, посиланнями або експертними знаннями, але це питання, ймовірно, вимагатиме дискусій, аргументів, опитувань чи розширеної дискусії. Якщо ви вважаєте, що це питання можна вдосконалити та, можливо, знову відкрити, відвідайте довідковий центр для ознайомлення . Закрито …

101 asp.net  css  sass 

У мене проблеми з вкладанням в Сасс. Скажімо, у мене є такий HTML: <p href="#" class="item">Text</p> <p href="#" class="item">Text</p> <a href="#" class="item">Link</a> Коли я намагаюся вкласти свої стилі наступним чином, я отримую помилку компіляції: .item { color: black; a& { color:blue; } } Як зробити посилання на селектор типу перед …

100 sass  css-selectors 

У мене є завдання gulp, яке намагається перетворити .scss файли у .css-файли (використовуючи gulp-ruby-sass), а потім розміщую отриманий .css-файл у тому самому місці, де було знайдено оригінальний файл. Проблема полягає в тому, що я використовую шаблон, який не використовується, я не обов'язково знаю, де зберігається оригінальний файл. У наведеному нижче …

99 javascript  node.js  sass  gulp 

Я хочу використовувати кольори бренду моєї компанії в усьому додатку. Я знайшов цю проблему: AngularJS 2 - Дизайн матеріалу - встановіть палітру кольорів, де я можу створити нібито власну тему, але в основному це просто використання різних частин заздалегідь побудованих палітр. Я не хочу використовувати заздалегідь визначені кольори Material2. Я …

97 angular  sass  material-design  angular-material2 

Я намагаюся використовувати інтерполяцію рядків для своєї змінної для посилання на іншу змінну: // Set up variable and mixin $foo-baz: 20px; @mixin do-this($bar) { width: $foo-#{$bar}; } // Use mixin by passing 'baz' string as a param for use $foo-baz variable in the mixin @include do-this('baz'); Але коли я роблю …

94 variables  sass 

SASS має функцію, @extendяка називається, що дозволяє селектору успадковувати властивості іншого селектора, але без копіювання властивостей (наприклад, міксин). Чи має LESS також цю функцію?

93 css  sass  less  extend 

У Sass я не можу точно розрізнити різницю між використанням @includeз мікшином та використанням @extendіз класом-заповнювачем. Чи не складають вони одне і те ж?

93 sass 

У SASS, чи можна імпортувати файл з іншого каталогу? Наприклад, якби у мене була така структура: - root_directory - sub_directory_a - _common.scss - template.scss - sub_directory_b - more_styles.scss template.scss може імпортувати _common.scss за допомогою, @import "common"але чи можливо more_styles.scss імпортувати _common.scss? Я спробував кілька різних речей, включаючи @import "../sub_directory_a/common"і, @import …

93 import  sass 

Я боровся з налаштуванням libsass, оскільки він був не таким прямим, як перекладач на основі Ruby. Хтось може пояснити, як: встановити libsass? використовувати його з командного рядка? використовувати його з бігунками завдань, такими як глотка та бурчання? Я маю невеликий досвід роботи з менеджерами пакунків і тим менше з програмами, …

91 css  sass  gulp-sass  node-sass  libsass 

Нещодавно, коли я компілюю свої файли scss, я отримую повідомлення про помилку. У повідомленні про помилку сказано: Список браузерів: caniuse-lite застарілий. Будь ласка, запустіть наступну командуnpm update caniuse-lite browserslist По-перше, як сказано в повідомленні, я побіг, npm update caniuse-lite browserslistале це не вирішило проблему. Я видалив весь каталог nod-модулів і …

89 npm  sass  autoprefixer  web-compiler 

Я намагаюся імпортувати тему з модуля CSS, але TypeScript видає помилку "Не вдається знайти модуль", і тема не застосовується під час виконання. Я думаю, що щось не так з моєю конфігурацією Webpack, але я не впевнений, де проблема. Я використовую такі інструменти: "typescript": "^2.0.3" "webpack": "2.1.0-beta.25" "webpack-dev-server": "^2.1.0-beta.9" "react": "^15.4.0-rc.4" …

88 typescript  import  sass  webpack  css-modules