@dflat-core/web 1.7.2080 → 1.7.2082

package/assets/variables.scss

@@ -1,93 +1,93 @@
-// Les variables du thème (theme-variables.scss) sont réexposées à qui charge ce fichier (@use ou @import).
-@forward "./theme-variables";
-@use "./theme-variables" as *;
-
-$header_height: 50px;
-$footer_height: 30px;
-$sidebar_width: 230px;
-
-$main_bg_color: #4465C9;
-
-
-
-
-// $header_height: 70px;
-$footer_height: 30px;
-// $sidebar_width: 480px;
-
-$mobile-screen: 480px;
-$small-screen: 768px;
-$large-screen: 980px;
-$wide-screen: 1200px;
-
-// Thème de couleurs Elnour
-$old-main: #FC9930;
-$main: #FC9324;
-$main-hover: #F97803; // à voir
-$main-opacity: #F3E0CB;
-
-// $primary: #24BE9f;
-
-$black_text: #272C5D;
-$black_text_light: #535353;
-$grey_text_light: #888888;
-$grey-border: #707070;
-$light-grey-border: #c3c3c3;
-$placeholder: #c3c3c3;
-
-$warning: #ffa500;
-
-// SVG Filters
-// See: https://codepen.io/sosuke/pen/Pjoqqp
-$main-svg-filter: invert(60%) sepia(99%) saturate(501%) hue-rotate(336deg) brightness(102%) contrast(98%);
-$primary-svg-filter: invert(67%) sepia(51%) saturate(566%) hue-rotate(117deg) brightness(82%) contrast(95%);
-$sidebar-back-active-filter: invert(11%) sepia(6%) saturate(2516%) hue-rotate(152deg) brightness(91%) contrast(88%);
-$white-filter: invert(100%) sepia(100%) saturate(18%) hue-rotate(251deg) brightness(104%) contrast(104%);
-$black-filter: invert(0%) sepia(76%) saturate(20%) hue-rotate(294deg) brightness(105%) contrast(104%);
-$black_text_filter: invert(17%) sepia(8%) saturate(6702%) hue-rotate(203deg) brightness(91%) contrast(93%);
-$black_text_light_filter: invert(33%) sepia(9%) saturate(15%) hue-rotate(336deg) brightness(90%) contrast(88%);
-$primary-hover-filter: invert(43%) sepia(97%) saturate(1264%) hue-rotate(133deg) brightness(101%) contrast(94%);
-$darkgrey-filter:invert(70%) sepia(0%) saturate(3789%) hue-rotate(32deg) brightness(91%) contrast(108%);
-$red-filter: invert(23%) sepia(96%) saturate(5276%) hue-rotate(354deg) brightness(104%) contrast(127%);
-$grey_text_light_filter: invert(62%) sepia(2%) saturate(0%) hue-rotate(356deg) brightness(87%) contrast(88%);
-$darkgrey: #a5a5a5;
-$darkgrey-2: #d5d5d5;
-$darkgrey-3: #d6d6d6;
-
-$form-grey: #fafafa;
-$grey: whitesmoke;
-$lightgrey: #f1f3f4;
-$disabled-grey-back: #E6E5E5;
-$disabled-grey-front: #bababa;
-
-$action-button-grey: #e6e6e6;
-$action-separator-grey: #e5e5e5;
-
-$action-button-grey-hover : #f6f6f6;
-
-$background-grey: #f5f5f5;
-$lightblue: #00C6F7;
-$white: #ffffff;
-
-$red-error: #da2128;
-$violet: #663999;
-// $algorima-blue: #2C52C9;
-$algorima-blue: #0A66C2;
-$job-offer-color: rgba(39,44,93,1);
-
-
-
-
-// $main-svg-filter: invert(24%) sepia(83%) saturate(1788%) hue-rotate(212deg) brightness(96%) contrast(90%);
-// $primary-svg-filter: invert(67%) sepia(51%) saturate(566%) hue-rotate(117deg) brightness(82%) contrast(95%);
-// $sidebar-back-active-filter: invert(11%) sepia(6%) saturate(2516%) hue-rotate(152deg) brightness(91%) contrast(88%);
-// $white-filter: invert(100%) sepia(100%) saturate(18%) hue-rotate(251deg) brightness(104%) contrast(104%);
-// $black-filter: invert(0%) sepia(76%) saturate(20%) hue-rotate(294deg) brightness(105%) contrast(104%);
-// $black_text_filter: invert(17%) sepia(8%) saturate(6702%) hue-rotate(203deg) brightness(91%) contrast(93%);
-// $black_text_light_filter: invert(33%) sepia(9%) saturate(15%) hue-rotate(336deg) brightness(90%) contrast(88%);
-// $primary-hover-filter: invert(43%) sepia(97%) saturate(1264%) hue-rotate(133deg) brightness(101%) contrast(94%);
-
-
-
-
-
+// Les variables du thème (theme-variables.scss) sont réexposées à qui charge ce fichier (@use ou @import).
+@forward "./theme-variables";
+@use "./theme-variables" as *;
+
+$header_height: 50px;
+$footer_height: 30px;
+$sidebar_width: 230px;
+
+$main_bg_color: #4465C9;
+
+
+
+
+// $header_height: 70px;
+$footer_height: 30px;
+// $sidebar_width: 480px;
+
+$mobile-screen: 480px;
+$small-screen: 768px;
+$large-screen: 980px;
+$wide-screen: 1200px;
+
+// Thème de couleurs Elnour
+$old-main: #FC9930;
+$main: #FC9324;
+$main-hover: #F97803; // à voir
+$main-opacity: #F3E0CB;
+
+// $primary: #24BE9f;
+
+$black_text: #272C5D;
+$black_text_light: #535353;
+$grey_text_light: #888888;
+$grey-border: #707070;
+$light-grey-border: #c3c3c3;
+$placeholder: #c3c3c3;
+
+$warning: #ffa500;
+
+// SVG Filters
+// See: https://codepen.io/sosuke/pen/Pjoqqp
+$main-svg-filter: invert(60%) sepia(99%) saturate(501%) hue-rotate(336deg) brightness(102%) contrast(98%);
+$primary-svg-filter: invert(67%) sepia(51%) saturate(566%) hue-rotate(117deg) brightness(82%) contrast(95%);
+$sidebar-back-active-filter: invert(11%) sepia(6%) saturate(2516%) hue-rotate(152deg) brightness(91%) contrast(88%);
+$white-filter: invert(100%) sepia(100%) saturate(18%) hue-rotate(251deg) brightness(104%) contrast(104%);
+$black-filter: invert(0%) sepia(76%) saturate(20%) hue-rotate(294deg) brightness(105%) contrast(104%);
+$black_text_filter: invert(17%) sepia(8%) saturate(6702%) hue-rotate(203deg) brightness(91%) contrast(93%);
+$black_text_light_filter: invert(33%) sepia(9%) saturate(15%) hue-rotate(336deg) brightness(90%) contrast(88%);
+$primary-hover-filter: invert(43%) sepia(97%) saturate(1264%) hue-rotate(133deg) brightness(101%) contrast(94%);
+$darkgrey-filter:invert(70%) sepia(0%) saturate(3789%) hue-rotate(32deg) brightness(91%) contrast(108%);
+$red-filter: invert(23%) sepia(96%) saturate(5276%) hue-rotate(354deg) brightness(104%) contrast(127%);
+$grey_text_light_filter: invert(62%) sepia(2%) saturate(0%) hue-rotate(356deg) brightness(87%) contrast(88%);
+$darkgrey: #a5a5a5;
+$darkgrey-2: #d5d5d5;
+$darkgrey-3: #d6d6d6;
+
+$form-grey: #fafafa;
+$grey: whitesmoke;
+$lightgrey: #f1f3f4;
+$disabled-grey-back: #E6E5E5;
+$disabled-grey-front: #bababa;
+
+$action-button-grey: #e6e6e6;
+$action-separator-grey: #e5e5e5;
+
+$action-button-grey-hover : #f6f6f6;
+
+$background-grey: #f5f5f5;
+$lightblue: #00C6F7;
+$white: #ffffff;
+
+$red-error: #da2128;
+$violet: #663999;
+// $algorima-blue: #2C52C9;
+$algorima-blue: #0A66C2;
+$job-offer-color: rgba(39,44,93,1);
+
+
+
+
+// $main-svg-filter: invert(24%) sepia(83%) saturate(1788%) hue-rotate(212deg) brightness(96%) contrast(90%);
+// $primary-svg-filter: invert(67%) sepia(51%) saturate(566%) hue-rotate(117deg) brightness(82%) contrast(95%);
+// $sidebar-back-active-filter: invert(11%) sepia(6%) saturate(2516%) hue-rotate(152deg) brightness(91%) contrast(88%);
+// $white-filter: invert(100%) sepia(100%) saturate(18%) hue-rotate(251deg) brightness(104%) contrast(104%);
+// $black-filter: invert(0%) sepia(76%) saturate(20%) hue-rotate(294deg) brightness(105%) contrast(104%);
+// $black_text_filter: invert(17%) sepia(8%) saturate(6702%) hue-rotate(203deg) brightness(91%) contrast(93%);
+// $black_text_light_filter: invert(33%) sepia(9%) saturate(15%) hue-rotate(336deg) brightness(90%) contrast(88%);
+// $primary-hover-filter: invert(43%) sepia(97%) saturate(1264%) hue-rotate(133deg) brightness(101%) contrast(94%);
+
+
+
+
+