Експортуйте палітру кольорів у файл із змінними SCSS/LESS/CSS

Будь-яку палітру на ColorsWall можна завантажити файлом або у вигляді готових змінних, щоб ті самі кольори потрапили і в редактор, і в код.

як експортувати палітру кольорів у файл змінних SCSS/LESS/CSS?

Знайдіть свою палітру або створіть нову
Відкрийте посилання з палітрою (Наприклад: Bootstrap 4 Кольори )
Підійде сторінка будь-якої палітри, своєї чи чужої.
Натисніть кнопку «Експорт»
Вкладка «Файли» завантажує палітру у форматі ASE (Adobe Swatch Exchange, для Photoshop та Illustrator), SVG або JSON. Вкладки CSS, SCSS і LESS показують кольори у вигляді змінних, а вкладка «Кольори» дає простий список HEX-кодів у файлі .txt.
Виберіть тип файлу SCSS, LESS або CSS і натисніть кнопку «Завантажити»
Змінні отримують імена за назвами кольорів у палітрі, наприклад --color-sky-blue, або нумеруються --color-1, --color-2, якщо колір не має назви. У CSS-файлі вони зібрані в :root, тож він працює одразу.
Збережіть файл і насолоджуйтесь.

Експортуйте палітру кольорів у файл із змінними SCSS/LESS/CSS відеоурок

Хочете подивитися? У відео нижче покроково показано експорт палітри.