react-asc 20.1.0 → 21.0.2

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": "react-asc",
3
- "version": "20.1.0",
3
+ "version": "21.0.2",
4
4
  "description": "handcrafted react components",
5
5
  "main": "index.js",
6
6
  "module": "index.es.js",
@@ -10,7 +10,6 @@
10
10
  "license": "MIT",
11
11
  "dependencies": {
12
12
  "@popperjs/core": "2.9.2",
13
- "bootstrap": "5.1.3",
14
13
  "react": "17.0.2",
15
14
  "react-dom": "17.0.2",
16
15
  "modern-normalize": "^1.1.0"
@@ -24,7 +23,6 @@
24
23
  "ui library",
25
24
  "components",
26
25
  "library",
27
- "bootstrap",
28
26
  "material"
29
27
  ]
30
28
  }
package/react-asc.scss CHANGED
@@ -132,6 +132,10 @@
132
132
  margin-top: 30px !important;
133
133
  }
134
134
 
135
+ .mt-4 {
136
+ margin-top: 40px !important;
137
+ }
138
+
135
139
  .mb-0 {
136
140
  margin-bottom: 0px !important;
137
141
  }
@@ -177,13 +181,89 @@
177
181
  flex-direction: column-reverse;
178
182
  }
179
183
 
184
+ .w-100 {
185
+ width: 100%;
186
+ }
187
+
188
+ .h-100 {
189
+ height: 100%;
190
+ }
191
+
192
+ .pt-1 {
193
+ padding-top: 10px !important;
194
+ }
195
+
196
+ .pt-2 {
197
+ padding-top: 20px !important;
198
+ }
199
+
200
+ .pt-3 {
201
+ padding-top: 30px !important;
202
+ }
203
+
204
+ .pb-1 {
205
+ padding-bottom: 10px !important;
206
+ }
207
+
208
+ .pb-2 {
209
+ padding-bottom: 20px !important;
210
+ }
211
+
212
+ .pb-3 {
213
+ padding-bottom: 30px !important;
214
+ }
215
+
216
+ .pb-4 {
217
+ padding-bottom: 40px !important;
218
+ }
219
+
220
+ .p-3 {
221
+ padding: 1rem !important;
222
+ }
223
+
224
+ .p-1 {
225
+ padding: 10px !important;
226
+ }
227
+
228
+ .p-2 {
229
+ padding: 20px !important;
230
+ }
231
+
232
+ .p-3 {
233
+ padding: 30px !important;
234
+ }
235
+ .p-4 {
236
+ padding: 40px !important;
237
+ }
238
+
239
+ .pt-0 {
240
+ padding-top: 0px !important;
241
+ }
242
+
243
+ .pb-0 {
244
+ padding-bottom: 0px !important;
245
+ }
246
+
247
+ .text-center {
248
+ text-align: center;
249
+ }
250
+
251
+ .rounded-pill {
252
+ border-radius: 50rem !important;
253
+ }
254
+
180
255
  @media (max-width: 576px) {
181
256
  .flex-row {
182
- flex-direction: column!important;
257
+ flex-direction: column !important;
183
258
  }
184
259
  }
185
260
  @media (min-width: 768px) {
186
-
261
+ .justify-content-md-center {
262
+ justify-content: center !important;
263
+ }
264
+ .align-items-md-center {
265
+ align-items: center !important;
266
+ }
187
267
  }
188
268
 
189
269
  .modal-open {
package/readme.md CHANGED
@@ -12,16 +12,14 @@ react-asc interactive showcase [link](https://react-asc.netlify.app)
12
12
  `npm install react-asc`
13
13
 
14
14
 
15
- ### install twitter bootstrap 5
16
- react-asc aims to get rid of bootstrap - but for now you need Bootstrap
17
-
18
- `npm install bootstrap`
15
+ ### install modern-normalize
16
+ `npm install modern-normalize`
19
17
 
20
18
 
21
19
  ### Include needed scss files
22
20
 
23
21
  ```scss
24
- @import "~bootstrap/scss/bootstrap";
22
+ @import "modern-normalize";
25
23
  @import "react-asc/react-asc.scss";
26
24
  ```
27
25