NUXT_FRONTEND/assets/styles/settings/vars.less

/* шрифты */

@font-fallback-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif;
@font-main: 'Golos Text', @font-fallback-main;
@font-extra: 'Graphik LCG', @font-fallback-main;
@font-serifpro: 'Source Serif Pro';

/* секции */

@section-extra-max-width: 1352px;
@section-max-width: 1306px;
@section-padding: 20px;
@section-padding-m: 16px;

/* разрешения экрана и медиа-запросы */

@screen-xxs: 400px;
@screen-xs: 500px;
@screen-sm: 768px;
@screen-md: 1000px;
@screen-lg: 1200px;
@screen-xlg: 1300px;

@media-xxs: ~"all and (max-width: @{screen-xxs})";
@media-xs: ~"all and (max-width: @{screen-xs})";
@media-sm: ~"all and (max-width: @{screen-sm})";
@media-md: ~"all and (max-width: @{screen-md})";
@media-lg: ~"all and (max-width: @{screen-lg})";
@media-xlg: ~"all and (max-width: @{screen-xlg})";

/* анимация */

@transition-fast: .15s cubic-bezier(0.645, 0.045, 0.355, 1);
@transition-main: .3s cubic-bezier(0.645, 0.045, 0.355, 1);
@transition-slow: .5s cubic-bezier(0.645, 0.045, 0.355, 1);
@transition-slow-max: .6s cubic-bezier(0.645, 0.045, 0.355, 1);

/* цвета */

@color-black: #000;
@color-black-light: #3E3E3E;
@color-black-lighten: #4E4E4E;
@color-white: #fff;
@color-green: #3B9B00;
@color-orange: #FF7F00;
@color-blue: #23BAEA;
@color-dark-blue: #5A748B;
@color-blue-darken: #3B5573;
@color-dark-red: #AD0000;
@color-dark-orange: #F6911F;
@color-page: #F5F5F5;
@color-grey: #AEAEAE;
@color-grey-dark: #A8A8A8;
@color-grey-darken: #878787;
@color-footer: #EAEAEA;


/* Пути */

@path-img: '../img';
@path-font: '../fonts';