@iris.interactive/handcook 1.0.8 → 1.0.12
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/package.json
CHANGED
|
@@ -123,16 +123,39 @@ body.fullscreen {
|
|
|
123
123
|
|
|
124
124
|
.alignwide {
|
|
125
125
|
max-width: $container;
|
|
126
|
-
margin:
|
|
126
|
+
margin-left: auto;
|
|
127
|
+
margin-right: auto;
|
|
127
128
|
|
|
128
129
|
// TODO : gestion des marges dans le cas des strates full (ex. Blog > post-video, carousels)
|
|
129
|
-
// TODO then : supprimer les
|
|
130
|
+
// 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)
|
|
130
131
|
//.alignfull > & {
|
|
131
132
|
// margin-left: 40px;
|
|
132
133
|
// margin-right: 40px;
|
|
133
134
|
//}
|
|
134
135
|
}
|
|
135
136
|
|
|
137
|
+
.container {
|
|
138
|
+
max-width: $container;
|
|
139
|
+
margin-left: auto;
|
|
140
|
+
margin-right: auto;
|
|
141
|
+
|
|
142
|
+
@include breakpoint(large) {
|
|
143
|
+
width: calc(100% - #{$margin-large} * 2);
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
@include breakpoint(medium) {
|
|
147
|
+
width: calc(100% - #{$margin-medium} * 2);
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
@include breakpoint(small) {
|
|
151
|
+
width: calc(100% - #{$margin-small} * 2);
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
@include breakpoint(xsmall) {
|
|
155
|
+
width: calc(100% - #{$margin-xsmall} * 2);
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
|
|
136
159
|
.alignheight {
|
|
137
160
|
height: 100vh;
|
|
138
161
|
}
|
|
@@ -110,7 +110,7 @@ $link-color: var(--iris--link--color);
|
|
|
110
110
|
$link-color-hover: var(--iris--link--color-hover);
|
|
111
111
|
$link-text-decoration: var(--iris--link--text-decoration, none);
|
|
112
112
|
$link-box-shadow: var(--iris--link--box-shadow, none);
|
|
113
|
-
$link-underline-offset: var(--iris--link--underline-offset,
|
|
113
|
+
$link-underline-offset: var(--iris--link--underline-offset, 2px);
|
|
114
114
|
$link-font-weight: var(--iris--link--font-weight);
|
|
115
115
|
|
|
116
116
|
|
|
@@ -214,7 +214,7 @@ $blockquote-font-size: var(--iris--blockquote--font-size);
|
|
|
214
214
|
$blockquote-font-size--rem: var(--iris--blockquote--font-size--rem);
|
|
215
215
|
$blockquote-font-size-small: var(--iris--blockquote--font-size--small);
|
|
216
216
|
$blockquote-font-size-small--rem: var(--iris--blockquote--font-size--small--rem);
|
|
217
|
-
$blockquote-padding-left: calc(#{$blockquote-font-size} * 1px +
|
|
217
|
+
$blockquote-padding-left: calc(#{$blockquote-font-size} * 1px + 20px);
|
|
218
218
|
$blockquote-text-align: var(--iris--blockquote--text-align);
|
|
219
219
|
|
|
220
220
|
|
|
@@ -408,5 +408,5 @@ $c-warning: #ff890e;
|
|
|
408
408
|
/* Difficulty
|
|
409
409
|
/ ================================================== */
|
|
410
410
|
$c-easy: #9ccc65;
|
|
411
|
-
$c-medium: #
|
|
411
|
+
$c-medium: #ff890e;
|
|
412
412
|
$c-hard: #ef5350;
|
package/public/styles/style.css
CHANGED
|
@@ -220,7 +220,34 @@ body.fullscreen .prefooter {
|
|
|
220
220
|
|
|
221
221
|
.alignwide {
|
|
222
222
|
max-width: 1220px;
|
|
223
|
-
margin:
|
|
223
|
+
margin-left: auto;
|
|
224
|
+
margin-right: auto;
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
.container {
|
|
228
|
+
max-width: 1220px;
|
|
229
|
+
margin-left: auto;
|
|
230
|
+
margin-right: auto;
|
|
231
|
+
}
|
|
232
|
+
@media screen and (max-width: 1452.380952381px) {
|
|
233
|
+
.container {
|
|
234
|
+
width: calc(100% - 60px * 2);
|
|
235
|
+
}
|
|
236
|
+
}
|
|
237
|
+
@media screen and (max-width: 1000px) {
|
|
238
|
+
.container {
|
|
239
|
+
width: calc(100% - 40px * 2);
|
|
240
|
+
}
|
|
241
|
+
}
|
|
242
|
+
@media screen and (max-width: 650px) {
|
|
243
|
+
.container {
|
|
244
|
+
width: calc(100% - 20px * 2);
|
|
245
|
+
}
|
|
246
|
+
}
|
|
247
|
+
@media screen and (max-width: 370px) {
|
|
248
|
+
.container {
|
|
249
|
+
width: calc(100% - 20px * 2);
|
|
250
|
+
}
|
|
224
251
|
}
|
|
225
252
|
|
|
226
253
|
.alignheight {
|