@qrsln/lootstrap 22.4.15-beta.0 → 22.4.15-beta.1
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/dist/css/lootstrap.css +17 -17
- package/dist/css/lootstrap.css.map +1 -1
- package/dist/css/lootstrap.min.css +2 -2
- package/package.json +1 -1
- package/scss/Abstracts/_variables.scss +12 -1
- package/scss/Architecture/Components/Buttons/_button-circle.scss +1 -1
- package/scss/Architecture/Components/Buttons/_button-test.scss +7 -4
- package/scss/Architecture/Components/Buttons/_buttons.scss +1 -2
- package/scss/_header.scss +1 -1
package/dist/css/lootstrap.css
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/*!
|
|
3
3
|
* CSS Compiled on: 2022-04-15
|
|
4
4
|
*
|
|
5
|
-
* Lootstrap v22.4.15-beta.
|
|
5
|
+
* Lootstrap v22.4.15-beta.1 (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
|
*/
|
|
@@ -1279,7 +1279,7 @@ progress {
|
|
|
1279
1279
|
transform: scale(1,.6)
|
|
1280
1280
|
}
|
|
1281
1281
|
.Ph-paragraph .Ph-line:last-child {
|
|
1282
|
-
width:
|
|
1282
|
+
width: 49%
|
|
1283
1283
|
}
|
|
1284
1284
|
.Ph-paragraph .Ph-line:nth-child(1n) {
|
|
1285
1285
|
-webkit-animation-delay: .7s;
|
|
@@ -1397,16 +1397,16 @@ progress {
|
|
|
1397
1397
|
background-color: transparent
|
|
1398
1398
|
}
|
|
1399
1399
|
.Ph-textual:nth-child(1n) {
|
|
1400
|
-
background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12)
|
|
1400
|
+
background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12) 22%,transparent calc(22% + 1px),transparent calc(22% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(22% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 66%,transparent calc(66% + 1px),transparent calc(66% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(66% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 80%,transparent calc(80% + 1px),transparent calc(80% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(80% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 93%,transparent calc(93% + 1px),transparent calc(93% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(93% + 6px),hsla(var(--ls-bg-accent-hsl),.12))
|
|
1401
1401
|
}
|
|
1402
1402
|
.Ph-textual:nth-child(2n) {
|
|
1403
|
-
background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12)
|
|
1403
|
+
background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12) 24%,transparent calc(24% + 1px),transparent calc(24% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(24% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 52%,transparent calc(52% + 1px),transparent calc(52% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(52% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 77%,transparent calc(77% + 1px),transparent calc(77% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(77% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 93%,transparent calc(93% + 1px),transparent calc(93% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(93% + 6px),hsla(var(--ls-bg-accent-hsl),.12))
|
|
1404
1404
|
}
|
|
1405
1405
|
.Ph-textual:nth-child(3n) {
|
|
1406
|
-
background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12)
|
|
1406
|
+
background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12) 16%,transparent calc(16% + 1px),transparent calc(16% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(16% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 47%,transparent calc(47% + 1px),transparent calc(47% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(47% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 75%,transparent calc(75% + 1px),transparent calc(75% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(75% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 88%,transparent calc(88% + 1px),transparent calc(88% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(88% + 6px),hsla(var(--ls-bg-accent-hsl),.12))
|
|
1407
1407
|
}
|
|
1408
1408
|
.Ph-textual:nth-child(4n) {
|
|
1409
|
-
background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12)
|
|
1409
|
+
background-image: linear-gradient(90deg,hsla(var(--ls-bg-accent-hsl),.12) 28%,transparent calc(28% + 1px),transparent calc(28% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(28% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 76%,transparent calc(76% + 1px),transparent calc(76% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(76% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 88%,transparent calc(88% + 1px),transparent calc(88% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(88% + 6px),hsla(var(--ls-bg-accent-hsl),.12) 100%,transparent calc(100% + 1px),transparent calc(100% + 6px),hsla(var(--ls-bg-accent-hsl),.12) calc(100% + 6px),hsla(var(--ls-bg-accent-hsl),.12))
|
|
1410
1410
|
}
|
|
1411
1411
|
.Ph-pulse {
|
|
1412
1412
|
-webkit-animation: Keyframe-Pulsate 1.5s ease-in-out .5s infinite;
|
|
@@ -7920,7 +7920,7 @@ progress {
|
|
|
7920
7920
|
word-wrap: break-word;
|
|
7921
7921
|
white-space: normal;
|
|
7922
7922
|
cursor: pointer;
|
|
7923
|
-
box-shadow: 0 1px 1px -1px hsla(var(--ls-
|
|
7923
|
+
box-shadow: 0 1px 1px -1px hsla(var(--ls-shadow-hsl),.27),0 2px 2px 0 hsla(var(--ls-shadow-hsl),.18),0 4px 6px 0 hsla(var(--ls-shadow-hsl),.09);
|
|
7924
7924
|
transition: all .2s ease-in-out;
|
|
7925
7925
|
color: inherit;
|
|
7926
7926
|
background-color: inherit;
|
|
@@ -8798,7 +8798,7 @@ button.Btn:not(:disabled):not(.Disabled) {
|
|
|
8798
8798
|
.Ripple[class*=Btn-outline-]:after,
|
|
8799
8799
|
button.Btn:not(:disabled):not(.Disabled).Btn-link:after,
|
|
8800
8800
|
button.Btn:not(:disabled):not(.Disabled)[class*=Btn-outline-]:after {
|
|
8801
|
-
background-image: radial-gradient(circle,hsla(var(--ls-
|
|
8801
|
+
background-image: radial-gradient(circle,hsla(var(--ls-overlay-hsl),100) 10%,transparent 10.01%)
|
|
8802
8802
|
}
|
|
8803
8803
|
.Ripple:after,
|
|
8804
8804
|
button.Btn:not(:disabled):not(.Disabled):after {
|
|
@@ -8851,13 +8851,13 @@ button.Btn:not(:disabled):not(.Disabled):active:after {
|
|
|
8851
8851
|
height: 100%
|
|
8852
8852
|
}
|
|
8853
8853
|
.Border-fx-draw:hover:before {
|
|
8854
|
-
border-top-color:
|
|
8855
|
-
border-right-color:
|
|
8854
|
+
border-top-color: hsla(var(--ls-border-hsl),var(--ls-border-alpha));
|
|
8855
|
+
border-right-color: hsla(var(--ls-border-hsl),var(--ls-border-alpha));
|
|
8856
8856
|
transition: width .1s ease-out,height .1s ease-out .1s
|
|
8857
8857
|
}
|
|
8858
8858
|
.Border-fx-draw:hover:after {
|
|
8859
|
-
border-bottom-color:
|
|
8860
|
-
border-left-color:
|
|
8859
|
+
border-bottom-color: hsla(var(--ls-border-hsl),var(--ls-border-alpha));
|
|
8860
|
+
border-left-color: hsla(var(--ls-border-hsl),var(--ls-border-alpha));
|
|
8861
8861
|
transition: border-color 0s ease-out .2s,width .1s ease-out .2s,height .1s ease-out .3s
|
|
8862
8862
|
}
|
|
8863
8863
|
.Border-fx-meet {
|
|
@@ -8886,7 +8886,7 @@ button.Btn:not(:disabled):not(.Disabled):active:after {
|
|
|
8886
8886
|
}
|
|
8887
8887
|
.Border-fx-meet:hover:after,
|
|
8888
8888
|
.Border-fx-meet:hover:before {
|
|
8889
|
-
border-color:
|
|
8889
|
+
border-color: hsla(var(--ls-border-hsl),var(--ls-border-alpha));
|
|
8890
8890
|
transition: border-color 0s,width .25s,height .25s;
|
|
8891
8891
|
width: 100%;
|
|
8892
8892
|
height: 100%
|
|
@@ -8915,13 +8915,13 @@ button.Btn:not(:disabled):not(.Disabled):active:after {
|
|
|
8915
8915
|
transform-origin: center
|
|
8916
8916
|
}
|
|
8917
8917
|
.Border-fx-center:before {
|
|
8918
|
-
border-top: 2px solid
|
|
8919
|
-
border-bottom: 2px solid
|
|
8918
|
+
border-top: 2px solid hsla(var(--ls-border-hsl),var(--ls-border-alpha));
|
|
8919
|
+
border-bottom: 2px solid hsla(var(--ls-border-hsl),var(--ls-border-alpha));
|
|
8920
8920
|
transform: scale3d(0,1,1)
|
|
8921
8921
|
}
|
|
8922
8922
|
.Border-fx-center:after {
|
|
8923
|
-
border-left: 2px solid
|
|
8924
|
-
border-right: 2px solid
|
|
8923
|
+
border-left: 2px solid hsla(var(--ls-border-hsl),var(--ls-border-alpha));
|
|
8924
|
+
border-right: 2px solid hsla(var(--ls-border-hsl),var(--ls-border-alpha));
|
|
8925
8925
|
transform: scale3d(1,0,1)
|
|
8926
8926
|
}
|
|
8927
8927
|
.Border-fx-center:hover:after,
|