@papyrus-ui/styles 0.1.3 → 0.1.4

Sign up to get free protection for your applications and to get access to all the features.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @papyrus-ui/styles
2
2
 
3
+ ## 0.1.4
4
+
5
+ ### Patch Changes
6
+
7
+ - 14da4f3: Improved checkbox and radio
8
+ - 14da4f3: Changed reakpoint names
9
+
3
10
  ## 0.1.3
4
11
 
5
12
  ### Patch Changes
package/css/styles.css CHANGED
@@ -5781,9 +5781,12 @@ textarea {
5781
5781
  height: 1rem;
5782
5782
  border: 1px solid var(--_11v98u31u);
5783
5783
  line-height: 100%;
5784
- vertical-align: baseline;
5784
+ vertical-align: -0.125em;
5785
5785
  background-color: var(--_11v98u31w);
5786
5786
  background-origin: border-box;
5787
+ background-repeat: no-repeat;
5788
+ background-position: center;
5789
+ transition: var(--_11v98u33n);
5787
5790
  -webkit-print-color-adjust: exact;
5788
5791
  print-color-adjust: exact;
5789
5792
  -webkit-user-select: none;
@@ -5796,6 +5799,8 @@ textarea {
5796
5799
  }
5797
5800
  [type=radio] {
5798
5801
  border-radius: var(--_11v98u37);
5802
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='16px' height='16px'><circle cx='8' cy='8' r='8' fill='white'/%3E%3C/svg%3E");
5803
+ background-size: 0;
5799
5804
  }
5800
5805
  [type=checkbox]:hover:not(:disabled), [type=radio]:hover:not(:disabled) {
5801
5806
  background-color: var(--_11v98u31v);
@@ -5803,15 +5808,12 @@ textarea {
5803
5808
  [type=checkbox]:checked, [type=radio]:checked {
5804
5809
  border-color: transparent;
5805
5810
  background-color: var(--_11v98u3e);
5806
- background-position: center;
5807
- background-repeat: no-repeat;
5808
5811
  }
5809
5812
  [type=checkbox]:checked {
5810
5813
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3E%3C/svg%3E");
5811
5814
  background-size: 62.5%;
5812
5815
  }
5813
5816
  [type=radio]:checked {
5814
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='16px' height='16px'><circle cx='8' cy='8' r='8' fill='white'/%3E%3C/svg%3E");
5815
5817
  background-size: 37.5%;
5816
5818
  }
5817
5819
  [type=checkbox]:checked:hover:not(:disabled), [type=radio]:checked:hover:not(:disabled) {