Вопросы по теме 'scss-mixins'
Как я могу включить миксин, содержащий переменную, а затем изменить значение этой переменной в родительском комбинаторе?
ОБНОВЛЕНИЕ: рабочий CodePen с решением для переменных css.
ОБНОВЛЕНИЕ: CSS- Уловки объясняют, что переменные CSS каскадируются, и браузер перерисовывает их, когда они меняются. Переменные препроцессора не имеют этих функций.
Трудно...
1001 просмотров
schedule
14.10.2021
Angular - как создать тему для моего собственного компонента с помощью миксина?
Я создал компонент:
message.component.html
<div class="alert">
<div class="row">
<!-- add no-gutters to make it narrower -->
<div class="col-auto align-self-start">
<!-- or align-self-center -->...
567 просмотров
schedule
27.11.2021
Что означает использование этого миксина SASS в контексте компонентов дизайна материалов?
Я использую библиотеку компонентов дизайна материалов для Интернета . У меня есть компонент вкладки что я хотел бы поменять underline-color оф.
В инструкции сказано
Чтобы настроить индикатор вкладки, используйте следующие миксины....
537 просмотров
schedule
22.10.2021
Включение таблиц стилей в Rails
Я пытаюсь включить bootstrap 4 в свой проект Rails 5.2. В настоящее время в моем app / stylesheets / application.css есть следующее:
/*
*= require_tree .
*= require_self
*/
В инструкции, помимо переименования в application.scss,...
40 просмотров
schedule
28.03.2022
Невозможно вернуть все ключевые имена моей карты SCSS с помощью функции
У меня есть цветовая карта, и мне нужно вернуть только ключи этой карты с помощью функции. Но я могу вернуть только первое имя ключа. Я попытался взять все имена клавиш call section-color, tree-line-color, table-header-color, table-cell-color. Но я...
78 просмотров
schedule
26.04.2022
Документация и инструменты по синтаксису SASS (не SCSS)
Я нахожу синтаксис SASS намного проще и чище, чем SCSS, но документация не так распространена и полна, поэтому я часто спотыкаюсь, теряя время на синтаксические ошибки. Многие статьи, в которых упоминается SASS, на самом деле содержат информацию...
123 просмотров
schedule
21.05.2022
Медиа-запрос CSS для изменения размера шрифта в селекторе html не работает
Я использую трюк 62,5%, чтобы установить размер шрифта для разных размеров экрана. Буквы выглядят слишком маленькими на больших экранах, поэтому я хочу увеличить размер шрифта до 80%, используя медиа-запрос min-width, но по какой-то причине это...
23 просмотров
schedule
27.06.2022
Как создать миксин преобразования в SCSS, который использует несколько аргументов?
Я хочу создать миксин для преобразования с двумя аргументами - translate и rotate. Я пробовал несколькими способами, но ни один из них не работает, и я не знаю почему.
@mixin transform($transforms) {
-moz-transform: $transforms;...
238 просмотров
schedule
30.07.2022
Как импортировать переменную scss зависит от включенного миксина
В моем угловом проекте есть следующая структура:
- modules
-- foo-module
-- foo-comp
- assets
-- fonts
-- Open_Sans
....
- scss
-- partials
-- _fontface.scss
-- _variables.scss
styles.scss
styles.scss:
@import...
55 просмотров
schedule
16.08.2022
scss @include [mixin] с использованием синтаксиса ([аргументы]), не распознаваемого в проекте реагирования
Следуя документации по sass на https://sass-lang.com/documentation/at-rules/mixin#passing-arguments-to-content-blocks , я решил создать миксин, который берет блок контента и динамически изменяет его с помощью медиа-запросов, а также предоставляет...
239 просмотров
schedule
15.09.2022
Создание линейного градиента в цикле for в SCSS
Я написал миксин для создания фона с 4 параллельными линиями любого размера и под любым углом в любом положении, воспользовавшись linear-gradient , однако мне интересно, есть ли способ сделать его более динамичным?
@mixin corner-lines($start,...
355 просмотров
schedule
06.10.2022
Невозможно настроить цвет компонента поиска по умолчанию
У меня есть приложение Ionic 3, над которым я работаю, где у меня есть поле поиска. Я пытаюсь раскрасить его темным фоном и белым текстом.
У меня есть следующий код, который отлично работает в фоновом режиме, но значок по умолчанию и...
402 просмотров
schedule
04.03.2023
Sass использует значение переменной в @import
Мой код выглядит так
&.village {
&.village- {
@for $i from 1 through 12 {
&#{$i} {
background-image: url('../../images/maps/#{$i}.png');
@import "maps/map-#{$i}";...
142 просмотров
schedule
12.02.2023
Как найти имя класса в SCSS, используя оператор if?
У меня два разных класса. один — администратор , а другой — пользователь .
<div class="admin"> ... </div>
<div class="user"> ... </div>
$color : red !default;
@if('.admin'){
$color : red;
} @else {
$color :...
2539 просмотров
schedule
18.10.2022
Bootstrap 4: Как создать контейнер с гибкой шириной, такой как container-sm-10, с помощью SCSS
В своей повседневной работе я использую несколько контейнеров начальной загрузки на одной странице. Мне нужна гибкая ширина контейнера для каждого из них.
Bootstrap решит эту проблему следующим образом:
<div class="container">...
892 просмотров
schedule
25.10.2022
Ошибка приборной панели opencart 3.0 500 после обновления кеша
Добрый вечер люди.
У меня возникли проблемы с исправлением моей приборной панели opencart, и поиски оказались бесполезными. Я новичок в хостинге и фреймворке opencart, поэтому, пожалуйста, потерпите.
Я использовал opencart 3 для своего...
1212 просмотров
schedule
05.07.2023
Как разделить значения, возвращаемые функцией scss
У меня есть два вызова карт SCSS $my-map-1 и $my-map-2 . На каждой карте есть ключи с их шестнадцатеричным значением. Я написал функцию для возврата ключа и шестнадцатеричных значений ( $key , $value ) каждой карты отдельно.
После этого я...
248 просмотров
schedule
20.11.2022
Как оптимизировать импорт файлов стилей в проект Angular +2?
Я работаю с темой Angular Material в проекте Angular 6, у меня есть 3 файла стилей:
1) styles.scss (основной файл стилей, он определяется в файле Angular.json)
@import "styles/themes/blue-light.scss";
// Basics
* {
margin: 0;
padding:...
118 просмотров
schedule
19.11.2022
Может ли цикл SCSS @each содержать несколько карт?
Я пытаюсь создать цикл SCSS @each, который вызывает цвет с одной карты и непрозрачность с другой карты.
Я обнаружил, что это можно сделать с помощью списков переменных, но можно ли это сделать с помощью карт?
Пример кода:
$colors: (
red:...
389 просмотров
schedule
22.04.2023
Angular-mdc не возвращает миксин с именем mdc-top-app-bar-fill-color
Итак, я использую angularCLI и angular-MDC, я хочу использовать второй цвет моего styles.scss . На сайте есть https://trimox.github.io/angular-mdc-web/#/angular-mdc-web/top-app-bar-demo/sass этот синтаксис mdc-top-app-bar-fill-color($color) я...
991 просмотров
schedule
08.12.2022