@iris.interactive/handcook 1.0.0 → 1.0.4

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

@@ -0,0 +1,30 @@
+/*
+  * Created by IRIS Interactive
+  * User : IRIS Interactive
+*/
+
+/* Import
+/* ============================================= */
+$allicons: ();
+
+/* 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;
+    }
+}
+

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

@@ -0,0 +1,55 @@
+
+// Fonts file
+@use "@package_style/_mixin-font" as *;
+@font-face {
+    font-family: 'etourisme-font';
+    font-weight: normal;
+    font-style: normal;
+    src: url("../fonts/svgfont/etourisme/etourisme-font.eot"),
+    url("../fonts/svgfont/etourisme/etourisme-font.woff") format('woff'),
+    url("../fonts/svgfont/etourisme/etourisme-font.ttf") format('truetype'),
+    url("../fonts/svgfont/etourisme/etourisme-font.eot?#iefix") format('embedded-opentype'),
+    url("../fonts/svgfont/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 {
+    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

@@ -0,0 +1,37 @@
+
+// Fonts file
+@use "@package_style/_mixin-font" as *;
+@font-face {
+    font-family: 'info-neige-font';
+    font-weight: normal;
+    font-style: normal;
+    src: url('../fonts/svgfont/info-neige/info-neige-font.eot'),
+    url('../fonts/svgfont/info-neige/info-neige-font.woff') format('woff'),
+    url('../fonts/svgfont/info-neige/info-neige-font.ttf') format('truetype'),
+    url('../fonts/svgfont/info-neige/info-neige-font.eot?#iefix') format('embedded-opentype'),
+    url('../fonts/svgfont/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

@@ -0,0 +1,39 @@
+
+// Fonts file
+@use "@package_style/_mixin-font" as *;
+@font-face {
+    font-family: 'iris-tides-font';
+    font-weight: normal;
+    font-style: normal;
+    src: url('../fonts/svgfont/iris-tides/iris-tides-font.eot'),
+    url('../fonts/svgfont/iris-tides/iris-tides-font.woff') format('woff'),
+    url('../fonts/svgfont/iris-tides/iris-tides-font.ttf') format('truetype'),
+    url('../fonts/svgfont/iris-tides/iris-tides-font.eot?#iefix') format('embedded-opentype'),
+    url('../fonts/svgfont/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

@@ -0,0 +1,48 @@
+
+// Fonts file
+@use "@package_style/_mixin-font" as *;
+@font-face {
+    font-family: 'iris-weather-font';
+    font-weight: normal;
+    font-style: normal;
+    src: url('../fonts/svgfont/iris-weather/iris-weather-font.eot'),
+    url('../fonts/svgfont/iris-weather/iris-weather-font.woff') format('woff'),
+    url('../fonts/svgfont/iris-weather/iris-weather-font.ttf') format('truetype'),
+    url('../fonts/svgfont/iris-weather/iris-weather-font.eot?#iefix') format('embedded-opentype'),
+    url('../fonts/svgfont/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

@@ -0,0 +1,135 @@
+
+// Fonts file
+@use "@package_style/_mixin-font" as *;
+@font-face {
+    font-family: 'theme-font';
+    font-weight: normal;
+    font-style: normal;
+    src: url("../fonts/svgfont/theme/theme-font.eot"),
+    url("../fonts/svgfont/theme/theme-font.woff") format('woff'),
+    url("../fonts/svgfont/theme/theme-font.ttf") format('truetype'),
+    url("../fonts/svgfont/theme/theme-font.eot?#iefix") format('embedded-opentype'),
+    url("../fonts/svgfont/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 {
+    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;
+        }
+    }