saasufy-components 3.1.1 → 3.1.3

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/styles.css +31 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "saasufy-components",
3
- "version": "3.1.1",
3
+ "version": "3.1.3",
4
4
  "description": "Components for Saasufy.",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/styles.css CHANGED
@@ -166,12 +166,14 @@ collection-browser > [slot=next-page] {
166
166
  display: flex;
167
167
  flex-direction: column;
168
168
  width: 100%;
169
+ box-sizing: border-box;
169
170
  }
170
171
 
171
172
  .container-horizontal {
172
173
  display: flex;
173
174
  flex-direction: row;
174
175
  width: 100%;
176
+ box-sizing: border-box;
175
177
  }
176
178
 
177
179
  .container-narrow {
@@ -194,6 +196,35 @@ collection-browser > [slot=next-page] {
194
196
  align-items: center;
195
197
  }
196
198
 
199
+ .container-padded-small {
200
+ padding: 5px;
201
+ }
202
+
203
+ .container-padded-medium {
204
+ padding: 10px;
205
+ }
206
+
207
+ .container-padded-large {
208
+ padding: 20px;
209
+ }
210
+
211
+ .container-margined-small {
212
+ margin: 5px;
213
+ }
214
+
215
+ .container-margined-medium {
216
+ margin: 10px;
217
+ }
218
+
219
+ .container-margined-large {
220
+ margin: 20px;
221
+ }
222
+
223
+ .container-unpadded-sides {
224
+ padding-left: 0;
225
+ padding-right: 0;
226
+ }
227
+
197
228
  .container-spaced-small {
198
229
  gap: 5px;
199
230
  }