@iris.interactive/handcook 1.0.1 → 1.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -1
- package/package.json +1 -1
- package/public/fonts/svgfont/etourisme/etourisme-font.eot +0 -0
- package/public/fonts/svgfont/etourisme/etourisme-font.svg +1 -0
- package/public/fonts/svgfont/etourisme/etourisme-font.ttf +0 -0
- package/public/fonts/svgfont/etourisme/etourisme-font.woff +0 -0
- package/public/fonts/svgfont/info-neige/info-neige-font.eot +0 -0
- package/public/fonts/svgfont/info-neige/info-neige-font.svg +1 -0
- package/public/fonts/svgfont/info-neige/info-neige-font.ttf +0 -0
- package/public/fonts/svgfont/info-neige/info-neige-font.woff +0 -0
- package/public/fonts/svgfont/iris-tides/iris-tides-font.eot +0 -0
- package/public/fonts/svgfont/iris-tides/iris-tides-font.svg +1 -0
- package/public/fonts/svgfont/iris-tides/iris-tides-font.ttf +0 -0
- package/public/fonts/svgfont/iris-tides/iris-tides-font.woff +0 -0
- package/public/fonts/svgfont/iris-weather/iris-weather-font.eot +0 -0
- package/public/fonts/svgfont/iris-weather/iris-weather-font.svg +1 -0
- package/public/fonts/svgfont/iris-weather/iris-weather-font.ttf +0 -0
- package/public/fonts/svgfont/iris-weather/iris-weather-font.woff +0 -0
- package/public/fonts/svgfont/theme/theme-font.eot +0 -0
- package/public/fonts/svgfont/theme/theme-font.svg +1 -0
- package/public/fonts/svgfont/theme/theme-font.ttf +0 -0
- package/public/fonts/svgfont/theme/theme-font.woff +0 -0
- package/public/scripts/index.js +236 -2
- package/public/styles/scss/_mixin-font.scss +30 -0
- package/public/styles/scss/lib/_etourisme-font.scss +54 -0
- package/public/styles/scss/lib/_info-neige-font.scss +36 -0
- package/public/styles/scss/lib/_iris-tides-font.scss +38 -0
- package/public/styles/scss/lib/_iris-weather-font.scss +47 -0
- package/public/styles/scss/lib/_theme-font.scss +134 -0
- package/public/styles/style.css +985 -0
- package/public/scripts/index.js.map +0 -1
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Created by IRIS Interactive
|
|
3
|
+
* User : IRIS Interactive
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
/* Import
|
|
7
|
+
/* ============================================= */
|
|
8
|
+
$allicons: ();
|
|
9
|
+
|
|
10
|
+
/* Fonticon
|
|
11
|
+
/* ============================================= */
|
|
12
|
+
@mixin fi($name, $position : '', $plugin: 'theme') {
|
|
13
|
+
$content: "";
|
|
14
|
+
|
|
15
|
+
@each $label, $icon in map-get($allicons, '#{$plugin}') {
|
|
16
|
+
@if $label == $name {
|
|
17
|
+
$content: $icon;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
content: $content;
|
|
22
|
+
font-family: '#{$plugin}-font';
|
|
23
|
+
|
|
24
|
+
@if $position == "before" {
|
|
25
|
+
margin-right: 10px;
|
|
26
|
+
} @else if $position == "after" {
|
|
27
|
+
margin-left: 10px;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
|
|
2
|
+
// Fonts file
|
|
3
|
+
@font-face {
|
|
4
|
+
font-family: 'etourisme-font';
|
|
5
|
+
font-weight: normal;
|
|
6
|
+
font-style: normal;
|
|
7
|
+
src: url("../fonts/svgfont/etourisme/etourisme-font.eot"),
|
|
8
|
+
url("../fonts/svgfont/etourisme/etourisme-font.woff") format('woff'),
|
|
9
|
+
url("../fonts/svgfont/etourisme/etourisme-font.ttf") format('truetype'),
|
|
10
|
+
url("../fonts/svgfont/etourisme/etourisme-font.eot?#iefix") format('embedded-opentype'),
|
|
11
|
+
url("../fonts/svgfont/etourisme/etourisme-font.svg#etourisme-font") format('svg');
|
|
12
|
+
font-display: swap;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
// Array fonts to mixin
|
|
16
|
+
$etourisme-icons: (
|
|
17
|
+
'etourisme':
|
|
18
|
+
(
|
|
19
|
+
"danger": "\ea01",
|
|
20
|
+
"denivele": "\ea02",
|
|
21
|
+
"distance": "\ea03",
|
|
22
|
+
"duration": "\ea04",
|
|
23
|
+
"environment": "\ea05",
|
|
24
|
+
"file-downlaod": "\ea06",
|
|
25
|
+
"flag": "\ea07",
|
|
26
|
+
"itinerary": "\ea08",
|
|
27
|
+
"level": "\ea09",
|
|
28
|
+
"location-on": "\ea0a",
|
|
29
|
+
"loop": "\ea0b",
|
|
30
|
+
"path": "\ea0c",
|
|
31
|
+
"period": "\ea0d"
|
|
32
|
+
)
|
|
33
|
+
|
|
34
|
+
);
|
|
35
|
+
|
|
36
|
+
$allicons: map-merge($allicons, $etourisme-icons);
|
|
37
|
+
|
|
38
|
+
.ei:before,
|
|
39
|
+
.ei:after {
|
|
40
|
+
display: inline-block;
|
|
41
|
+
vertical-align: middle;
|
|
42
|
+
font-family: 'etourisme-font', sans-serif;
|
|
43
|
+
font-style: initial;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
@each $name, $icon in map-get($etourisme-icons,'etourisme') {
|
|
47
|
+
.ei--#{$name}:not(.ei--after):before {
|
|
48
|
+
content: $icon;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.ei--#{$name}.ei--after:after {
|
|
52
|
+
content: $icon;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
|
|
2
|
+
// Fonts file
|
|
3
|
+
@font-face {
|
|
4
|
+
font-family: 'info-neige-font';
|
|
5
|
+
font-weight: normal;
|
|
6
|
+
font-style: normal;
|
|
7
|
+
src: url('../fonts/svgfont/info-neige/info-neige-font.eot'),
|
|
8
|
+
url('../fonts/svgfont/info-neige/info-neige-font.woff') format('woff'),
|
|
9
|
+
url('../fonts/svgfont/info-neige/info-neige-font.ttf') format('truetype'),
|
|
10
|
+
url('../fonts/svgfont/info-neige/info-neige-font.eot?#iefix') format('embedded-opentype'),
|
|
11
|
+
url('../fonts/svgfont/info-neige/info-neige-font.svg#info-neige-font') format('svg');
|
|
12
|
+
font-display: swap;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
// Array fonts to mixin
|
|
16
|
+
$info-neige-icons: (
|
|
17
|
+
'info-neige':
|
|
18
|
+
(
|
|
19
|
+
"bullet": "\ea01"
|
|
20
|
+
)
|
|
21
|
+
|
|
22
|
+
);
|
|
23
|
+
|
|
24
|
+
$allicons: map-merge($allicons, $info-neige-icons);
|
|
25
|
+
|
|
26
|
+
// Fonts class
|
|
27
|
+
.ni:before {
|
|
28
|
+
font-family: 'info-neige-font', sans-serif;
|
|
29
|
+
font-style: initial;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
@each $name, $icon in map-get($info-neige-icons, 'info-neige') {
|
|
33
|
+
.ni-#{$name}:before {
|
|
34
|
+
content: $icon;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
|
|
2
|
+
// Fonts file
|
|
3
|
+
@font-face {
|
|
4
|
+
font-family: 'iris-tides-font';
|
|
5
|
+
font-weight: normal;
|
|
6
|
+
font-style: normal;
|
|
7
|
+
src: url('../fonts/svgfont/iris-tides/iris-tides-font.eot'),
|
|
8
|
+
url('../fonts/svgfont/iris-tides/iris-tides-font.woff') format('woff'),
|
|
9
|
+
url('../fonts/svgfont/iris-tides/iris-tides-font.ttf') format('truetype'),
|
|
10
|
+
url('../fonts/svgfont/iris-tides/iris-tides-font.eot?#iefix') format('embedded-opentype'),
|
|
11
|
+
url('../fonts/svgfont/iris-tides/iris-tides-font.svg#iris-tides-font') format('svg');
|
|
12
|
+
font-display: swap;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
// Array fonts to mixin
|
|
16
|
+
$iris-tides-icons: (
|
|
17
|
+
'iris-tides':
|
|
18
|
+
(
|
|
19
|
+
"coefficient": "\ea01",
|
|
20
|
+
"high-tide": "\ea02",
|
|
21
|
+
"low-tide": "\ea03"
|
|
22
|
+
)
|
|
23
|
+
|
|
24
|
+
);
|
|
25
|
+
|
|
26
|
+
$allicons: map-merge($allicons, $iris-tides-icons);
|
|
27
|
+
|
|
28
|
+
// Fonts class
|
|
29
|
+
.ti:before {
|
|
30
|
+
font-family: 'iris-tides-font', sans-serif;
|
|
31
|
+
font-style: initial;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
@each $name, $icon in map-get($iris-tides-icons, 'iris-tides') {
|
|
35
|
+
.ti-#{$name}:before {
|
|
36
|
+
content: $icon;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
|
|
2
|
+
// Fonts file
|
|
3
|
+
@font-face {
|
|
4
|
+
font-family: 'iris-weather-font';
|
|
5
|
+
font-weight: normal;
|
|
6
|
+
font-style: normal;
|
|
7
|
+
src: url('../fonts/svgfont/iris-weather/iris-weather-font.eot'),
|
|
8
|
+
url('../fonts/svgfont/iris-weather/iris-weather-font.woff') format('woff'),
|
|
9
|
+
url('../fonts/svgfont/iris-weather/iris-weather-font.ttf') format('truetype'),
|
|
10
|
+
url('../fonts/svgfont/iris-weather/iris-weather-font.eot?#iefix') format('embedded-opentype'),
|
|
11
|
+
url('../fonts/svgfont/iris-weather/iris-weather-font.svg#iris-weather-font') format('svg');
|
|
12
|
+
font-display: swap;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
// Array fonts to mixin
|
|
16
|
+
$weather-icons: (
|
|
17
|
+
'iris-weather':
|
|
18
|
+
(
|
|
19
|
+
"day-cloudy": "\ea01",
|
|
20
|
+
"day-fog": "\ea02",
|
|
21
|
+
"day-rain": "\ea03",
|
|
22
|
+
"day-sleet": "\ea04",
|
|
23
|
+
"day-snow": "\ea05",
|
|
24
|
+
"day-sunny": "\ea06",
|
|
25
|
+
"day-windy": "\ea07",
|
|
26
|
+
"flag-wind": "\ea08",
|
|
27
|
+
"humidity": "\ea09",
|
|
28
|
+
"night-clear": "\ea0a",
|
|
29
|
+
"night-cloudy": "\ea0b",
|
|
30
|
+
"thermostat": "\ea0c"
|
|
31
|
+
)
|
|
32
|
+
|
|
33
|
+
);
|
|
34
|
+
|
|
35
|
+
$allicons: map-merge($allicons, $weather-icons);
|
|
36
|
+
|
|
37
|
+
// Fonts class
|
|
38
|
+
.wi:before {
|
|
39
|
+
font-family: 'iris-weather-font', sans-serif;
|
|
40
|
+
font-style: initial;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
@each $name, $icon in map-get($weather-icons, 'iris-weather') {
|
|
44
|
+
.wi-#{$name}:before {
|
|
45
|
+
content: $icon;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
|
|
2
|
+
// Fonts file
|
|
3
|
+
@font-face {
|
|
4
|
+
font-family: 'theme-font';
|
|
5
|
+
font-weight: normal;
|
|
6
|
+
font-style: normal;
|
|
7
|
+
src: url("../fonts/svgfont/theme/theme-font.eot"),
|
|
8
|
+
url("../fonts/svgfont/theme/theme-font.woff") format('woff'),
|
|
9
|
+
url("../fonts/svgfont/theme/theme-font.ttf") format('truetype'),
|
|
10
|
+
url("../fonts/svgfont/theme/theme-font.eot?#iefix") format('embedded-opentype'),
|
|
11
|
+
url("../fonts/svgfont/theme/theme-font.svg#theme-font") format('svg');
|
|
12
|
+
font-display: swap;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
// Array fonts to mixin
|
|
16
|
+
$theme-icons: (
|
|
17
|
+
'theme':
|
|
18
|
+
(
|
|
19
|
+
"activites": "\ea01",
|
|
20
|
+
"add-location-alt-line": "\ea02",
|
|
21
|
+
"add-location-alt": "\ea03",
|
|
22
|
+
"add": "\ea04",
|
|
23
|
+
"arrow-back": "\ea05",
|
|
24
|
+
"arrow-downward": "\ea06",
|
|
25
|
+
"arrow-forward": "\ea07",
|
|
26
|
+
"arrow-upward": "\ea08",
|
|
27
|
+
"beenhere": "\ea09",
|
|
28
|
+
"by-a-boat": "\ea0a",
|
|
29
|
+
"by-car": "\ea0b",
|
|
30
|
+
"by-plane": "\ea0c",
|
|
31
|
+
"by-train": "\ea0d",
|
|
32
|
+
"calendar-today": "\ea0e",
|
|
33
|
+
"call": "\ea0f",
|
|
34
|
+
"capacity-banquet": "\ea10",
|
|
35
|
+
"capacity-carre": "\ea11",
|
|
36
|
+
"capacity-class": "\ea12",
|
|
37
|
+
"capacity-cocktail": "\ea13",
|
|
38
|
+
"capacity-modular": "\ea14",
|
|
39
|
+
"capacity-theatre": "\ea15",
|
|
40
|
+
"capacity-u": "\ea16",
|
|
41
|
+
"category": "\ea17",
|
|
42
|
+
"centered-position": "\ea18",
|
|
43
|
+
"check-box": "\ea19",
|
|
44
|
+
"chevron-bottom": "\ea1a",
|
|
45
|
+
"chevron-left": "\ea1b",
|
|
46
|
+
"chevron-right": "\ea1c",
|
|
47
|
+
"chevron-top": "\ea1d",
|
|
48
|
+
"circle": "\ea1e",
|
|
49
|
+
"close": "\ea1f",
|
|
50
|
+
"computer": "\ea20",
|
|
51
|
+
"confirmation-number": "\ea21",
|
|
52
|
+
"credit-score": "\ea22",
|
|
53
|
+
"delete-forever": "\ea23",
|
|
54
|
+
"direction-run": "\ea24",
|
|
55
|
+
"edit": "\ea25",
|
|
56
|
+
"email": "\ea26",
|
|
57
|
+
"error": "\ea27",
|
|
58
|
+
"event-available": "\ea28",
|
|
59
|
+
"facebook": "\ea29",
|
|
60
|
+
"favorite-filled": "\ea2a",
|
|
61
|
+
"favorite": "\ea2b",
|
|
62
|
+
"file-download": "\ea2c",
|
|
63
|
+
"file-upload": "\ea2d",
|
|
64
|
+
"filter": "\ea2e",
|
|
65
|
+
"forward-to-inbox": "\ea2f",
|
|
66
|
+
"fullscreen": "\ea30",
|
|
67
|
+
"group": "\ea31",
|
|
68
|
+
"hebergement": "\ea32",
|
|
69
|
+
"hebergements": "\ea33",
|
|
70
|
+
"hotel": "\ea34",
|
|
71
|
+
"infos-pratiques": "\ea35",
|
|
72
|
+
"instagram": "\ea36",
|
|
73
|
+
"layers": "\ea37",
|
|
74
|
+
"local-activity": "\ea38",
|
|
75
|
+
"location-on-line": "\ea39",
|
|
76
|
+
"location-on": "\ea3a",
|
|
77
|
+
"map": "\ea3b",
|
|
78
|
+
"menu-book": "\ea3c",
|
|
79
|
+
"mic": "\ea3d",
|
|
80
|
+
"photo-camera": "\ea3e",
|
|
81
|
+
"picture-as-pdf": "\ea3f",
|
|
82
|
+
"play-circle": "\ea40",
|
|
83
|
+
"print": "\ea41",
|
|
84
|
+
"question-answer": "\ea42",
|
|
85
|
+
"quote": "\ea43",
|
|
86
|
+
"remove": "\ea44",
|
|
87
|
+
"replay": "\ea45",
|
|
88
|
+
"reply": "\ea46",
|
|
89
|
+
"reset": "\ea47",
|
|
90
|
+
"restaurant": "\ea48",
|
|
91
|
+
"restaurants": "\ea49",
|
|
92
|
+
"schedule": "\ea4a",
|
|
93
|
+
"search": "\ea4b",
|
|
94
|
+
"sell": "\ea4c",
|
|
95
|
+
"share": "\ea4d",
|
|
96
|
+
"shopping-cart": "\ea4e",
|
|
97
|
+
"sites-visites": "\ea4f",
|
|
98
|
+
"support": "\ea50",
|
|
99
|
+
"thermostat": "\ea51",
|
|
100
|
+
"thumb-down": "\ea52",
|
|
101
|
+
"thumb-up": "\ea53",
|
|
102
|
+
"toggle-off": "\ea54",
|
|
103
|
+
"toggle-on": "\ea55",
|
|
104
|
+
"twitter": "\ea56",
|
|
105
|
+
"videocam": "\ea57",
|
|
106
|
+
"visibility": "\ea58",
|
|
107
|
+
"volume-off": "\ea59",
|
|
108
|
+
"volume-up": "\ea5a",
|
|
109
|
+
"whatsapp": "\ea5b",
|
|
110
|
+
"work": "\ea5c",
|
|
111
|
+
"youtube": "\ea5d"
|
|
112
|
+
)
|
|
113
|
+
|
|
114
|
+
);
|
|
115
|
+
|
|
116
|
+
$allicons: map-merge($allicons, $theme-icons);
|
|
117
|
+
|
|
118
|
+
.fi:before,
|
|
119
|
+
.fi:after {
|
|
120
|
+
display: inline-block;
|
|
121
|
+
vertical-align: middle;
|
|
122
|
+
font-family: 'theme-font', sans-serif;
|
|
123
|
+
font-style: initial;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
@each $name, $icon in map-get($theme-icons,'theme') {
|
|
127
|
+
.fi--#{$name}:not(.fi--after):before {
|
|
128
|
+
content: $icon;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.fi--#{$name}.fi--after:after {
|
|
132
|
+
content: $icon;
|
|
133
|
+
}
|
|
134
|
+
}
|