@dflat-core/web 1.7.2080 → 1.7.2082

package/assets/text.scss

@@ -1,170 +1,170 @@
-
-$white: #ffffff;
-$filter-white: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(258deg) brightness(108%) contrast(101%);
-
-$blue-0: #f7faff;
-$blue-1:#ebf0ff;
-$blue-2:#DBE4FF;
-$blue-3:#C1D0FD;
-
-$primary-hover: #8EA7F8;
-
-$blue-4:#8EA7F8;
-$filter-blue-4: invert(60%) sepia(57%) saturate(394%) hue-rotate(191deg) brightness(99%) contrast(96%);
-
-$blue-5:#6684E0;
-$filter-blue-5: brightness(0) saturate(100%) invert(56%) sepia(79%) saturate(2301%) hue-rotate(202deg) brightness(92%) contrast(91%);
-
-$blue-6:#5272D3;
-$filter-blue-6: brightness(0) saturate(100%) invert(33%) sepia(94%) saturate(663%) hue-rotate(197deg) brightness(102%) contrast(85%);
-
-$blue-7:#4465C9;
-$filter-blue-7: brightness(0) saturate(100%) invert(36%) sepia(91%) saturate(628%) hue-rotate(191deg) brightness(89%) contrast(85%);
-
-$blue-8:#3C5DC4;
-$filter-blue-8: invert(31%) sepia(51%) saturate(1323%) hue-rotate(199deg) brightness(99%) contrast(94%);
-
-// Bleu foncé (icônes des actions) : bleu 7 assombri d'un quart.
-$blue-9:#334C97;
-$filter-blue-9: $filter-blue-7 brightness(75%);
-
-$blue-border : #C4D0F9;
-
-$dark-grey: #4D5A81;
-$filter-dark-grey:  invert(31%) sepia(8%) saturate(2329%) hue-rotate(188deg) brightness(103%) contrast(85%);
-
-$filter-icons: $filter-dark-grey;
-
-$light-grey: #9FA9C7;
-$grey-0: #f7f7f7;
-
-$blue-pastel: #00cbff;
-$yellow: #FFE780;
-
-$red: #F78383;
-$filter-red: brightness(0) saturate(100%) invert(70%) sepia(93%) saturate(1540%) hue-rotate(309deg) brightness(105%) contrast(94%);
-
-$green: #84F0A6;
-
-// Rouge des astérisques des champs obligatoires : icône du bouton Enregistrer activé.
-$red-required: #D1353A;
-$filter-red-required: brightness(0) saturate(100%) invert(25%) sepia(61%) saturate(2196%) hue-rotate(334deg) brightness(100%) contrast(94%);
-
-.home-page {
-    font-family: 'Open sans', sans-serif;
-    // font-size: 16px;
-    // font-weight: 400;
-    background: $white;
-    -webkit-font-smoothing: antialiased;
-    height: 100%;
-    width: 100%;
-    padding: 16px;
-}
-
-.main-container {
-    margin: 0px 50px;
-}
-.main-container-modal {
-    width: calc(100% - 50px);
-    margin: 10px 25px 0px 25px;
-}
-
-.moyen-titre {
-    font-weight: bold;
-    font-size: 24px;
-    color: $dark-grey;
-    margin: 8px 0px 8px 0px;
-    border-bottom: solid 1px $blue-2;
-}
-
-.grand-titre {
-    font-weight: bold;
-    font-size: 28px;
-    color: $dark-grey;
-    margin: 0px 0px 8px 0px;
-}
-
-.petit-titre {
-    font-weight: bold;
-    font-size: 16px;
-    color: $dark-grey;
-    margin: 0px 0px 8px 0px;
-    
-}
-.petit-titre.underlined {
-    border-bottom: solid 1px $dark-grey;
-}
-
-.paragraph {
-    padding: 0px 15px;
-}
-
-.paragraph-highlight
-{
-    padding: 5px 15px 0px 12px;
-    border-left :5px solid $blue-4;
-    border-bottom: 1px solid $blue-2;
-    border-top: 1px solid $blue-2;
-    border-right: 1px solid $blue-2;
-    background-color: $blue-0;
-}
-
-.highlight {
-    background-color: $blue-0;
-    border: 1px solid $blue-2;
-    border-radius: 5px;
-    padding: 15px;
-    color: $blue-8;
-    margin: 0px 0px 16px 0px;
-
-    p {
-        margin-bottom: 0px;
-    }
-}
-
-
-.highlight::before {
-    position: relative;
-    display: block;
-    float: left;
-    width: 24px;
-    height: 24px;
-    content: ' ';
-    background-size: 24px 24px;
-    -webkit-background-size: 24px 24px;
-    background-image: url('./images/allergen.svg');
-    background-repeat: no-repeat;
-    margin: 0px 8px 24px 0px;
-    filter: $filter-blue-8;
-}
-
-.notification {
-    background-color: $blue-2;
-    border: 1px solid $blue-border;
-    border-radius: 5px;
-    padding: 15px;
-    color: $dark-grey;
-    margin: 16px;
-    padding: 5px 15px 5px 15px;
-    text-align: justify;
-}
-
-.notification::before {
-        position: relative;
-        display: block;
-        float: left;
-        width: 24px;
-        height: 24px;
-        content: ' ';
-        background-size: 24px 24px;
-        -webkit-background-size: 24px 24px;
-        background-image: url('./images/info-circle.svg');
-        background-repeat: no-repeat;
-        margin: 0px 8px 0px 0px;
-        filter: $filter-dark-grey;
-}
-
-.notification-text {
-    padding: 0px 15px 0px 30px;
-    font-size: 16px;
+
+$white: #ffffff;
+$filter-white: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(258deg) brightness(108%) contrast(101%);
+
+$blue-0: #f7faff;
+$blue-1:#ebf0ff;
+$blue-2:#DBE4FF;
+$blue-3:#C1D0FD;
+
+$primary-hover: #8EA7F8;
+
+$blue-4:#8EA7F8;
+$filter-blue-4: invert(60%) sepia(57%) saturate(394%) hue-rotate(191deg) brightness(99%) contrast(96%);
+
+$blue-5:#6684E0;
+$filter-blue-5: brightness(0) saturate(100%) invert(56%) sepia(79%) saturate(2301%) hue-rotate(202deg) brightness(92%) contrast(91%);
+
+$blue-6:#5272D3;
+$filter-blue-6: brightness(0) saturate(100%) invert(33%) sepia(94%) saturate(663%) hue-rotate(197deg) brightness(102%) contrast(85%);
+
+$blue-7:#4465C9;
+$filter-blue-7: brightness(0) saturate(100%) invert(36%) sepia(91%) saturate(628%) hue-rotate(191deg) brightness(89%) contrast(85%);
+
+$blue-8:#3C5DC4;
+$filter-blue-8: invert(31%) sepia(51%) saturate(1323%) hue-rotate(199deg) brightness(99%) contrast(94%);
+
+// Bleu foncé (icônes des actions) : bleu 7 assombri d'un quart.
+$blue-9:#334C97;
+$filter-blue-9: $filter-blue-7 brightness(75%);
+
+$blue-border : #C4D0F9;
+
+$dark-grey: #4D5A81;
+$filter-dark-grey:  invert(31%) sepia(8%) saturate(2329%) hue-rotate(188deg) brightness(103%) contrast(85%);
+
+$filter-icons: $filter-dark-grey;
+
+$light-grey: #9FA9C7;
+$grey-0: #f7f7f7;
+
+$blue-pastel: #00cbff;
+$yellow: #FFE780;
+
+$red: #F78383;
+$filter-red: brightness(0) saturate(100%) invert(70%) sepia(93%) saturate(1540%) hue-rotate(309deg) brightness(105%) contrast(94%);
+
+$green: #84F0A6;
+
+// Rouge des astérisques des champs obligatoires : icône du bouton Enregistrer activé.
+$red-required: #D1353A;
+$filter-red-required: brightness(0) saturate(100%) invert(25%) sepia(61%) saturate(2196%) hue-rotate(334deg) brightness(100%) contrast(94%);
+
+.home-page {
+    font-family: 'Open sans', sans-serif;
+    // font-size: 16px;
+    // font-weight: 400;
+    background: $white;
+    -webkit-font-smoothing: antialiased;
+    height: 100%;
+    width: 100%;
+    padding: 16px;
+}
+
+.main-container {
+    margin: 0px 50px;
+}
+.main-container-modal {
+    width: calc(100% - 50px);
+    margin: 10px 25px 0px 25px;
+}
+
+.moyen-titre {
+    font-weight: bold;
+    font-size: 24px;
+    color: $dark-grey;
+    margin: 8px 0px 8px 0px;
+    border-bottom: solid 1px $blue-2;
+}
+
+.grand-titre {
+    font-weight: bold;
+    font-size: 28px;
+    color: $dark-grey;
+    margin: 0px 0px 8px 0px;
+}
+
+.petit-titre {
+    font-weight: bold;
+    font-size: 16px;
+    color: $dark-grey;
+    margin: 0px 0px 8px 0px;
+    
+}
+.petit-titre.underlined {
+    border-bottom: solid 1px $dark-grey;
+}
+
+.paragraph {
+    padding: 0px 15px;
+}
+
+.paragraph-highlight
+{
+    padding: 5px 15px 0px 12px;
+    border-left :5px solid $blue-4;
+    border-bottom: 1px solid $blue-2;
+    border-top: 1px solid $blue-2;
+    border-right: 1px solid $blue-2;
+    background-color: $blue-0;
+}
+
+.highlight {
+    background-color: $blue-0;
+    border: 1px solid $blue-2;
+    border-radius: 5px;
+    padding: 15px;
+    color: $blue-8;
+    margin: 0px 0px 16px 0px;
+
+    p {
+        margin-bottom: 0px;
+    }
+}
+
+
+.highlight::before {
+    position: relative;
+    display: block;
+    float: left;
+    width: 24px;
+    height: 24px;
+    content: ' ';
+    background-size: 24px 24px;
+    -webkit-background-size: 24px 24px;
+    background-image: url('./images/allergen.svg');
+    background-repeat: no-repeat;
+    margin: 0px 8px 24px 0px;
+    filter: $filter-blue-8;
+}
+
+.notification {
+    background-color: $blue-2;
+    border: 1px solid $blue-border;
+    border-radius: 5px;
+    padding: 15px;
+    color: $dark-grey;
+    margin: 16px;
+    padding: 5px 15px 5px 15px;
+    text-align: justify;
+}
+
+.notification::before {
+        position: relative;
+        display: block;
+        float: left;
+        width: 24px;
+        height: 24px;
+        content: ' ';
+        background-size: 24px 24px;
+        -webkit-background-size: 24px 24px;
+        background-image: url('./images/info-circle.svg');
+        background-repeat: no-repeat;
+        margin: 0px 8px 0px 0px;
+        filter: $filter-dark-grey;
+}
+
+.notification-text {
+    padding: 0px 15px 0px 30px;
+    font-size: 16px;
 }

package/assets/theme-variables.scss

@@ -1,100 +1,100 @@
 // Variables du thème Pulse (Bootswatch 4.3.1, licence MIT), propres au package : couleurs, polices
 // et variables Bootstrap redéfinies (le package bootswatch n'est plus une dépendance).
-
-//
-// Color system
-//
-
-$white:    #fff !default;
-$gray-100: #fafafa !default;
-$gray-200: #F9F8FC !default;
-$gray-300: #EDEDED !default;
-$gray-400: #cbc8d0 !default;
-$gray-500: #adb5bd !default;
-$gray-600: #868e96 !default;
-$gray-700: #444 !default;
-$gray-800: #343a40 !default;
-$gray-900: #17141F !default;
-$black:    #000 !default;
-
-$blue:    #007bff !default;
-$indigo:  #4465C9 !default;
-$purple:  #4465C9 !default;
-$pink:    #e83e8c !default;
-$red:     #FC3939 !default;
-$orange:  #fd7e14 !default;
-$yellow:  #EFA31D !default;
-$green:   #13B955 !default;
-$teal:    #20c997 !default;
-$cyan:    #009CDC !default;
-
-$primary:       $purple !default;
-$secondary:     $gray-200 !default;
-$success:       $green !default;
-$info:          $cyan !default;
-$warning:       $yellow !default;
-$danger:        $red !default;
-$light:         $gray-200 !default;
-$dark:          $gray-900 !default;
-
-// Options
-
-$enable-rounded: false !default;
-
-// Body
-
-$body-color:                $gray-700 !default;
-
-// Links
-
-$link-hover-color:          $primary !default;
-
-// Fonts
-
-$font-size-base:              0.875rem !default;
-
-// Tables
-
-$table-border-color:          rgba(0, 0, 0, 0.05) !default;
-
-// Forms
-
-$input-focus-border-color:              $primary !default;
-
-// Dropdowns
-
-$dropdown-link-color:               $gray-700 !default;
-$dropdown-link-hover-color:         $white !default;
-$dropdown-link-hover-bg:            $primary !default;
-
-// Navs
-
-$nav-tabs-border-color:             $gray-300 !default;
-$nav-tabs-link-hover-border-color:  $primary !default;
-
-// Navbar
-
-$navbar-padding-y:                  1.2rem !default;
-
-$navbar-dark-hover-color:           rgba($white,.9) !default;
-$navbar-dark-active-color:          rgba($white,.9) !default;
-
-$navbar-light-color:                rgba($black,.4) !default;
-$navbar-light-active-color:         rgba($black,.7) !default;
-$navbar-light-disabled-color:       rgba($black,.2) !default;
-
-// Progress bars
-
-$progress-bg:                       $gray-300 !default;
-$progress-bar-bg:                   $primary !default;
-
-// List group
-
-$list-group-bg:                     $gray-900 !default;
-$list-group-border-color:           transparent !default;
-
-$list-group-hover-bg:               lighten($list-group-bg, 10%) !default;
-$list-group-active-color:           $white !default;
-$list-group-active-bg:              $list-group-bg !default;
-
-$list-group-disabled-color:         lighten($list-group-bg, 30%) !default;
+
+//
+// Color system
+//
+
+$white:    #fff !default;
+$gray-100: #fafafa !default;
+$gray-200: #F9F8FC !default;
+$gray-300: #EDEDED !default;
+$gray-400: #cbc8d0 !default;
+$gray-500: #adb5bd !default;
+$gray-600: #868e96 !default;
+$gray-700: #444 !default;
+$gray-800: #343a40 !default;
+$gray-900: #17141F !default;
+$black:    #000 !default;
+
+$blue:    #007bff !default;
+$indigo:  #4465C9 !default;
+$purple:  #4465C9 !default;
+$pink:    #e83e8c !default;
+$red:     #FC3939 !default;
+$orange:  #fd7e14 !default;
+$yellow:  #EFA31D !default;
+$green:   #13B955 !default;
+$teal:    #20c997 !default;
+$cyan:    #009CDC !default;
+
+$primary:       $purple !default;
+$secondary:     $gray-200 !default;
+$success:       $green !default;
+$info:          $cyan !default;
+$warning:       $yellow !default;
+$danger:        $red !default;
+$light:         $gray-200 !default;
+$dark:          $gray-900 !default;
+
+// Options
+
+$enable-rounded: false !default;
+
+// Body
+
+$body-color:                $gray-700 !default;
+
+// Links
+
+$link-hover-color:          $primary !default;
+
+// Fonts
+
+$font-size-base:              0.875rem !default;
+
+// Tables
+
+$table-border-color:          rgba(0, 0, 0, 0.05) !default;
+
+// Forms
+
+$input-focus-border-color:              $primary !default;
+
+// Dropdowns
+
+$dropdown-link-color:               $gray-700 !default;
+$dropdown-link-hover-color:         $white !default;
+$dropdown-link-hover-bg:            $primary !default;
+
+// Navs
+
+$nav-tabs-border-color:             $gray-300 !default;
+$nav-tabs-link-hover-border-color:  $primary !default;
+
+// Navbar
+
+$navbar-padding-y:                  1.2rem !default;
+
+$navbar-dark-hover-color:           rgba($white,.9) !default;
+$navbar-dark-active-color:          rgba($white,.9) !default;
+
+$navbar-light-color:                rgba($black,.4) !default;
+$navbar-light-active-color:         rgba($black,.7) !default;
+$navbar-light-disabled-color:       rgba($black,.2) !default;
+
+// Progress bars
+
+$progress-bg:                       $gray-300 !default;
+$progress-bar-bg:                   $primary !default;
+
+// List group
+
+$list-group-bg:                     $gray-900 !default;
+$list-group-border-color:           transparent !default;
+
+$list-group-hover-bg:               lighten($list-group-bg, 10%) !default;
+$list-group-active-color:           $white !default;
+$list-group-active-bg:              $list-group-bg !default;
+
+$list-group-disabled-color:         lighten($list-group-bg, 30%) !default;