@internetstiftelsen/styleguide 2.22.3-beta.0.20 → 2.22.3-beta.0.23

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/organisms/timeline/_timeline.scss +8 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@internetstiftelsen/styleguide",
3
- "version": "2.22.3-beta.0.20",
3
+ "version": "2.22.3-beta.0.23",
4
4
  "main": "dist/components.js",
5
5
  "ports": {
6
6
  "fractal": "3000"
package/src/organisms/timeline/_timeline.scss CHANGED
@@ -118,7 +118,7 @@ html {
118
118
  transition: opacity 1s ease-out, transform 5s cubic-bezier(0, 1, 0, 1);
119
119
  transform: translateY(200px);
120
120
  will-change: opacity, transform;
121
- transition-delay: 0.5s;
121
+ //transition-delay: 0.25s;
122
122
  flex: 100%;
123
123
 
124
124
  &.animate {
@@ -135,11 +135,16 @@ html {
135
135
  display: none;
136
136
  padding-bottom: 0;
137
137
  margin-top: 0;
138
- min-height: 150px;
138
+ min-height: 45px;
139
139
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='lds-ring' style='background: none;'%3E%3Ccircle cx='50' cy='50' ng-attr-r='%7B%7Bconfig.radius%7D%7D' ng-attr-stroke='%7B%7Bconfig.base%7D%7D' ng-attr-stroke-width='%7B%7Bconfig.width%7D%7D' fill='none' r='43' stroke='%23a7d8fd' stroke-width='7'%3E%3C/circle%3E%3Ccircle cx='50' cy='50' ng-attr-r='%7B%7Bconfig.radius%7D%7D' ng-attr-stroke='%7B%7Bconfig.stroke%7D%7D' ng-attr-stroke-width='%7B%7Bconfig.innerWidth%7D%7D' ng-attr-stroke-linecap='%7B%7Bconfig.linecap%7D%7D' fill='none' r='43' stroke='%2350b2fc' stroke-width='7' stroke-linecap='square' transform='rotate(27.6965 50 50)'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='linear' values='0 50 50;180 50 50;720 50 50' keyTimes='0;0.5;1' dur='2.5s' begin='0s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='stroke-dasharray' calcMode='linear' values='9.42477796076938 179.0707812546182;188.4955592153876 -2.842170943040401e-14;9.42477796076938 179.0707812546182' keyTimes='0;0.5;1' dur='2.5' begin='0s' repeatCount='indefinite'%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E%0A");
140
140
  background-repeat: no-repeat;
141
141
  background-position: center center;
142
- background-size: 30% 30%;
142
+ background-size: 45px 45px;
143
+
144
+ @include bp-up(lg) {
145
+ min-height: 100px;
146
+ background-size: 100px 100px;
147
+ }
143
148
 
144
149
  &[data-timeline-post-expanded-content="true"] {
145
150
  background-image: none;