Вопрос Скажите что означает такая запись CSS ?

[Drake]

:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

Что такое :root, и что за написание --blue: #007bff - Это переменные ?

 

[никита77890]

Это css переменные

 

[дима56465423]

root{} здесь это некий css блок которым обозначается элемент и его свойства в нем я вижу цвета, шрифты, точки изображений

 

[облом]

это какой нибудь Sass

 

[я злой и страшный]

Blue и тд — коды цветов

 

[KroSS48]

Массив соответствий. Потом на HTML- странице встречается этот класс из css, не надо помнить шестнадцатеричные значения этих цветов, не надо перечислять эти шрифты, и не надо помнить эти пиксельные координаты а использовать их псевдонимы.

 

[zarko]

это не препроцессоры? less по-моему

 

[FreeManDL]

это не препроцессоры? less по-моему

Неее,не похоже,ты чего.

 

[zarko]

:root {
--blue: #007bff
--indigo: #6610f2
--purple: #6f42c1
--pink: #e83e8c
--red: #dc3545
--orange: #fd7e14
--yellow: #ffc107
--green: #28a745
--teal: #20c997
--cyan: #17a2b8
--white: #fff
--gray: #6c757d
--gray-dark: #343a40
--primary: #007bff
--secondary: #6c757d
--success: #28a745
--info: #17a2b8
--warning: #ffc107
--danger: #dc3545
--light: #f8f9fa
--dark: #343a40
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

Что такое :root, и что за написание --blue: #007bff - Это переменные ?

от blue до dark это цвета, font-famile-sans-serif и -monospace это семейство шрифтов. это sass препроцессор