@clayui/css 3.65.2 → 3.68.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.
package/lib/css/atlas.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
- * Clay 3.65.2
3
+ * Clay 3.68.0
4
4
  *
5
5
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
6
6
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -6300,8 +6300,8 @@ input[type=button].btn-block {
6300
6300
  font-size: 0.875rem;
6301
6301
  margin-top: 0.625rem;
6302
6302
  padding-bottom: 0.375rem;
6303
- padding-left: 1.25rem;
6304
- padding-right: 1.25rem;
6303
+ padding-left: 1rem;
6304
+ padding-right: 1rem;
6305
6305
  padding-top: 0.375rem;
6306
6306
  position: relative;
6307
6307
  overflow-wrap: break-word;
@@ -6317,8 +6317,8 @@ input[type=button].btn-block {
6317
6317
  font-weight: 600;
6318
6318
  margin-top: 0.625rem;
6319
6319
  padding-bottom: 0.375rem;
6320
- padding-left: 1.25rem;
6321
- padding-right: 1.25rem;
6320
+ padding-left: 1rem;
6321
+ padding-right: 1rem;
6322
6322
  padding-top: 0.375rem;
6323
6323
  text-transform: uppercase;
6324
6324
  white-space: normal;
@@ -6332,7 +6332,7 @@ input[type=button].btn-block {
6332
6332
  .dropdown-caption {
6333
6333
  color: #6b6c7e;
6334
6334
  font-size: 0.875rem;
6335
- padding: 0.5rem 1.25rem;
6335
+ padding: 0.5rem 1rem;
6336
6336
  white-space: normal;
6337
6337
  overflow-wrap: break-word;
6338
6338
  word-wrap: break-word;
@@ -6349,8 +6349,8 @@ input[type=button].btn-block {
6349
6349
  font-weight: 400;
6350
6350
  overflow: hidden;
6351
6351
  padding-bottom: 0.5rem;
6352
- padding-left: 1.25rem;
6353
- padding-right: 1.25rem;
6352
+ padding-left: 1rem;
6353
+ padding-right: 1rem;
6354
6354
  padding-top: 0.5rem;
6355
6355
  position: relative;
6356
6356
  text-align: inherit;
@@ -6427,22 +6427,22 @@ input[type=button].btn-block {
6427
6427
  .dropdown-item .c-inner {
6428
6428
  flex-grow: 1;
6429
6429
  margin-bottom: -0.5rem;
6430
- margin-left: -1.25rem;
6431
- margin-right: -1.25rem;
6430
+ margin-left: -1rem;
6431
+ margin-right: -1rem;
6432
6432
  margin-top: -0.5rem;
6433
6433
  width: auto;
6434
6434
  }
6435
6435
  .dropdown-item.autofit-row {
6436
- padding-left: 1rem;
6437
- padding-right: 1rem;
6436
+ padding-left: calc(1rem - 0.25rem);
6437
+ padding-right: calc(1rem - 0.25rem);
6438
6438
  }
6439
6439
  .dropdown-item.autofit-row > .autofit-col {
6440
6440
  padding-left: 0.25rem;
6441
6441
  padding-right: 0.25rem;
6442
6442
  }
6443
6443
  .dropdown-item .autofit-row {
6444
- margin-left: 0.25rem;
6445
- margin-right: 0.25rem;
6444
+ margin-left: -0.25rem;
6445
+ margin-right: -0.25rem;
6446
6446
  width: auto;
6447
6447
  }
6448
6448
  .dropdown-item .autofit-row > .autofit-col {
@@ -6473,13 +6473,13 @@ input[type=button].btn-block {
6473
6473
  display: block;
6474
6474
  font-weight: 400;
6475
6475
  padding-bottom: 0.5rem;
6476
- padding-left: 1.25rem;
6477
- padding-right: 1.25rem;
6476
+ padding-left: 1rem;
6477
+ padding-right: 1rem;
6478
6478
  padding-top: 0.5rem;
6479
6479
  }
6480
6480
 
6481
6481
  .dropdown-section {
6482
- padding: 0.5rem 1.25rem;
6482
+ padding: 0.5rem 1rem;
6483
6483
  }
6484
6484
  .dropdown-section .form-group + .form-group {
6485
6485
  margin-top: 1rem;
@@ -6499,7 +6499,7 @@ input[type=button].btn-block {
6499
6499
 
6500
6500
  .dropdown-footer {
6501
6501
  box-shadow: -1px -2px 3px -3px rgba(0, 0, 0, 0.5);
6502
- padding: 0.5rem 1.25rem 0;
6502
+ padding: 0.5rem 1rem 0;
6503
6503
  position: relative;
6504
6504
  }
6505
6505
 
@@ -6541,7 +6541,7 @@ input[type=button].btn-block {
6541
6541
  .dropdown-menu .alert {
6542
6542
  line-height: normal;
6543
6543
  margin: 0.5rem;
6544
- padding: 0.375rem 1.25rem;
6544
+ padding: 0.375rem 1rem;
6545
6545
  }
6546
6546
  .dropdown-menu .alert:first-child {
6547
6547
  margin-top: 0;
@@ -6701,7 +6701,7 @@ input[type=button].btn-block {
6701
6701
  }
6702
6702
  .dropdown-menu-indicator-start .dropdown-item-indicator {
6703
6703
  height: 1rem;
6704
- left: 1.25rem;
6704
+ left: 1rem;
6705
6705
  position: absolute;
6706
6706
  top: 0.5rem;
6707
6707
  width: 1rem;
@@ -6713,10 +6713,16 @@ input[type=button].btn-block {
6713
6713
  .dropdown-menu-indicator-start .dropdown-subheader,
6714
6714
  .dropdown-menu-indicator-start .dropdown-caption,
6715
6715
  .dropdown-menu-indicator-start .dropdown-item {
6716
- padding-left: 3.25rem;
6716
+ padding-left: calc(
6717
+ 1rem + 1rem + 1rem
6718
+ );
6717
6719
  }
6718
6720
  .dropdown-menu-indicator-start .dropdown-item .c-inner {
6719
- margin-left: -3.25rem;
6721
+ margin-left: calc((
6722
+ 1rem +
6723
+ 1rem +
6724
+ 1rem
6725
+ ) * -1);
6720
6726
  }
6721
6727
 
6722
6728
  .dropdown-item-indicator-start {
@@ -6725,7 +6731,7 @@ input[type=button].btn-block {
6725
6731
  display: inline-flex;
6726
6732
  height: 1rem;
6727
6733
  justify-content: center;
6728
- left: 1.25rem;
6734
+ left: 1rem;
6729
6735
  position: absolute;
6730
6736
  right: auto;
6731
6737
  top: calc( 0.5rem - (( 1rem - (1em * 1.5) ) / 2) );
@@ -6755,17 +6761,23 @@ input[type=button].btn-block {
6755
6761
  }
6756
6762
  .dropdown-menu-indicator-end .dropdown-item-indicator {
6757
6763
  position: absolute;
6758
- right: 1.25rem;
6764
+ right: 1rem;
6759
6765
  top: 0.5rem;
6760
6766
  }
6761
6767
  .dropdown-menu-indicator-end .dropdown-item-indicator-text-end {
6762
6768
  padding-right: 0;
6763
6769
  }
6764
6770
  .dropdown-menu-indicator-end .dropdown-item {
6765
- padding-right: 3.25rem;
6771
+ padding-right: calc(
6772
+ 1rem + 1rem + 1rem
6773
+ );
6766
6774
  }
6767
6775
  .dropdown-menu-indicator-end .dropdown-item .c-inner {
6768
- margin-right: -3.25rem;
6776
+ margin-right: calc((
6777
+ 1rem +
6778
+ 1rem +
6779
+ 1rem
6780
+ ) * -1);
6769
6781
  }
6770
6782
 
6771
6783
  .dropdown-item-indicator-end {
@@ -6776,7 +6788,7 @@ input[type=button].btn-block {
6776
6788
  justify-content: center;
6777
6789
  left: auto;
6778
6790
  position: absolute;
6779
- right: 1.25rem;
6791
+ right: 1rem;
6780
6792
  top: calc( 0.5rem - (( 1rem - (1em * 1.5) ) / 2) );
6781
6793
  width: 1rem;
6782
6794
  }
@@ -11623,8 +11635,12 @@ label.custom-control-label {
11623
11635
  .modal-footer {
11624
11636
  align-items: center;
11625
11637
  border-top: 0.0625rem solid #e7e7ed;
11626
- border-bottom-left-radius: 0.3125rem;
11627
- border-bottom-right-radius: 0.3125rem;
11638
+ border-bottom-left-radius: calc(
11639
+ 0.375rem - 0.0625rem
11640
+ );
11641
+ border-bottom-right-radius: calc(
11642
+ 0.375rem - 0.0625rem
11643
+ );
11628
11644
  display: flex;
11629
11645
  flex-shrink: 0;
11630
11646
  flex-wrap: wrap;
@@ -17606,8 +17622,8 @@ label.custom-control-label {
17606
17622
  background-color: #fff;
17607
17623
  border-bottom: 0.0625rem solid #f2f2f2;
17608
17624
  border-color: #e7e7ed;
17609
- border-top-left-radius: 0.1875rem;
17610
- border-top-right-radius: 0.1875rem;
17625
+ border-top-left-radius: calc( 0.25rem - 0.0625rem );
17626
+ border-top-right-radius: calc( 0.25rem - 0.0625rem );
17611
17627
  font-size: 0.875rem;
17612
17628
  font-weight: 600;
17613
17629
  margin-bottom: 0;
@@ -17620,8 +17636,8 @@ label.custom-control-label {
17620
17636
  display: none;
17621
17637
  }
17622
17638
  .popover-body {
17623
- border-bottom-left-radius: 0.1875rem;
17624
- border-bottom-right-radius: 0.1875rem;
17639
+ border-bottom-left-radius: calc( 0.25rem - 0.0625rem );
17640
+ border-bottom-right-radius: calc( 0.25rem - 0.0625rem );
17625
17641
  color: #6b6c7e;
17626
17642
  padding: 0.75rem 1rem;
17627
17643
  }