@asd20/ui 3.2.766 → 3.2.768

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.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/components/molecules/Asd20Swiper/index.vue +9 -0
  3. package/src/components/organisms/Asd20VideoHeaderContent/index.vue +22 -0
  4. package/src/components/templates/Asd20DistrictVideoTemplate/index.vue +12 -1
  5. package/src/design/_typography.scss +2 -2
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.766",
8
+ "version": "3.2.768",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
package/src/components/molecules/Asd20Swiper/index.vue CHANGED
@@ -201,6 +201,7 @@ export default {
201
201
  bottom: space(1);
202
202
  z-index: 2;
203
203
  border: 2px solid var(--color__primary);
204
+ animation: fade-in 0.5s ease-in-out 0.25s both;
204
205
 
205
206
  &.swiper-button-disabled {
206
207
  display: none;
@@ -245,6 +246,14 @@ export default {
245
246
  z-index: 2;
246
247
  }
247
248
  }
249
+ @keyframes fade-in {
250
+ from {
251
+ opacity: 0;
252
+ }
253
+ to {
254
+ opacity: 1;
255
+ }
256
+ }
248
257
 
249
258
  @media (min-width: 768px) {
250
259
  .circle {
package/src/components/organisms/Asd20VideoHeaderContent/index.vue CHANGED
@@ -156,6 +156,27 @@ export default {
156
156
  // botom: space(-0.74);
157
157
  }
158
158
  }
159
+ @keyframes slide_left {
160
+ from {
161
+ opacity: 0;
162
+ margin-left: 200px;
163
+ }
164
+ to {
165
+ opacity: 1;
166
+ margin-left: 0;
167
+ }
168
+ }
169
+
170
+ @keyframes slide_left2 {
171
+ from {
172
+ opacity: 0;
173
+ margin-left: 100px;
174
+ }
175
+ to {
176
+ opacity: 1;
177
+ margin-left: 0;
178
+ }
179
+ }
159
180
 
160
181
  @media (min-width: 667px) {
161
182
  .asd20-video-header-content {
@@ -200,6 +221,7 @@ export default {
200
221
  @include fluid-type($base-font-size * 1.15, $base-font-size * 1.5);
201
222
  color: var(--color__accent-s10);
202
223
  border-bottom: none;
224
+ // animation: slide_left2 1.25s ease-in-out 0.75s both;
203
225
  }
204
226
  }
205
227
  &::after {
package/src/components/templates/Asd20DistrictVideoTemplate/index.vue CHANGED
@@ -310,7 +310,18 @@ export default {
310
310
  @keyframes slide_left {
311
311
  from {
312
312
  opacity: 0;
313
- margin-left: 200px;
313
+ margin-left: 300px;
314
+ }
315
+ to {
316
+ opacity: 1;
317
+ margin-left: 0;
318
+ }
319
+ }
320
+
321
+ @keyframes slide_right {
322
+ from {
323
+ opacity: 0;
324
+ margin-left: -200px;
314
325
  }
315
326
  to {
316
327
  opacity: 1;
package/src/design/_typography.scss CHANGED
@@ -88,7 +88,7 @@
88
88
  }
89
89
  p + ul,
90
90
  p + ol {
91
- margin: space(-1) 0 space(1) 0;
91
+ margin: space(-0.75) 0 space(1) 0;
92
92
  }
93
93
 
94
94
  ul,
@@ -137,7 +137,7 @@
137
137
  // width: 25%;
138
138
  // margin-bottom: 1rem;
139
139
  flex: auto;
140
- flex-basis: 25%;
140
+ flex-basis: 40%;
141
141
  }
142
142
 
143
143
  h1,