src/assets/less/libs/constants.less
@LAYER-COUCHE--2: 1;@LAYER-COUCHE--1: 2;@LAYER-COUCHE-1: 3;@LAYER-COUCHE-2: 4;@LAYER-ANIMATION: 5;@LAYER-SURANIMATION: 6; @background-color: #111116;@background-color-transition-d: lighten(#111116,3%);@background-color-transition-l: lighten(#111116,6%);@background-transparent: fade(#009bfa,50);@background-transparent-title: fade(#009bfa,30);@background-transparent-d: fade(#009bfa,10);@background-transparent-opaque: #0d1b29;@background-shadow: #000;@background-arrow-slider: #20a8fd;@background-text-animation: #0a2234;@text-color: #61C3FF;@text-color-h2: #1d1d23;@text-color-h2-lighter: #383840;@text-color-white: #FFF;@text-color-less-dark: darken(@text-color, 20%);@text-color-before-dark: darken(@text-color, 40%);@text-color-dark: fade(#003c61,40);@text-color-light: lighten(@text-color, 5%);@nav-color-right: linear-gradient(to right, @background-color 20%, @text-color-less-dark 80%);@nav-color-left: linear-gradient(to left, @background-color 20%, @text-color-less-dark 80%);@title-color-gradient: linear-gradient(to right, @text-color, @text-color-before-dark, @text-color); @font-name-1: 'Lato-Light-I'; @BACK_BLOCKS_DISTANCE: 4px;@background-bloc-0: @text-color;@background-bloc-1: darken(@text-color, 20%);@background-bloc-2: darken(@text-color, 40%);@background-bloc-3: darken(@text-color, 60%); @SCREEN_2200: 2200px;@SCREEN_1800: 1800px;@SCREEN_1600: 1600px;@SCREEN_1500: 1500px;@SCREEN_1400: 1400px;@SCREEN_1200: 1200px;@SCREEN_1100: 1100px;@SCREEN_1100: 1000px;@SCREEN_900: 900px;@TABLET: 768px;@MOBILE: 425px;@SMALL_MOBILE: 375px;