Цвета
@black (#151515)
@black-dark (#000)
@white (#fff)
@smoke (#ebebeb)
@silver (#ccc)
@silver-dark (#999)
@gray (#e2e2e2)
@light-gray (#ccc)
@middle-gray (#888)
@dark-gray (#555)
@red (#a1221d)
@orange (#D49855)
@pink (#EDDDD9)
@green (#95B4B8)
Шрифты
Внимание: GothamPro везде вместо Montserrat
GothamPro Regular| .font(@fontSize); font-weight: normal;
GothamPro Bold | .font(@fontSize); font-weight: bold;
GothamPro Italic | .font(@fontSize); font-style: italic;
GothamPro Light | .font2(@fontSize); font-weight: normal;
Didot | .font4(@fontSize) font-weight: normal;
Ссылки
Продолжить покупки| a.link_gray
Формы
| input.form__input
| textarea.form__textarea
| div.select-custom > select.select
| div.select-custom.select-custom_dark > select.select
| .form__radio + label
| .form__checkbox + label
| .form__checkbox[checked="checked"] + label
| input.btn
| input.btn.btn_full
| input.btn.btn_small
Подписаться
| a.btn.btn_arr
| input.btn.btn_border
Найти салон
| a.btn.btn_store
Breakpoints (@media)
@desktop
only screen and (min-width: 1025px)
@narrowDesktop
only screen and (min-width: 1025px) and (max-width: 1150px)
@noDesktop
(max-width: 1024px)
@tablet
(max-width: 1024px) and (min-width: 768px)
@mobile
(max-width: 767px)
@mobile480
(max-width: 480px)
@noMobile
only screen and (min-width: 768px)
@retina
only screen and (-webkit-min-device-pixel-ratio: 1.5)", ~"only screen and (min--moz-device-pixel-ratio: 1.5)", ~"only screen and (-o-min-device-pixel-ratio: 3/2)", ~"only screen and (min-device-pixel-ratio: 1.5)
@ie9up
only screen and (min-width:0\0) and (min-resolution: +72dpi)