beercss 3.13.2 → 4.0.0

package/src/cdn/helpers/directions.css

@@ -1,28 +1,28 @@
-.horizontal {
-  display: inline-flex;
-  flex-direction: row !important;
-  gap: 1rem;
-  inline-size: auto !important;
-  max-inline-size: none !important;
-}
-
-.horizontal > * {
-  margin-block: 0 !important;
-}
-
-.vertical {
-  display: flex;
-  flex-direction: column !important;
-}
-
-:is(a, button, .button, .chip).vertical {
-  display: inline-flex;
-  gap: 0.25rem;
-  block-size: auto !important;
-  max-block-size: none !important;
-  padding-block: 0.5rem;
-}
-
-.vertical > * {
-  margin-inline: 0 !important;
-}
+.horizontal {
+  display: inline-flex;
+  flex-direction: row !important;
+  gap: 1rem;
+  inline-size: auto !important;
+  max-inline-size: none !important;
+}
+
+.horizontal > * {
+  margin-block: 0 !important;
+}
+
+.vertical {
+  display: flex;
+  flex-direction: column !important;
+}
+
+:is(a, button, .button, .chip).vertical {
+  display: inline-flex;
+  gap: 0.25rem;
+  block-size: auto !important;
+  max-block-size: none !important;
+  padding-block: 0.5rem;
+}
+
+.vertical > * {
+  margin-inline: 0 !important;
+}

package/src/cdn/helpers/elevates.css

@@ -1,16 +1,16 @@
-.no-elevate {
-  box-shadow: none !important;
-}
-
-.small-elevate,
-.elevate {
-  box-shadow: var(--elevate1) !important;
-}
-
-.medium-elevate {
-  box-shadow: var(--elevate2) !important;
-}
-
-.large-elevate {
-  box-shadow: var(--elevate3) !important;
-}
+.no-elevate {
+  box-shadow: none !important;
+}
+
+.small-elevate,
+.elevate {
+  box-shadow: var(--elevate1) !important;
+}
+
+.medium-elevate {
+  box-shadow: var(--elevate2) !important;
+}
+
+.large-elevate {
+  box-shadow: var(--elevate3) !important;
+}

package/src/cdn/helpers/forms.css

@@ -1,75 +1,75 @@
-.round,
-[class*=-round] {
-  --_round: 2rem;
-  border-radius: var(--_round) !important;
-}
-
-.small-round {
-  --_round: 0.5rem;
-}
-
-.large-round {
-  --_round: 3.5rem;
-}
-
-.no-round,
-.square,
-.top-round,
-.bottom-round,
-.left-round,
-.right-round {
-  border-radius: 0.5rem !important;
-}
-
-.top-round {
-  border-start-start-radius: var(--_round) !important;
-  border-start-end-radius: var(--_round) !important;
-}
-
-.bottom-round {
-  border-end-end-radius: var(--_round) !important;
-  border-end-start-radius: var(--_round) !important;
-}
-
-.left-round {
-  border-start-start-radius: var(--_round) !important;
-  border-end-start-radius: var(--_round) !important;
-}
-
-.right-round {
-  border-start-end-radius: var(--_round) !important;
-  border-end-end-radius: var(--_round) !important;
-}
-
-.circle:not(.extend) {
-  border-radius: 50%;
-}
-
-:is(.circle, .square):is(button, .button, .chip) {
-  padding: 0;
-  block-size: var(--_size);
-  inline-size: var(--_size);
-}
-
-:is(.circle, .square) > span {
-  display: none;
-}
-
-:is(.circle, .square).round {
-  border-radius: 1rem !important;
-}
-
-.border:not(table, .field, .list, menu, article) {
-  box-sizing: border-box;
-  border: 0.0625rem solid var(--outline);
-  background-color: transparent;
-  box-shadow: none;
-}
-
-.no-border {
-  border-color: transparent !important;
-}
-
-.border:not(.extend, .circle, .square, .badge) {
-  box-sizing: content-box;
-}
+.round,
+[class*=-round] {
+  --_round: 2rem;
+  border-radius: var(--_round) !important;
+}
+
+.small-round {
+  --_round: 0.5rem;
+}
+
+.large-round {
+  --_round: 3.5rem;
+}
+
+.no-round,
+.square,
+.top-round,
+.bottom-round,
+.left-round,
+.right-round {
+  border-radius: 0.5rem !important;
+}
+
+.top-round {
+  border-start-start-radius: var(--_round) !important;
+  border-start-end-radius: var(--_round) !important;
+}
+
+.bottom-round {
+  border-end-end-radius: var(--_round) !important;
+  border-end-start-radius: var(--_round) !important;
+}
+
+.left-round {
+  border-start-start-radius: var(--_round) !important;
+  border-end-start-radius: var(--_round) !important;
+}
+
+.right-round {
+  border-start-end-radius: var(--_round) !important;
+  border-end-end-radius: var(--_round) !important;
+}
+
+.circle:not(.extend) {
+  border-radius: 50%;
+}
+
+:is(.circle, .square):is(button, .button, .chip) {
+  padding: 0;
+  block-size: var(--_size);
+  inline-size: var(--_size);
+}
+
+:is(.circle, .square) > span:not([class]) {
+  display: none;
+}
+
+:is(.circle, .square).round {
+  border-radius: 1rem !important;
+}
+
+.border:not(table, .field, .list, menu, article) {
+  box-sizing: border-box;
+  border: 0.0625rem solid var(--outline);
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.no-border {
+  border-color: transparent !important;
+}
+
+.border:not(.extend, .circle, .square, .badge) {
+  box-sizing: content-box;
+}

package/src/cdn/helpers/margins.css

@@ -1,49 +1,49 @@
-.margin,
-[class*=-margin]:not(.left-margin, .right-margin, .top-margin, .bottom-margin, .horizontal-margin, .vertical-margin) {
-  margin: var(--_margin) !important;
-}
-
-.margin,
-[class*=-margin] {
-  --_margin: 1rem;
-}
-
-.no-margin {
-  --_margin: 0;
-}
-
-.auto-margin {
-  --_margin: auto;
-}
-
-.tiny-margin {
-  --_margin: 0.25rem;
-}
-
-.small-margin {
-  --_margin: 0.5rem;
-}
-
-.large-margin {
-  --_margin: 1.5rem;
-}
-
-.left-margin,
-.horizontal-margin {
-  margin-inline-start: var(--_margin) !important;
-}
-
-.right-margin,
-.horizontal-margin {
-  margin-inline-end: var(--_margin) !important;
-}
-
-.top-margin,
-.vertical-margin {
-  margin-block-start: var(--_margin) !important;
-}
-
-.bottom-margin,
-.vertical-margin {
-  margin-block-end: var(--_margin) !important;
-}
+.margin,
+[class*=-margin]:not(.left-margin, .right-margin, .top-margin, .bottom-margin, .horizontal-margin, .vertical-margin) {
+  margin: var(--_margin) !important;
+}
+
+.margin,
+[class*=-margin] {
+  --_margin: 1rem;
+}
+
+.no-margin {
+  --_margin: 0;
+}
+
+.auto-margin {
+  --_margin: auto;
+}
+
+.tiny-margin {
+  --_margin: 0.25rem;
+}
+
+.small-margin {
+  --_margin: 0.5rem;
+}
+
+.large-margin {
+  --_margin: 1.5rem;
+}
+
+.left-margin,
+.horizontal-margin {
+  margin-inline-start: var(--_margin) !important;
+}
+
+.right-margin,
+.horizontal-margin {
+  margin-inline-end: var(--_margin) !important;
+}
+
+.top-margin,
+.vertical-margin {
+  margin-block-start: var(--_margin) !important;
+}
+
+.bottom-margin,
+.vertical-margin {
+  margin-block-end: var(--_margin) !important;
+}

package/src/cdn/helpers/opacities.css

@@ -1,19 +1,19 @@
-.no-opacity {
-  opacity: 1 !important;
-}
-
-.opacity {
-  opacity: 0 !important;
-}
-
-.small-opacity {
-  opacity: 0.75 !important;
-}
-
-.medium-opacity {
-  opacity: 0.5 !important;
-}
-
-.large-opacity {
-  opacity: 0.25 !important;
-}
+.no-opacity {
+  opacity: 1 !important;
+}
+
+.opacity {
+  opacity: 0 !important;
+}
+
+.small-opacity {
+  opacity: 0.75 !important;
+}
+
+.medium-opacity {
+  opacity: 0.5 !important;
+}
+
+.large-opacity {
+  opacity: 0.25 !important;
+}

package/src/cdn/helpers/paddings.css

@@ -1,45 +1,45 @@
-.padding,
-[class*=-padding]:not(.left-padding, .right-padding, .top-padding, .bottom-padding, .horizontal-padding, .vertical-padding) {
-  padding: var(--_padding) !important;
-}
-
-.padding,
-[class*=-padding] {
-  --_padding: 1rem;
-}
-
-.no-padding {
-  --_padding: 0 !important;
-}
-
-.tiny-padding {
-  --_padding: 0.25rem !important;
-}
-
-.small-padding {
-  --_padding: 0.5rem !important;
-}
-
-.large-padding {
-  --_padding: 1.5rem !important;
-}
-
-.left-padding,
-.horizontal-padding {
-  padding-inline-start: var(--_padding) !important;
-}
-
-.right-padding,
-.horizontal-padding {
-  padding-inline-end: var(--_padding) !important;
-}
-
-.top-padding,
-.vertical-padding {
-  padding-block-start: var(--_padding) !important;
-}
-
-.bottom-padding,
-.vertical-padding {
-  padding-block-end: var(--_padding) !important;
-}
+.padding,
+[class*=-padding]:not(.left-padding, .right-padding, .top-padding, .bottom-padding, .horizontal-padding, .vertical-padding) {
+  padding: var(--_padding) !important;
+}
+
+.padding,
+[class*=-padding] {
+  --_padding: 1rem;
+}
+
+.no-padding {
+  --_padding: 0 !important;
+}
+
+.tiny-padding {
+  --_padding: 0.25rem !important;
+}
+
+.small-padding {
+  --_padding: 0.5rem !important;
+}
+
+.large-padding {
+  --_padding: 1.5rem !important;
+}
+
+.left-padding,
+.horizontal-padding {
+  padding-inline-start: var(--_padding) !important;
+}
+
+.right-padding,
+.horizontal-padding {
+  padding-inline-end: var(--_padding) !important;
+}
+
+.top-padding,
+.vertical-padding {
+  padding-block-start: var(--_padding) !important;
+}
+
+.bottom-padding,
+.vertical-padding {
+  padding-block-end: var(--_padding) !important;
+}

package/src/cdn/helpers/positions.css

@@ -1,45 +1,45 @@
-.front {
-  z-index: 10 !important;
-}
-
-.back {
-  z-index: -10 !important;
-}
-
-.left {
-  inset-inline-start: 0;
-}
-
-.right {
-  inset-inline-end: 0;
-}
-
-.top {
-  inset-block-start: 0;
-}
-
-.bottom {
-  inset-block-end: 0;
-}
-
-.center {
-  inset-inline-start: 50%;
-  transform: translateX(-50%);
-}
-
-[dir=rtl] .center {
-  transform: translateX(50%);
-}
-
-.middle {
-  inset-block-start: 50%;
-  transform: translateY(-50%);
-}
-
-.middle.center {
-  transform: translate(-50%, -50%);
-}
-
-[dir=rtl] .middle.center {
-  transform: translate(50%, -50%);
-}
+.front {
+  z-index: 10 !important;
+}
+
+.back {
+  z-index: -10 !important;
+}
+
+.left {
+  inset-inline-start: 0;
+}
+
+.right {
+  inset-inline-end: 0;
+}
+
+.top {
+  inset-block-start: 0;
+}
+
+.bottom {
+  inset-block-end: 0;
+}
+
+.center {
+  inset-inline-start: 50%;
+  transform: translateX(-50%);
+}
+
+[dir=rtl] .center {
+  transform: translateX(50%);
+}
+
+.middle {
+  inset-block-start: 50%;
+  transform: translateY(-50%);
+}
+
+.middle.center {
+  transform: translate(-50%, -50%);
+}
+
+[dir=rtl] .middle.center {
+  transform: translate(50%, -50%);
+}

package/src/cdn/helpers/responsive.css

@@ -1,22 +1,22 @@
-.responsive {
-  inline-size: -webkit-fill-available;
-  inline-size: -moz-available;
-}
-
-@media only screen and (max-width: 600px) {
-  :is(.m, .l):not(.s) {
-    display: none !important;
-  }
-}
-
-@media only screen and (min-width: 601px) and (max-width: 992px) {
-  :is(.s, .l):not(.m) {
-    display: none !important;
-  }
-}
-
-@media only screen and (min-width: 993px) {
-  :is(.m, .s):not(.l) {
-    display: none !important;
-  }
-}
+.responsive {
+  inline-size: -webkit-fill-available;
+  inline-size: -moz-available;
+}
+
+@media only screen and (max-width: 600px) {
+  :is(.m, .l):not(.s) {
+    display: none !important;
+  }
+}
+
+@media only screen and (min-width: 601px) and (max-width: 992px) {
+  :is(.s, .l):not(.m) {
+    display: none !important;
+  }
+}
+
+@media only screen and (min-width: 993px) {
+  :is(.m, .s):not(.l) {
+    display: none !important;
+  }
+}

package/src/cdn/helpers/ripples.css

@@ -1,34 +1,34 @@
-.ripple {
-  --_duration: 600ms;
-}
-
-.fast-ripple {
-  --_duration: 200ms;
-}
-
-.slow-ripple {
-  --_duration: 1800ms;
-}
-
-.ripple-js {
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  overflow: hidden;
-}
-
-.ripple-js > div {
-  position: absolute;
-  border-radius: 50%;
-  background: currentColor;
-  opacity: 0.3;
-  transform: scale(0);
-  animation: to-ripple var(--_duration) linear;
-}
-
-@keyframes to-ripple {
-  to {
-    transform: scale(4);
-    opacity: 0;
-  }
+.ripple {
+  --_duration: 600ms;
+}
+
+.fast-ripple {
+  --_duration: 200ms;
+}
+
+.slow-ripple {
+  --_duration: 1800ms;
+}
+
+.ripple-js {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  overflow: hidden;
+}
+
+.ripple-js > div {
+  position: absolute;
+  border-radius: 50%;
+  background: currentColor;
+  opacity: 0.3;
+  transform: scale(0);
+  animation: to-ripple var(--_duration) linear;
+}
+
+@keyframes to-ripple {
+  to {
+    transform: scale(4);
+    opacity: 0;
+  }
 }