@iris.interactive/handcook 2.7.5 → 2.8.1
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 +1 -1
- package/mix-manifest.json +11 -0
- package/package.json +2 -3
- package/public/scripts/components/collapse/collapse.component.min.js +1 -0
- package/public/scripts/components/dropdown/dropdown.component.min.js +1 -0
- package/public/scripts/components/lazyload/lazyload.component.js +33 -8
- package/public/scripts/components/lazyload/lazyload.component.min.js +1 -0
- package/public/scripts/components/lightbox/lightbox.component.min.js +1 -0
- package/public/scripts/components/modal/modal.component.min.js +1 -0
- package/public/scripts/components/scrollspy/scrollspy.component.min.js +1 -0
- package/public/scripts/components/slider/slider.component.min.js +1 -0
- package/public/scripts/components/smooth-scroll/smooth-scroll.component.min.js +1 -0
- package/public/scripts/components/tab/tab.component.min.js +1 -0
- package/public/scripts/components/toggle/toggle.component.js +3 -3
- package/public/scripts/components/toggle/toggle.component.min.js +1 -0
- package/public/scripts/components/tooltip/tooltip.component.min.js +1 -0
- package/public/scripts/handcook.js +1 -41
- package/public/styles/scss/style.css +2 -161
- package/public/styles/style.css +1 -166
|
@@ -11,68 +11,7 @@
|
|
|
11
11
|
* @author Lucas ROCHE
|
|
12
12
|
* @date 27/01/2022 14:32
|
|
13
13
|
* @copyright Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
|
|
14
|
-
|
|
15
|
-
/*
|
|
16
|
-
* Created by IRIS Interactive
|
|
17
|
-
* User : IRIS Interactive
|
|
18
|
-
*/
|
|
19
|
-
/* Layout
|
|
20
|
-
/ ================================================== */
|
|
21
|
-
/* Gutter
|
|
22
|
-
/ ================================================== */
|
|
23
|
-
/* Margin
|
|
24
|
-
/ ================================================== */
|
|
25
|
-
/* Margin
|
|
26
|
-
/ ================================================== */
|
|
27
|
-
/* Breakpoint
|
|
28
|
-
/ ================================================== */
|
|
29
|
-
/* Global
|
|
30
|
-
/ ================================================== */
|
|
31
|
-
/* Notifications
|
|
32
|
-
/ ================================================== */
|
|
33
|
-
/* Difficulty
|
|
34
|
-
/ ================================================== */
|
|
35
|
-
/*
|
|
36
|
-
* Created by IRIS Interactive
|
|
37
|
-
* User : IRIS Interactive
|
|
38
|
-
*/
|
|
39
|
-
/* Main gutter
|
|
40
|
-
/ ================================================== */
|
|
41
|
-
/* Breakpoints
|
|
42
|
-
/* ============================================= */
|
|
43
|
-
/* display flex
|
|
44
|
-
/* ============================================= */
|
|
45
|
-
/* Hover - TODO
|
|
46
|
-
/* ============================================= */
|
|
47
|
-
/* Touch
|
|
48
|
-
/* ============================================= */
|
|
49
|
-
/* Clear
|
|
50
|
-
/* ============================================= */
|
|
51
|
-
/*
|
|
52
|
-
* Created by IRIS Interactive
|
|
53
|
-
* User : IRIS Interactive
|
|
54
|
-
*/
|
|
55
|
-
/* Transition
|
|
56
|
-
/* ============================================= */
|
|
57
|
-
/* Hover
|
|
58
|
-
/* ============================================= */
|
|
59
|
-
/* Ellipsis
|
|
60
|
-
/* ============================================= */
|
|
61
|
-
/* Adaptive height block
|
|
62
|
-
/* ============================================= */
|
|
63
|
-
/* Line clamp
|
|
64
|
-
/* ============================================= */
|
|
65
|
-
/* Object fit
|
|
66
|
-
/* ============================================= */
|
|
67
|
-
/* Linear Gradient
|
|
68
|
-
/* ============================================= */
|
|
69
|
-
/* fit-content
|
|
70
|
-
/* ============================================= */
|
|
71
|
-
/* stretched-link
|
|
72
|
-
/* ============================================= */
|
|
73
|
-
/* sr-only
|
|
74
|
-
/* ============================================= */
|
|
75
|
-
/*!
|
|
14
|
+
*//*!
|
|
76
15
|
* IRIS Interactive
|
|
77
16
|
*
|
|
78
17
|
* NOTICE OF LICENSE
|
|
@@ -85,102 +24,4 @@
|
|
|
85
24
|
* @author Lucas ROCHE
|
|
86
25
|
* @date 28/01/2022 07:41
|
|
87
26
|
* @copyright Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
|
|
88
|
-
|
|
89
|
-
/* Font icon
|
|
90
|
-
/* ============================================= */
|
|
91
|
-
/* Font size
|
|
92
|
-
/* ============================================= */
|
|
93
|
-
/*
|
|
94
|
-
* Created by IRIS Interactive
|
|
95
|
-
* User : IRIS Interactive
|
|
96
|
-
*/
|
|
97
|
-
/* Utils classes
|
|
98
|
-
/* ============================================= */
|
|
99
|
-
.stretched-link:before {
|
|
100
|
-
position: absolute;
|
|
101
|
-
top: 0;
|
|
102
|
-
right: 0;
|
|
103
|
-
bottom: 0;
|
|
104
|
-
left: 0;
|
|
105
|
-
z-index: 1;
|
|
106
|
-
pointer-events: auto;
|
|
107
|
-
content: "";
|
|
108
|
-
background-color: transparent;
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
/* ============================================= */
|
|
112
|
-
.list-flex {
|
|
113
|
-
display: flex;
|
|
114
|
-
flex-wrap: wrap;
|
|
115
|
-
margin-bottom: 0;
|
|
116
|
-
}
|
|
117
|
-
.list-flex > * {
|
|
118
|
-
list-style-type: none;
|
|
119
|
-
margin: 0 10px 10px 0;
|
|
120
|
-
}
|
|
121
|
-
.list-flex > *:last-child {
|
|
122
|
-
margin-right: 0;
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
/* Animations
|
|
126
|
-
/* ============================================= */
|
|
127
|
-
@-webkit-keyframes loader {
|
|
128
|
-
100% {
|
|
129
|
-
transform: rotate(360deg);
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
@keyframes loader {
|
|
133
|
-
100% {
|
|
134
|
-
transform: rotate(360deg);
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
/* Sr-only
|
|
138
|
-
/* ============================================= */
|
|
139
|
-
.sr-only {
|
|
140
|
-
clip: rect(0, 0, 0, 0);
|
|
141
|
-
border-width: 0;
|
|
142
|
-
height: 1px;
|
|
143
|
-
margin: -1px;
|
|
144
|
-
overflow: hidden;
|
|
145
|
-
padding: 0;
|
|
146
|
-
position: absolute;
|
|
147
|
-
white-space: nowrap;
|
|
148
|
-
width: 1px;
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
/* Text with icon before
|
|
152
|
-
/* ============================================= */
|
|
153
|
-
.text-icon {
|
|
154
|
-
display: inline-flex;
|
|
155
|
-
align-items: center;
|
|
156
|
-
}
|
|
157
|
-
.text-icon:before {
|
|
158
|
-
margin-right: 5px;
|
|
159
|
-
}
|
|
160
|
-
.text-icon:after {
|
|
161
|
-
margin-left: 5px;
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
/* Block with img animated on hover
|
|
165
|
-
/* ============================================= */
|
|
166
|
-
.hover-item img {
|
|
167
|
-
transition: 0.2s ease;
|
|
168
|
-
will-change: transform;
|
|
169
|
-
}
|
|
170
|
-
.hover-item:hover img {
|
|
171
|
-
transform: scale(1.02);
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
/* Opening
|
|
175
|
-
/* ============================================= */
|
|
176
|
-
.is-opened {
|
|
177
|
-
color: #009e55;
|
|
178
|
-
}
|
|
179
|
-
|
|
180
|
-
.soon-closed {
|
|
181
|
-
color: #ff890e;
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
.is-closed {
|
|
185
|
-
color: #f33;
|
|
186
|
-
}
|
|
27
|
+
*/.stretched-link:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:transparent}.list-flex{display:flex;flex-wrap:wrap;margin-bottom:0}.list-flex>*{list-style-type:none;margin:0 10px 10px 0}.list-flex>:last-child{margin-right:0}@-webkit-keyframes loader{100%{transform:rotate(360deg)}}@keyframes loader{100%{transform:rotate(360deg)}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-icon{display:inline-flex;align-items:center}.text-icon:before{margin-right:5px}.text-icon:after{margin-left:5px}.hover-item img{transition:.2s ease;will-change:transform}.hover-item:hover img{transform:scale(1.02)}.is-opened{color:#009e55}.soon-closed{color:#ff890e}.is-closed{color:#f33}
|
package/public/styles/style.css
CHANGED
|
@@ -12,66 +12,6 @@
|
|
|
12
12
|
* @date 27/01/2022 14:32
|
|
13
13
|
* @copyright Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
|
|
14
14
|
*/
|
|
15
|
-
/*
|
|
16
|
-
* Created by IRIS Interactive
|
|
17
|
-
* User : IRIS Interactive
|
|
18
|
-
*/
|
|
19
|
-
/* Layout
|
|
20
|
-
/ ================================================== */
|
|
21
|
-
/* Gutter
|
|
22
|
-
/ ================================================== */
|
|
23
|
-
/* Margin
|
|
24
|
-
/ ================================================== */
|
|
25
|
-
/* Margin
|
|
26
|
-
/ ================================================== */
|
|
27
|
-
/* Breakpoint
|
|
28
|
-
/ ================================================== */
|
|
29
|
-
/* Global
|
|
30
|
-
/ ================================================== */
|
|
31
|
-
/* Notifications
|
|
32
|
-
/ ================================================== */
|
|
33
|
-
/* Difficulty
|
|
34
|
-
/ ================================================== */
|
|
35
|
-
/*
|
|
36
|
-
* Created by IRIS Interactive
|
|
37
|
-
* User : IRIS Interactive
|
|
38
|
-
*/
|
|
39
|
-
/* Main gutter
|
|
40
|
-
/ ================================================== */
|
|
41
|
-
/* Breakpoints
|
|
42
|
-
/* ============================================= */
|
|
43
|
-
/* display flex
|
|
44
|
-
/* ============================================= */
|
|
45
|
-
/* Hover
|
|
46
|
-
/* ============================================= */
|
|
47
|
-
/* Touch
|
|
48
|
-
/* ============================================= */
|
|
49
|
-
/* Clear
|
|
50
|
-
/* ============================================= */
|
|
51
|
-
/*
|
|
52
|
-
* Created by IRIS Interactive
|
|
53
|
-
* User : IRIS Interactive
|
|
54
|
-
*/
|
|
55
|
-
/* Transition
|
|
56
|
-
/* ============================================= */
|
|
57
|
-
/* Animate
|
|
58
|
-
/* ============================================= */
|
|
59
|
-
/* Ellipsis
|
|
60
|
-
/* ============================================= */
|
|
61
|
-
/* Adaptive height block
|
|
62
|
-
/* ============================================= */
|
|
63
|
-
/* Line clamp
|
|
64
|
-
/* ============================================= */
|
|
65
|
-
/* Object fit
|
|
66
|
-
/* ============================================= */
|
|
67
|
-
/* Linear Gradient
|
|
68
|
-
/* ============================================= */
|
|
69
|
-
/* fit-content
|
|
70
|
-
/* ============================================= */
|
|
71
|
-
/* stretched-link
|
|
72
|
-
/* ============================================= */
|
|
73
|
-
/* sr-only
|
|
74
|
-
/* ============================================= */
|
|
75
15
|
/*!
|
|
76
16
|
* IRIS Interactive
|
|
77
17
|
*
|
|
@@ -85,109 +25,4 @@
|
|
|
85
25
|
* @author Lucas ROCHE
|
|
86
26
|
* @date 28/01/2022 07:41
|
|
87
27
|
* @copyright Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
|
|
88
|
-
|
|
89
|
-
/* Font icon
|
|
90
|
-
/* ============================================= */
|
|
91
|
-
/* Font size
|
|
92
|
-
/* ============================================= */
|
|
93
|
-
/*
|
|
94
|
-
* Created by IRIS Interactive
|
|
95
|
-
* User : IRIS Interactive
|
|
96
|
-
*/
|
|
97
|
-
/* Utils classes
|
|
98
|
-
/* ============================================= */
|
|
99
|
-
.stretched-link:before {
|
|
100
|
-
position: absolute;
|
|
101
|
-
top: 0;
|
|
102
|
-
right: 0;
|
|
103
|
-
bottom: 0;
|
|
104
|
-
left: 0;
|
|
105
|
-
z-index: 1;
|
|
106
|
-
pointer-events: auto;
|
|
107
|
-
content: "";
|
|
108
|
-
background-color: transparent;
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
/* ============================================= */
|
|
112
|
-
.list-flex {
|
|
113
|
-
display: flex;
|
|
114
|
-
flex-wrap: wrap;
|
|
115
|
-
margin-bottom: 0;
|
|
116
|
-
}
|
|
117
|
-
.list-flex > * {
|
|
118
|
-
list-style-type: none;
|
|
119
|
-
margin: 0 10px 10px 0;
|
|
120
|
-
}
|
|
121
|
-
.list-flex > *:last-child {
|
|
122
|
-
margin-right: 0;
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
/* Animations
|
|
126
|
-
/* ============================================= */
|
|
127
|
-
@-webkit-keyframes loader {
|
|
128
|
-
100% {
|
|
129
|
-
transform: rotate(360deg);
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
@keyframes loader {
|
|
133
|
-
100% {
|
|
134
|
-
transform: rotate(360deg);
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
/* Sr-only
|
|
138
|
-
/* ============================================= */
|
|
139
|
-
.sr-only {
|
|
140
|
-
clip: rect(0, 0, 0, 0);
|
|
141
|
-
border-width: 0;
|
|
142
|
-
height: 1px;
|
|
143
|
-
margin: -1px;
|
|
144
|
-
overflow: hidden;
|
|
145
|
-
padding: 0;
|
|
146
|
-
position: absolute;
|
|
147
|
-
white-space: nowrap;
|
|
148
|
-
width: 1px;
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
/* Text with icon before
|
|
152
|
-
/* ============================================= */
|
|
153
|
-
.text-icon {
|
|
154
|
-
display: inline-flex;
|
|
155
|
-
align-items: center;
|
|
156
|
-
}
|
|
157
|
-
.text-icon:before {
|
|
158
|
-
margin-right: 5px;
|
|
159
|
-
}
|
|
160
|
-
.text-icon:after {
|
|
161
|
-
margin-left: 5px;
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
/* Block with img animated on hover
|
|
165
|
-
/* ============================================= */
|
|
166
|
-
.hover-item img {
|
|
167
|
-
transition: 0.2s ease;
|
|
168
|
-
will-change: transform;
|
|
169
|
-
}
|
|
170
|
-
.hover-item:hover img {
|
|
171
|
-
transform: scale(1.02);
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
/* Opening
|
|
175
|
-
/* ============================================= */
|
|
176
|
-
.is-opened {
|
|
177
|
-
color: #009e55;
|
|
178
|
-
}
|
|
179
|
-
|
|
180
|
-
.soon-closed {
|
|
181
|
-
color: #ff890e;
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
.is-closed {
|
|
185
|
-
color: #f33;
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
/* Font
|
|
189
|
-
/* ============================================= */
|
|
190
|
-
.fi--color:before,
|
|
191
|
-
.fi-color:after {
|
|
192
|
-
color: var(--iris--icon--color);
|
|
193
|
-
}
|
|
28
|
+
*/.stretched-link:before{background-color:transparent;bottom:0;content:"";left:0;pointer-events:auto;position:absolute;right:0;top:0;z-index:1}.list-flex{display:flex;flex-wrap:wrap;margin-bottom:0}.list-flex>*{list-style-type:none;margin:0 10px 10px 0}.list-flex>:last-child{margin-right:0}@-webkit-keyframes loader{to{transform:rotate(1turn)}}@keyframes loader{to{transform:rotate(1turn)}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-icon{align-items:center;display:inline-flex}.text-icon:before{margin-right:5px}.text-icon:after{margin-left:5px}.hover-item img{transition:.2s ease;will-change:transform}.hover-item:hover img{transform:scale(1.02)}.is-opened{color:#009e55}.soon-closed{color:#ff890e}.is-closed{color:#f33}.fi--color:before,.fi-color:after{color:var(--iris--icon--color)}
|