web_designe:sass

web_designe:sass:each

Anonymous (anonymous@undisclosed.example.com) — 2023-01-12T09:18:09+0000

Директива @each Директива @each обычно имеет вид @each $var in <список или карта значений>. $var может быть любой переменной, такой как $length или $name, и <список или карта значений> - это выражение SassScript, возвращающее список или карту значений.

web_designe:sass:extend

Anonymous (anonymous@undisclosed.example.com) — 2023-01-12T09:18:09+0000

Директива @extend Бывают случаи, когда один селектор должен иметь все стили другого, а также свои собственные. Самый распространенный способ - использовать общий селектор, либо более специфический. Допустим, у нас есть дизайн обычной ошибки и серьезной ошибки. Мы используем такой вариант разметки:…

web_designe:sass:fon-aweosome

Anonymous (anonymous@undisclosed.example.com) — 2023-01-12T09:18:09+0000

подключение fon-aweosome @import "../../node_modules/font-awesome/scss/font-awesome";

web_designe:sass:for

Anonymous (anonymous@undisclosed.example.com) — 2023-01-12T09:18:09+0000

Директива @for Директива @for выводит набор стилей заданное число раз. Для каждого повторения используется переменная-счётчик для изменения вывода.

web_designe:sass:funkcii

Anonymous (anonymous@undisclosed.example.com) — 2023-01-12T09:18:09+0000

Функции Существует возможность определить собственные функции в Sass и использовать их в любом значении или контексте скрипта. Например:

web_designe:sass:gulp

Anonymous (anonymous@undisclosed.example.com) — 2023-01-12T09:18:09+0000

Использование gulp Установка >>>npm install gulp-cli -g >>>npm install gulp -D >>>touch gulpfile.js >>>gulp --help gulpfile.js комманда запуска: >>>gulp hello выполнит сразу несколько вызовов

web_designe:sass:if

Anonymous (anonymous@undisclosed.example.com) — 2023-01-12T09:18:09+0000

Директива @if Директива @if принимает выражение SassScript и использует стили, вложенные в неё в случае, если выражение возвращает любое значение, кроме false или null:

web_designe:sass:import_fajlov

Anonymous (anonymous@undisclosed.example.com) — 2023-01-12T09:18:09+0000

Импорт CSS имеет возможность импорта, которая позволяет разделить ваш CSS-файл на более мелкие и облегчить@import, то в CSS создается еще один HTTP-запрос. Sass берет идею импорта файлов через директиву @import, но вместо создания отдельного HTTP-запроса Sass импортирует указанный в директиве файл в тот, где он вызывается, т.е. на выходе получается один…

web_designe:sass:media

Anonymous (anonymous@undisclosed.example.com) — 2023-01-12T09:18:09+0000

@media @media с мексинами

web_designe:sass:mixin

Anonymous (anonymous@undisclosed.example.com) — 2023-01-12T09:18:09+0000

Миксины (примеси) Некоторые вещи в CSS весьма утомительно писать, особенно в CSS3, где плюс ко всему зачастую требуется использовать большое количество вендорных префиксов. Миксины позволяют создавать группы деклараций

web_designe:sass:operatory

Anonymous (anonymous@undisclosed.example.com) — 2023-01-12T09:18:09+0000

Математические операторы Использовать математику в CSS очень полезно. Sass имеет несколько стандартных математических операторов, таких как +, -, *, / и %. В нашем примере мы совершаем простые математические вычисления для расчета ширины aside и article.

web_designe:sass:partials

Anonymous (anonymous@undisclosed.example.com) — 2023-01-12T09:18:09+0000

Partials Вы можете создавать файлы Sass, которые содержат небольшие фрагменты CSS, которые вы можете включить в другие файлы Sass. Это отличный способ модульности вашего

web_designe:sass:peremennye

Anonymous (anonymous@undisclosed.example.com) — 2023-01-12T09:18:09+0000

Переменные Думайте о переменных, как о способе хранения информации, которую вы хотите использовать на протяжении написания всех стилей проекта. Вы можете хранить в переменных цвета, стеки шрифтов или любые другие значения

web_designe:sass:ustanovka

Anonymous (anonymous@undisclosed.example.com) — 2023-01-12T09:18:09+0000

Установка sass гда вы используете Sass через командную строку, то для того, чтобы запустить компиляцию .sass и .scss в .css файлы введите команду sass. Например:

web_designe:sass:vstroennye_funkcii

Anonymous (anonymous@undisclosed.example.com) — 2023-01-12T09:18:09+0000

встроенные функции

web_designe:sass:while

Anonymous (anonymous@undisclosed.example.com) — 2023-01-12T09:18:09+0000

Директива @while Директива @while принимает выражение SassScript и циклично выводит вложенные в неё стили, пока выражение вычисляется как true. Она может быть использована для создания более сложных циклов, чем тех, для которых подходит @for, хотя она бывает необходима довольно редко. Например:…