@qrsln/lootstrap 22.3.2-beta.0 → 22.3.24-beta.0

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 (17) hide show
  1. package/dist/css/lootstrap.css +576 -242
  2. package/dist/css/lootstrap.css.map +1 -1
  3. package/dist/css/lootstrap.min.css +3 -3
  4. package/package.json +4 -5
  5. package/scss/Architecture/Components/_card.scss +61 -9
  6. package/scss/Architecture/Components/_loader.scss +33 -38
  7. package/scss/Architecture/Components/_nav.scss +41 -1
  8. package/scss/Architecture/Components/_rating.scss +19 -84
  9. package/scss/Architecture/Components/_scrollbar.scss +1 -1
  10. package/scss/Architecture/Components/_square.scss +2 -1
  11. package/scss/Architecture/Components/_timeline.scss +36 -81
  12. package/scss/Architecture/Components/_timer.scss +15 -55
  13. package/scss/Architecture/Roots/_avatar.scss +24 -10
  14. package/scss/Architecture/Roots/_shape.scss +9 -9
  15. package/scss/Architecture/Utils/_border.scss +12 -12
  16. package/scss/Architecture/Utils/_utilities.scss +1 -1
  17. package/scss/_header.scss +2 -2
package/scss/Architecture/Roots/_avatar.scss CHANGED
@@ -107,12 +107,19 @@ $Lime: hsl(120, 100%, 50%) !default;
107
107
  }
108
108
 
109
109
  rect[fill="white"] {
110
- width: 80%;
111
- height: 80%;
112
-
110
+ width: 85%;
111
+ height: 85%;
113
112
  cy: 18;
114
- x: 10%;
115
- y: 10%;
113
+ x: 7.5%;
114
+ y: 7.5%;
115
+
116
+ rx: 0;
117
+ ry: 0;
118
+
119
+ &.Round {
120
+ rx: 8;
121
+ ry: 8;
122
+ }
116
123
  }
117
124
  }
118
125
 
@@ -146,12 +153,19 @@ $Lime: hsl(120, 100%, 50%) !default;
146
153
  }
147
154
 
148
155
  rect {
149
- width: 80%;
150
- height: 80%;
151
-
156
+ width: 85%;
157
+ height: 85%;
152
158
  cy: 18;
153
- x: 10%;
154
- y: 10%;
159
+ x: 7.5%;
160
+ y: 7.5%;
161
+
162
+ rx: 0;
163
+ ry: 0;
164
+
165
+ &.Round {
166
+ rx: 8;
167
+ ry: 8;
168
+ }
155
169
  }
156
170
  }
157
171
 
package/scss/Architecture/Roots/_shape.scss CHANGED
@@ -23,7 +23,7 @@
23
23
 
24
24
  .Rect {
25
25
  position: relative;
26
- display: block;
26
+ display: flex;
27
27
  flex: 1 0 auto;
28
28
 
29
29
  &:before {
@@ -35,7 +35,7 @@
35
35
 
36
36
  .Sqr, .Circle {
37
37
  position: relative;
38
- display: inline-block;
38
+ display: flex;
39
39
  overflow: hidden;
40
40
 
41
41
  width: 100%;
@@ -60,7 +60,7 @@
60
60
 
61
61
  transform: rotate(45deg);
62
62
 
63
- .Content {
63
+ .Content, .Square-inner {
64
64
  transform: rotate(-45deg);
65
65
  }
66
66
  }
@@ -70,23 +70,23 @@
70
70
  */
71
71
 
72
72
  .Skew-20 {
73
- margin-left: 30px;
74
- margin-right: 30px;
73
+ //margin-left: 30px;
74
+ //margin-right: 30px;
75
75
 
76
76
  transform: skew(20deg);
77
77
 
78
- .Content {
78
+ .Content, .Square-inner {
79
79
  transform: skew(-20deg);
80
80
  }
81
81
  }
82
82
 
83
83
  .Skew-20n {
84
- margin-left: 30px;
85
- margin-right: 30px;
84
+ //margin-left: 30px;
85
+ //margin-right: 30px;
86
86
 
87
87
  transform: skew(-20deg);
88
88
 
89
- .Content {
89
+ .Content, .Square-inner {
90
90
  transform: skew(20deg);
91
91
  }
92
92
  }
package/scss/Architecture/Utils/_border.scss CHANGED
@@ -18,19 +18,19 @@ $utilities-Border: (
18
18
  ),
19
19
  // Border Directions
20
20
  "Border-top": (
21
- Prefix: Border-t, Properties: border-top, Important: true,
21
+ Prefix: Border-top, Properties: border-top, Important: true,
22
22
  Values: (null: $Border-width solid $Border-color, 0: 0),
23
23
  ),
24
24
  "Border-right": (
25
- Prefix: Border-r, Properties: border-right, Important: true,
25
+ Prefix: Border-end, Properties: border-right, Important: true,
26
26
  Values: (null: $Border-width solid $Border-color, 0: 0),
27
27
  ),
28
28
  "Border-bottom": (
29
- Prefix: Border-b, Properties: border-bottom, Important: true,
29
+ Prefix: Border-bottom, Properties: border-bottom, Important: true,
30
30
  Values: (null: $Border-width solid $Border-color, 0: 0),
31
31
  ),
32
32
  "Border-left": (
33
- Prefix: Border-l, Properties: border-left, Important: true,
33
+ Prefix: Border-start, Properties: border-left, Important: true,
34
34
  Values: (null: $Border-width solid $Border-color, 0: 0),
35
35
  ),
36
36
  // Border-width
@@ -48,35 +48,35 @@ $utilities-Border: (
48
48
  ),
49
49
  // Rounded Directions
50
50
  "Rounded-top": (
51
- Prefix: Rounded-t, Properties: border-top-left-radius border-top-right-radius, Important: false,
51
+ Prefix: Rounded-top, Properties: border-top-left-radius border-top-right-radius, Important: false,
52
52
  Values: (null: #{var(--#{$var-Prefix}border-radius, $Rounded)}),
53
53
  ),
54
54
  "Rounded-top-0": (
55
- Prefix: Rounded-t, Properties: border-top-left-radius border-top-right-radius, Important: true,
55
+ Prefix: Rounded-top, Properties: border-top-left-radius border-top-right-radius, Important: true,
56
56
  Values: (0: 0),
57
57
  ),
58
58
  "Rounded-right": (
59
- Prefix: Rounded-r, Properties: border-top-right-radius border-bottom-right-radius, Important: false,
59
+ Prefix: Rounded-end, Properties: border-top-right-radius border-bottom-right-radius, Important: false,
60
60
  Values: (null: #{var(--#{$var-Prefix}border-radius, $Rounded)}),
61
61
  ),
62
62
  "Rounded-right-0": (
63
- Prefix: Rounded-r, Properties: border-top-right-radius border-bottom-right-radius, Important: true,
63
+ Prefix: Rounded-end, Properties: border-top-right-radius border-bottom-right-radius, Important: true,
64
64
  Values: (0: 0),
65
65
  ),
66
66
  "Rounded-bottom": (
67
- Prefix: Rounded-b, Properties: border-bottom-right-radius border-bottom-left-radius, Important: false,
67
+ Prefix: Rounded-bottom, Properties: border-bottom-right-radius border-bottom-left-radius, Important: false,
68
68
  Values: (null: #{var(--#{$var-Prefix}border-radius, $Rounded)}),
69
69
  ),
70
70
  "Rounded-bottom-0": (
71
- Prefix: Rounded-b, Properties: border-bottom-right-radius border-bottom-left-radius, Important: true,
71
+ Prefix: Rounded-bottom, Properties: border-bottom-right-radius border-bottom-left-radius, Important: true,
72
72
  Values: (0: 0),
73
73
  ),
74
74
  "Rounded-left": (
75
- Prefix: Rounded-l, Properties: border-bottom-left-radius border-top-left-radius, Important: false,
75
+ Prefix: Rounded-start, Properties: border-bottom-left-radius border-top-left-radius, Important: false,
76
76
  Values: (null: #{var(--#{$var-Prefix}border-radius, $Rounded)}),
77
77
  ),
78
78
  "Rounded-left-0": (
79
- Prefix: Rounded-l, Properties: border-bottom-left-radius border-top-left-radius, Important: true,
79
+ Prefix: Rounded-start, Properties: border-bottom-left-radius border-top-left-radius, Important: true,
80
80
  Values: (0: 0),
81
81
  ),
82
82
  // Subtractive 1 Side
package/scss/Architecture/Utils/_utilities.scss CHANGED
@@ -110,7 +110,7 @@ $utilities: (
110
110
  /*
111
111
  // Sizing Width, Height
112
112
  */
113
- "Width": (Prefix: W, Properties: width, Important: true, Values: $sizes-percents,),
113
+ "Width": (Prefix: W, Properties: width, Important: true, Values: $sizes-percents, Responsive: true,),
114
114
  "Max-Width": (Prefix: MW, Properties: max-width, Important: true, Values: (100: 100%)),
115
115
  "viewport-Width": (Prefix: VW, Properties: width, Important: true, Values: (100: 100vw)),
116
116
  "Height": (Prefix: H, Properties: height, Important: true, Values: $sizes-percents,),
package/scss/_header.scss CHANGED
@@ -1,8 +1,8 @@
1
1
 
2
2
  /*!
3
- * CSS Compiled on: 2022-03-01
3
+ * CSS Compiled on: 2022-03-24
4
4
  *
5
- * Lootstrap v22.3.2-beta.0 (https://github.com/krsln/Lootstrap/)
5
+ * Lootstrap v22.3.24-beta.0 (https://github.com/krsln/Lootstrap/)
6
6
  * Copyright 2022 Qrsln.
7
7
  * Licensed under MIT (https://github.com/krsln/Lootstrap/blob/master/LICENSE)
8
8
  */