@iris.interactive/handcook 1.0.12 → 2.0.0

package/public/styles/scss/_layout.scss

@@ -1,213 +0,0 @@
-/*
-  * Created by IRIS Interactive
-  * User : IRIS Interactive
-*/
-
-// Body layout
-body.fullscreen {
-    .header {
-        height: $header;
-
-        @include breakpoint(medium) {
-            height: $header-small;
-        }
-    }
-
-    .alignheight {
-        height: calc(100vh - #{$header});
-
-        @include breakpoint(medium) {
-            height: calc(100vh - #{$header-small});
-        }
-    }
-
-    .header .banner,
-    .footer,
-    .prefooter {
-        display: none;
-    }
-}
-
-/* Margin section
-/ ================================================== */
-.section {
-    position: relative;
-    margin-top: $section-margin-top;
-    margin-bottom: $section-margin-bottom;
-
-    @include breakpoint(medium) {
-        margin-top: $section-margin-top-small;
-        margin-bottom: $section-margin-bottom-small;
-    }
-
-    .fullscreen & {
-        margin-top: 0;
-        margin-bottom: 0;
-    }
-}
-
-.section-tools {
-    position: absolute;
-    z-index: 1;
-    top: 0;
-    left: 0;
-    margin-left: 30px;
-
-    @include breakpoint(large) {
-        display: none;
-    }
-}
-
-.section-tools__item {
-    @include d-flex(center, center, column);
-    margin-bottom: 20px;
-
-    @include breakpoint(large) {
-        font-size: $font-size-small;
-    }
-
-    @include breakpoint(medium) {
-        @include d-flex(center, center, row);
-
-        > * {
-            margin: 0 3px;
-
-            &:first-child {
-                margin-left: 0;
-            }
-        }
-    }
-
-    @include breakpoint(small) {
-        margin: 0 $margin-small;
-        @include d-flex(flex-start, center, row);
-        width: calc(100% - #{$margin-small} * 2);
-    }
-
-    @include breakpoint(xsmall) {
-        margin: 0 $margin-xsmall;
-        width: calc(100% - #{$margin-xsmall} * 2);
-    }
-}
-
-
-/* Width element
-/ ================================================== */
-.article > * {
-
-    &:not(.alignwide):not(.alignfull) {
-        max-width: $article;
-        margin-left: auto;
-        margin-right: auto;
-    }
-
-    &:not(.alignfull) {
-
-        @include breakpoint(large) {
-            width: calc(100% - #{$margin-xlarge} * 2);
-        }
-
-        @include breakpoint(medium) {
-            width: calc(100% - #{$margin-large} * 2);
-        }
-
-        @include breakpoint(small) {
-            width: calc(100% - #{$margin-small} * 2);
-        }
-
-        @include breakpoint(xsmall) {
-            width: calc(100% - #{$margin-xsmall} * 2);
-        }
-    }
-}
-
-.alignwide {
-    max-width: $container;
-    margin-left: auto;
-    margin-right: auto;
-
-    // TODO : gestion des marges dans le cas des strates full (ex. Blog > post-video, carousels)
-    // TODO then : supprimer les padding left & right des strates carousel + vérifs des sliders sur les différentes réso (marges, visibilité des items etc)
-    //.alignfull > & {
-    //    margin-left: 40px;
-    //    margin-right: 40px;
-    //}
-}
-
-.container {
-    max-width: $container;
-    margin-left: auto;
-    margin-right: auto;
-
-    @include breakpoint(large) {
-        width: calc(100% - #{$margin-large} * 2);
-    }
-
-    @include breakpoint(medium) {
-        width: calc(100% - #{$margin-medium} * 2);
-    }
-
-    @include breakpoint(small) {
-        width: calc(100% - #{$margin-small} * 2);
-    }
-
-    @include breakpoint(xsmall) {
-        width: calc(100% - #{$margin-xsmall} * 2);
-    }
-}
-
-.alignheight {
-    height: 100vh;
-}
-
-// Full width inside containers
-.full-width {
-    margin-left: calc(50% - 50vw);
-    margin-right: calc(50% - 50vw);
-}
-
-/* Margin element
-/ ================================================== */
-.hentry {
-
-    // On définie les marges sur les titres uniquement sur ceux de 1er niveau
-    // Pour les titres dans les blocs (colonne, mise en avant...) les marges sont définies dans le bloc
-    > h1,
-    > h2,
-    > h3,
-    > h4,
-    > h5,
-    > h6 {
-        margin-top: $title-margin-top;
-        margin-bottom: $title-margin-bottom;
-
-        @include breakpoint(small) {
-            margin-top: $title-margin-top-small;
-            margin-bottom: $title-margin-bottom-small;
-        }
-    }
-
-    // TODO no style liste
-    ul:not(.not-list-style),
-    ol:not(.not-list-style),
-    p {
-        margin-bottom: $text-margin-bottom;
-    }
-
-    > *[class] {
-        margin-top: $block-margin-top;
-        margin-bottom: $block-margin-bottom;
-
-        @include breakpoint(small) {
-            margin-top: $block-margin-top-small;
-            margin-bottom: $block-margin-bottom-small;
-        }
-    }
-}
-
-
-/* TODO
-/ ================================================== */
-//.wp-block {
-//    position: relative;
-//}

package/public/styles/scss/lib/_etourisme-font.scss

@@ -1,55 +0,0 @@
-
-// Fonts file
-@font-face {
-    font-family: 'etourisme-font';
-    font-weight: normal;
-    font-style: normal;
-    src: url("#{$svgfont_path}/etourisme/etourisme-font.eot"),
-    url("#{$svgfont_path}/etourisme/etourisme-font.woff") format('woff'),
-    url("#{$svgfont_path}/etourisme/etourisme-font.ttf") format('truetype'),
-    url("#{$svgfont_path}/etourisme/etourisme-font.eot?#iefix") format('embedded-opentype'),
-    url("#{$svgfont_path}/etourisme/etourisme-font.svg#etourisme-font") format('svg');
-    font-display: swap;
-}
-
-// Array fonts to mixin
-$etourisme-icons: (
-    'etourisme':
-	(
-		"danger": "\ea01",
-		"denivele": "\ea02",
-		"distance": "\ea03",
-		"duration": "\ea04",
-		"environment": "\ea05",
-		"file-downlaod": "\ea06",
-		"flag": "\ea07",
-		"itinerary": "\ea08",
-		"level": "\ea09",
-		"location-on": "\ea0a",
-		"loop": "\ea0b",
-		"path": "\ea0c",
-		"period": "\ea0d"
-	)
-
-);
-
-$allicons: map-merge($allicons, $etourisme-icons);
-
-.ei:before,
-.ei:after {
-    color: $icon-color;
-    display: inline-block;
-    vertical-align: middle;
-    font-family: 'etourisme-font', sans-serif;
-    font-style: initial;
-}
-
-@each $name, $icon in map-get($etourisme-icons,'etourisme') {
-        .ei--#{$name}:not(.ei--after):before {
-            content: $icon;
-        }
-
-        .ei--#{$name}.ei--after:after {
-            content: $icon;
-        }
-    }

package/public/styles/scss/lib/_info-neige-font.scss

@@ -1,36 +0,0 @@
-
-// Fonts file
-@font-face {
-    font-family: 'info-neige-font';
-    font-weight: normal;
-    font-style: normal;
-    src: url('#{$svgfont_path}/info-neige/info-neige-font.eot'),
-    url('#{$svgfont_path}/info-neige/info-neige-font.woff') format('woff'),
-    url('#{$svgfont_path}/info-neige/info-neige-font.ttf') format('truetype'),
-    url('#{$svgfont_path}/info-neige/info-neige-font.eot?#iefix') format('embedded-opentype'),
-    url('#{$svgfont_path}/info-neige/info-neige-font.svg#info-neige-font') format('svg');
-    font-display: swap;
-}
-
-// Array fonts to mixin
-$info-neige-icons: (
-    'info-neige': 
-	(
-		"bullet": "\ea01"
-	)
-
-);
-
-$allicons: map-merge($allicons, $info-neige-icons);
-
-// Fonts class
-.ni:before {
-    font-family: 'info-neige-font', sans-serif;
-    font-style: initial;
-}
-
-@each $name, $icon in map-get($info-neige-icons, 'info-neige') {
-    .ni-#{$name}:before {
-        content: $icon;
-    }
-}

package/public/styles/scss/lib/_iris-tides-font.scss

@@ -1,38 +0,0 @@
-
-// Fonts file
-@font-face {
-    font-family: 'iris-tides-font';
-    font-weight: normal;
-    font-style: normal;
-    src: url('#{$svgfont_path}/iris-tides/iris-tides-font.eot'),
-    url('#{$svgfont_path}/iris-tides/iris-tides-font.woff') format('woff'),
-    url('#{$svgfont_path}/iris-tides/iris-tides-font.ttf') format('truetype'),
-    url('#{$svgfont_path}/iris-tides/iris-tides-font.eot?#iefix') format('embedded-opentype'),
-    url('#{$svgfont_path}/iris-tides/iris-tides-font.svg#iris-tides-font') format('svg');
-    font-display: swap;
-}
-
-// Array fonts to mixin
-$iris-tides-icons: (
-    'iris-tides': 
-	(
-		"coefficient": "\ea01",
-		"high-tide": "\ea02",
-		"low-tide": "\ea03"
-	)
-
-);
-
-$allicons: map-merge($allicons, $iris-tides-icons);
-
-// Fonts class
-.ti:before {
-    font-family: 'iris-tides-font', sans-serif;
-    font-style: initial;
-}
-
-@each $name, $icon in map-get($iris-tides-icons, 'iris-tides') {
-    .ti-#{$name}:before {
-        content: $icon;
-    }
-}

package/public/styles/scss/lib/_iris-weather-font.scss

@@ -1,47 +0,0 @@
-
-// Fonts file
-@font-face {
-    font-family: 'iris-weather-font';
-    font-weight: normal;
-    font-style: normal;
-    src: url('#{$svgfont_path}/iris-weather/iris-weather-font.eot'),
-    url('#{$svgfont_path}/iris-weather/iris-weather-font.woff') format('woff'),
-    url('#{$svgfont_path}/iris-weather/iris-weather-font.ttf') format('truetype'),
-    url('#{$svgfont_path}/iris-weather/iris-weather-font.eot?#iefix') format('embedded-opentype'),
-    url('#{$svgfont_path}/iris-weather/iris-weather-font.svg#iris-weather-font') format('svg');
-    font-display: swap;
-}
-
-// Array fonts to mixin
-$weather-icons: (
-    'iris-weather': 
-	(
-		"day-cloudy": "\ea01",
-		"day-fog": "\ea02",
-		"day-rain": "\ea03",
-		"day-sleet": "\ea04",
-		"day-snow": "\ea05",
-		"day-sunny": "\ea06",
-		"day-windy": "\ea07",
-		"flag-wind": "\ea08",
-		"humidity": "\ea09",
-		"night-clear": "\ea0a",
-		"night-cloudy": "\ea0b",
-		"thermostat": "\ea0c"
-	)
-
-);
-
-$allicons: map-merge($allicons, $weather-icons);
-
-// Fonts class
-.wi:before {
-    font-family: 'iris-weather-font', sans-serif;
-    font-style: initial;
-}
-
-@each $name, $icon in map-get($weather-icons, 'iris-weather') {
-    .wi-#{$name}:before {
-        content: $icon;
-    }
-}

package/public/styles/scss/lib/_theme-font.scss

@@ -1,135 +0,0 @@
-
-// Fonts file
-@font-face {
-    font-family: 'theme-font';
-    font-weight: normal;
-    font-style: normal;
-    src: url("#{$svgfont_path}/theme/theme-font.eot"),
-    url("#{$svgfont_path}/theme/theme-font.woff") format('woff'),
-    url("#{$svgfont_path}/theme/theme-font.ttf") format('truetype'),
-    url("#{$svgfont_path}/theme/theme-font.eot?#iefix") format('embedded-opentype'),
-    url("#{$svgfont_path}/theme/theme-font.svg#theme-font") format('svg');
-    font-display: swap;
-}
-
-// Array fonts to mixin
-$theme-icons: (
-    'theme':
-	(
-		"activites": "\ea01",
-		"add-location-alt-line": "\ea02",
-		"add-location-alt": "\ea03",
-		"add": "\ea04",
-		"arrow-back": "\ea05",
-		"arrow-downward": "\ea06",
-		"arrow-forward": "\ea07",
-		"arrow-upward": "\ea08",
-		"beenhere": "\ea09",
-		"by-a-boat": "\ea0a",
-		"by-car": "\ea0b",
-		"by-plane": "\ea0c",
-		"by-train": "\ea0d",
-		"calendar-today": "\ea0e",
-		"call": "\ea0f",
-		"capacity-banquet": "\ea10",
-		"capacity-carre": "\ea11",
-		"capacity-class": "\ea12",
-		"capacity-cocktail": "\ea13",
-		"capacity-modular": "\ea14",
-		"capacity-theatre": "\ea15",
-		"capacity-u": "\ea16",
-		"category": "\ea17",
-		"centered-position": "\ea18",
-		"check-box": "\ea19",
-		"chevron-bottom": "\ea1a",
-		"chevron-left": "\ea1b",
-		"chevron-right": "\ea1c",
-		"chevron-top": "\ea1d",
-		"circle": "\ea1e",
-		"close": "\ea1f",
-		"computer": "\ea20",
-		"confirmation-number": "\ea21",
-		"credit-score": "\ea22",
-		"delete-forever": "\ea23",
-		"direction-run": "\ea24",
-		"edit": "\ea25",
-		"email": "\ea26",
-		"error": "\ea27",
-		"event-available": "\ea28",
-		"facebook": "\ea29",
-		"favorite-filled": "\ea2a",
-		"favorite": "\ea2b",
-		"file-download": "\ea2c",
-		"file-upload": "\ea2d",
-		"filter": "\ea2e",
-		"forward-to-inbox": "\ea2f",
-		"fullscreen": "\ea30",
-		"group": "\ea31",
-		"hebergement": "\ea32",
-		"hebergements": "\ea33",
-		"hotel": "\ea34",
-		"infos-pratiques": "\ea35",
-		"instagram": "\ea36",
-		"layers": "\ea37",
-		"local-activity": "\ea38",
-		"location-on-line": "\ea39",
-		"location-on": "\ea3a",
-		"map": "\ea3b",
-		"menu-book": "\ea3c",
-		"mic": "\ea3d",
-		"photo-camera": "\ea3e",
-		"picture-as-pdf": "\ea3f",
-		"play-circle": "\ea40",
-		"print": "\ea41",
-		"question-answer": "\ea42",
-		"quote": "\ea43",
-		"remove": "\ea44",
-		"replay": "\ea45",
-		"reply": "\ea46",
-		"reset": "\ea47",
-		"restaurant": "\ea48",
-		"restaurants": "\ea49",
-		"schedule": "\ea4a",
-		"search": "\ea4b",
-		"sell": "\ea4c",
-		"share": "\ea4d",
-		"shopping-cart": "\ea4e",
-		"sites-visites": "\ea4f",
-		"support": "\ea50",
-		"thermostat": "\ea51",
-		"thumb-down": "\ea52",
-		"thumb-up": "\ea53",
-		"toggle-off": "\ea54",
-		"toggle-on": "\ea55",
-		"twitter": "\ea56",
-		"videocam": "\ea57",
-		"visibility": "\ea58",
-		"volume-off": "\ea59",
-		"volume-up": "\ea5a",
-		"whatsapp": "\ea5b",
-		"work": "\ea5c",
-		"youtube": "\ea5d"
-	)
-
-);
-
-$allicons: map-merge($allicons, $theme-icons);
-
-.fi:before,
-.fi:after {
-    color: $icon-color;
-    display: inline-block;
-    vertical-align: middle;
-    font-family: 'theme-font', sans-serif;
-    font-style: initial;
-}
-
-@each $name, $icon in map-get($theme-icons,'theme') {
-        .fi--#{$name}:not(.fi--after):before {
-            content: $icon;
-        }
-
-        .fi--#{$name}.fi--after:after {
-            content: $icon;
-        }
-    }

package/public/styles/scss/mixins/_mixin-font.scss

@@ -1,31 +0,0 @@
-/*
-  * Created by IRIS Interactive
-  * User : IRIS Interactive
-*/
-
-/* Import
-/* ============================================= */
-$allicons: ();
-$svgfont_path: '../fonts/svgfont' !default;
-
-/* Fonticon
-/* ============================================= */
-@mixin fi($name, $position : '', $plugin: 'theme') {
-    $content: "";
-
-    @each $label, $icon in map-get($allicons, '#{$plugin}') {
-        @if $label == $name {
-            $content: $icon;
-        }
-    }
-
-    content: $content;
-    font-family: '#{$plugin}-font';
-
-    @if $position == "before" {
-        margin-right: 10px;
-    } @else if $position == "after" {
-        margin-left: 10px;
-    }
-}
-