Sass (Syntactically Awesome Style Sheets) - это расширение CSS, добавляющее такие функции, как вложенные правила, переменные, миксины и расширения классов. Это позволяет разработчикам писать структурированный, управляемый и повторно используемый CSS. Sass скомпилирован в стандартный CSS. Это в первую очередь язык препроцессора CSS, который принимает как CSS, так и его персонализированный синтаксис для написания кодов визуального дизайна.

Подробнее про sass...

Я новичок в программировании. Можно ли создать градиент как фон для этого дизайна используя sass или css? Я хочу разместить несколько цветов в случайных местах. Заранее спасибо.....
8 Июл 2021 в 10:09
Я хотел бы создать навигационную панель, закрепленную внизу на мобильном устройстве, но слева на рабочем столе. Я проверил CSS, и связанный scss файла CSS перезаписывает мой CSS в медиа-запросе. Я нашел этот пост почему мой css заменяется scss, который даже не включен, но я не могу использовать бол....
24 Июн 2021 в 23:15
У меня есть компонент, который должен отображать кнопку при переполнении текста. В настоящее время у меня text-overflow установлен как ellipsis, и я хочу, чтобы после этого отображалась кнопка. Это усложняется, потому что не существует фиксированного количества разрешенных символов или определенног....
22 Июн 2021 в 19:44
Я пытался построить следующее (фигма): В нынешнем виде я пробовал отступы, поля, элементы псевдоэлемента, пробелы, и я довольно застрял в том, что делать. Вы можете видеть, что на значке могут быть стили подчеркивания, но когда я устанавливаю расстояние от «ID», появляется пробел подчеркивания. М....
18 Июн 2021 в 13:00
Я знаю, что в ** CSS ** мы можем применить набор стилей к вложенным классам в элементах (показано на этой странице Применить правила CSS к вложенному классу внутри div). Сейчас я пытаюсь применить стиль к .......
17 Июн 2021 в 06:33
У меня есть несколько столбцов, которые мне нужно различать, когда по одному щелкают, чтобы активировать класс только на этом, и если активирован другой, чтобы деактивировать предыдущий и активировать тот. HTML <ion-col (click)="clickEvent()"><img [ngClass]="{'ico_device_mobile' : status}" src="as....
14 Июн 2021 в 15:44
Мне нужны три скина только разных цветов Как я могу создать их, чтобы реструктуризация файлов по умолчанию применялась автоматически к другим файлам? <div class="test"> Test </div> DefaultVariables.scss: $background: #f00; Default.scss: @import "defaultVariables.scss"; .test{ background:....
13 Июн 2021 в 13:33
Я работаю над проектом vue js для развития собственных навыков. Когда я меняю цвет фона переключателя bootstrap-vue, но, к сожалению, цвет фона не изменяется? Я новичок в Vue js. пожалуйста, решите эту проблему, если сможете? Vue Структура: - <div class="toggler-btn"> <b-form-checkbox v-model="....
12 Июн 2021 в 13:57
Я вижу, например, стиль div / button в консоли Chrome следующим образом: /* Chrome browser styles tab */ .ItemClass1-0-3-171.ItemClass2-0-3-173: { background-color: "red" } Как определить новый стиль в CSS, игнорируя номера классов? потому что это может быть другой номер для другого div / кно....
11 Июн 2021 в 22:06
У меня есть эта ссылка в моем styles.scss @import url ('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap'); Он работает нормально локально, но на производстве этот API не работает или заблокирован, как я могу разместить его в своем проекте, чтобы эта зависимость попад....
10 Июн 2021 в 09:18
Я хочу преобразовать указанный ниже формат CSS в SCSS с помощью переменных или методов. Подскажите, пожалуйста, как этого добиться. Формат CSS: .section-1-1{ margin-left:0; } .section-1-1 + .section-1-2 { margin-left: 15px; } .section-1-1 + .section-1-3 { margin-left: 15px; } .section-2-....
7 Июн 2021 в 21:10
Я пытаюсь разработать заголовок для проекта, через который я учусь реагировать с SASS. Заголовок выглядит следующим образом: Теперь, когда я париюсь над кнопкой «Войти», возникает следующая проблема: Проблема может быть не понятной, но когда я завис на кнопку входа, все другие элементы смещаются....
7 Июн 2021 в 17:34
Может кто-нибудь помочь мне сделать этот эффект на паре Это нормальный круг и при прохождении этого я хотел бы выглядеть таким образом и даже для вращения круга Заранее спасибо ....
5 Июн 2021 в 03:05
Я хочу разработать горизонтальное нарушение правила, которое представляет собой Line 1PX. В середине линии есть SVG. Поэтому я использую HR: до и HR: после этого: <hr class="linha" /> SCSS: hr.linha { border: 0; border-top: 1px solid $primary; height: 0; margin: 4rem auto 4rem; ....
2 Июн 2021 в 13:46
Файлы SCSS не обнаружены gramex даже после добавления обработчика (ui.sass). ....
1 Июн 2021 в 14:28
Я создаю 2 столбца с использованием CSS Grid AS: .Background { display: grid; grid-template-columns: 40% 60%; } Но по какой-то причине это не отзывчиво, я хочу изменить второй столбец (столбец изображения) ниже первого столбца. Как я могу добиться этого? Примере: Скрипка HTML: <section id="intr....
1 Июн 2021 в 03:47
Я хочу установить разные цвета для каждой команды в соответствии с цветом команды в угловом количестве, а данные Teamid исходит с бэкэнда. Я показываю список совпадений, используя * NGFO, так что невозможно стилить каждый матч Div. Пожалуйста, предложите мне, как стиль .Card: после динамично. Я пыта....
31 Май 2021 в 18:34
<div class="blog-card"> <div class="blog-card__item blog"> <div class="blog-card__img"> <img class="" src="./assests/img/2.jpg" alt=""> </div> <div class="blog-card__content"></div> Blog-Card__img Мне нужно сделать Di....
31 Май 2021 в 12:51
Я пытаюсь импортировать CreateglobalStyle из стилизованных компонентов, но он, кажется, не работает. Я установил пакет NPM в стиле компонентов, версия @ 3.4.10. const GlobalStyle = createGlobalStyle` html { height: 100% } * { padding: 0; margin: 0 } ` export default GlobalStyle Приве....
31 Май 2021 в 12:20
Я пытаюсь нарисовать прямоугольник на мыше, перетащите холст. Канавы наложены через HTML5 Video JS Player. Прямоугольник нарисован, но он не начинает спускаться из правильных координат. Мой холст (наложение по видео) оказывается некоторого поля, такого как пространство (не полета, я проверял его). Я....
31 Май 2021 в 11:26
Я использую шрифт Roboto в моем проекте React, и у меня есть странная проблема, когда я получаю доступ к моей заявке на местном уровне, шрифт не применяется к моим текстам, однако, если я открываю Element Inspector, и я снимаю проверку и перепроверьте свойство CSS (независимо от того, какой Один) шр....
31 Май 2021 в 00:04
Я пытаюсь полностью удалить звездочки с рельсов 6.1.3.2 с проектом Ruby 3.0 Один из вопросов / ответов Stackoverflow сказал, что мне нужно удалить драгоценный камень Sass-Rails из драгоценного устройства. Для Github Raus-Rails Github Repo: This gem provides official integration for Ruby on Rails pro....
30 Май 2021 в 22:44
Я пытался сделать навигационный бар. Когда страница загружает панель навигации, отлично работает, когда мышь наведите курсор на навигацию, кроме вкладок навигации, эффект Hover работает, в поле Animation следует за мышью, и когда мышь не находится на панели навигации, коробка возвращается в верхнюю ....
30 Май 2021 в 17:53
Поскольку многие из вас, вероятно, заметили, когда создают веб-сайт, более крупные размеры шрифтов обычно требуют меньшей высоты линии. В настоящее время у меня есть список размеров шрифта для заголовков в моем проекте SASS, я ищу функцию, которая может автоматически рассчитать привлекательной высот....
30 Май 2021 в 05:55
Я знаю, что CSS не поддерживает, если ищеное утверждение. Я хочу показать карту в моем доступе, если мое значение> 0. Css код: .card-counter { Коробка-тень: 2PX 2PX 10px #dadada; Маржа: 5 пикселей; Прокладки: 20px 10px; Цвет фона: #fff; Высота: 100px; Радиус границы: 5 пикселей; Переход: .3s линейны....