@internetstiftelsen/styleguide 2.21.15 → 2.21.16

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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@internetstiftelsen/styleguide",
3
- "version": "2.21.15",
3
+ "version": "2.21.16",
4
4
  "main": "dist/components.js",
5
5
  "ports": {
6
6
  "fractal": "3000"
@@ -70,7 +70,7 @@
70
70
  <div class="grid-18 grid-md-14">
71
71
  <ul class="checklist">
72
72
  <li>Lorem ipsum dolor sit amet</li>
73
- <li>Sed nisl justo, <a href="#">pharetra non scelerisque</a></li>
73
+ <li>Sed nisl justo, pharetra non scelerisque</li>
74
74
  <li> Vestibulum ullamcorper</li>
75
75
  <li>
76
76
  Nam vitae mauris blandit
@@ -132,18 +132,21 @@
132
132
  position: relative;
133
133
 
134
134
  &::after {
135
- content: '';
136
- padding: rhythm(1);
135
+ content: 'Förstora bilden';
136
+ color: $color-snow;
137
+ padding: rhythm(1) rhythm(2) rhythm(1) rhythm(4);
137
138
  display: block;
138
139
  position: absolute;
139
140
  top: 0;
140
141
  left: 0;
141
- border-radius: $border-radius;
142
- width: $icon-size-large * 1.4;
142
+ border-top-left-radius: $border-radius;
143
+ border-bottom-right-radius: $border-radius;
144
+ width: auto;
145
+ line-height: 1;
143
146
  height: $icon-size-large * 1.4;
144
147
  background-color: rgba($color-cyberspace, 0.8);
145
148
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icon-search' viewbox='0 0 32 32' width='32' height='32' fill='%23ffffff'%3E%3Cpath d='M24,21.8l8,8L29.9,32l-8-8c-5.9,4.6-14.3,3.6-19-2.2S-0.7,7.6,5.1,2.9S19.3-0.7,24,5.1C27.9,10,27.9,16.9,24,21.8L24,21.8z M13.4,23.9c5.8,0,10.5-4.7,10.5-10.5S19.2,3,13.4,3S3,7.7,3,13.4S7.7,23.9,13.4,23.9z'/%3E%3C/svg%3E");
146
- background-position: center center;
149
+ background-position: rhythm(1) center;
147
150
  background-size: $icon-size-medium $icon-size-medium;
148
151
  background-repeat: no-repeat;
149
152
 
@@ -181,9 +184,13 @@
181
184
  }
182
185
 
183
186
  figcaption {
187
+ max-width: rem(612px);
188
+ text-align: center;
184
189
  color: $color-snow;
185
- padding-left: rhythm(1);
186
- padding-right: rhythm(1);
190
+ padding-left: rhythm(2);
191
+ padding-right: rhythm(2);
192
+ margin-bottom: 0 !important;
193
+ padding-bottom: 0 !important;
187
194
  }
188
195
  }
189
196
  }