hds-web 1.13.4 → 1.13.6

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/src/index.css CHANGED
@@ -41,6 +41,15 @@
41
41
 
42
42
  /*test*/
43
43
 
44
+ .myElement {
45
+ position: sticky;
46
+ top: 0px;
47
+ }
48
+
49
+ /* styles for when the header is in sticky mode */
50
+ .myElement.is-pinned {
51
+ color: red;
52
+ }
44
53
 
45
54
  .carouselShadow{
46
55
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
@@ -491,11 +500,12 @@
491
500
 
492
501
  .border-90 {
493
502
  position: relative;
503
+ background-color: white;
494
504
  }
495
505
 
496
506
  .border-90::after {
497
507
  content: "";
498
- position: absolute;
508
+ position: absolute;
499
509
  bottom: 0;
500
510
  left: 0;
501
511
  width: 100%;
@@ -839,6 +839,11 @@ select{
839
839
  position: relative;
840
840
  }
841
841
 
842
+ .sticky{
843
+ position: -webkit-sticky;
844
+ position: sticky;
845
+ }
846
+
842
847
  .inset-0{
843
848
  inset: 0px;
844
849
  }
@@ -1212,6 +1217,10 @@ select{
1212
1217
  margin-left: -1px;
1213
1218
  }
1214
1219
 
1220
+ .-mt-2{
1221
+ margin-top: -0.5rem;
1222
+ }
1223
+
1215
1224
  .-mt-4{
1216
1225
  margin-top: -1rem;
1217
1226
  }
@@ -1899,10 +1908,18 @@ select{
1899
1908
  max-width: 400px;
1900
1909
  }
1901
1910
 
1911
+ .max-w-\[430px\]{
1912
+ max-width: 430px;
1913
+ }
1914
+
1902
1915
  .max-w-\[44\.44rem\]{
1903
1916
  max-width: 44.44rem;
1904
1917
  }
1905
1918
 
1919
+ .max-w-\[583px\]{
1920
+ max-width: 583px;
1921
+ }
1922
+
1906
1923
  .max-w-\[6rem\]{
1907
1924
  max-width: 6rem;
1908
1925
  }
@@ -1937,14 +1954,6 @@ select{
1937
1954
  max-width: min-content;
1938
1955
  }
1939
1956
 
1940
- .max-w-\[430px\]{
1941
- max-width: 430px;
1942
- }
1943
-
1944
- .max-w-\[583px\]{
1945
- max-width: 583px;
1946
- }
1947
-
1948
1957
  .flex-1{
1949
1958
  flex: 1 1 0%;
1950
1959
  }
@@ -6208,10 +6217,6 @@ select{
6208
6217
  padding-bottom: 2rem;
6209
6218
  }
6210
6219
 
6211
- .pb-\[54px\]{
6212
- padding-bottom: 54px;
6213
- }
6214
-
6215
6220
  .pb-\[56\.2\%\]{
6216
6221
  padding-bottom: 56.2%;
6217
6222
  }
@@ -6252,6 +6257,10 @@ select{
6252
6257
  padding-left: 1.75rem;
6253
6258
  }
6254
6259
 
6260
+ .pl-8{
6261
+ padding-left: 2rem;
6262
+ }
6263
+
6255
6264
  .pl-\[30px\]{
6256
6265
  padding-left: 30px;
6257
6266
  }
@@ -7426,6 +7435,18 @@ select{
7426
7435
 
7427
7436
  /*test*/
7428
7437
 
7438
+ .myElement {
7439
+ position: -webkit-sticky;
7440
+ position: sticky;
7441
+ top: 0px;
7442
+ }
7443
+
7444
+ /* styles for when the header is in sticky mode */
7445
+
7446
+ .myElement.is-pinned {
7447
+ color: red;
7448
+ }
7449
+
7429
7450
  .carouselShadow{
7430
7451
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
7431
7452
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
@@ -8275,6 +8296,7 @@ select{
8275
8296
 
8276
8297
  .border-90 {
8277
8298
  position: relative;
8299
+ background-color: white;
8278
8300
  }
8279
8301
 
8280
8302
  .border-90::after {
@@ -8659,10 +8681,6 @@ select{
8659
8681
  border-bottom-left-radius: 9999px;
8660
8682
  }
8661
8683
 
8662
- .first\:pr-20:first-child{
8663
- padding-right: 5rem;
8664
- }
8665
-
8666
8684
  .last\:mb-0:last-child{
8667
8685
  margin-bottom: 0px;
8668
8686
  }