beercss 3.0.8 → 3.1.1

package/src/cdn/helpers/shadows.css

@@ -1,23 +1,23 @@
 .shadow {
-  background-color: #00000050 !important;
+  background-color: #00000050;
 }
 
-.left-shadow {
+:is(.left-shadow, .right-shadow, .top-shadow, .bottom-shadow) {
   background-color: transparent !important;
+}
+
+.left-shadow {
   background-image: linear-gradient(to right, black, transparent);
 }
 
 .right-shadow {
-  background-color: transparent !important;
   background-image: linear-gradient(to left, black, transparent);
 }
 
 .bottom-shadow {
-  background-color: transparent !important;
   background-image: linear-gradient(to top, black, transparent);
 }
 
 .top-shadow {
-  background-color: transparent !important;
   background-image: linear-gradient(to bottom, black, transparent);
 }

package/src/cdn/helpers/spaces.css

@@ -1,16 +1,15 @@
-.tiny-space:not(nav, .row, .grid, table) {
+.tiny-space:not(nav, .row, .grid, table, .tooltip) {
   height: 0.5rem;
 }
 
-.space:not(nav, .row, .grid, table),
-.small-space:not(nav, .row, .grid, table) {
+:is(.space, .small-space):not(nav, .row, .grid, table, .tooltip) {
   height: 1rem;
 }
 
-.medium-space:not(nav, .row, .grid, table) {
+.medium-space:not(nav, .row, .grid, table, .tooltip) {
   height: 2rem;
 }
 
-.large-space:not(nav, .row, .grid, table) {
+.large-space:not(nav, .row, .grid, table, .tooltip) {
   height: 3rem;
 }

package/src/cdn/helpers/typography.css

@@ -5,6 +5,7 @@ html {
 body {
   font-family: var(--font);
   font-size: 0.875rem;
+  line-height: 1.25;
 }
 
 h1,
@@ -17,6 +18,7 @@ h6 {
   display: flex;
   align-items: center;
   margin-bottom: 0.5rem;
+  line-height: normal;
 }
 
 * + h1,
@@ -158,3 +160,27 @@ h6.large {
 p {
   margin: 0.5rem 0;
 }
+
+.no-line {
+  line-height: normal;
+}
+
+.tiny-line {
+  line-height: 1.25;
+}
+
+.small-line {
+  line-height: 1.5;
+}
+
+.medium-line {
+  line-height: 1.75;
+}
+
+.large-line {
+  line-height: 2;
+}
+
+.extra-line {
+  line-height: 2.25;
+}

package/src/cdn/helpers/waves.css

@@ -1,8 +1,6 @@
 .wave::after,
 .wave.light::after,
-.chip::after,
-.button::after,
-button::after {
+:is(.chip, .button, button)::after {
   content: "";
   position: absolute;
   top: 0;
@@ -19,57 +17,39 @@ button::after {
 
 .wave.dark::after,
 .wave.row::after,
-.button.none::after,
-button.none::after,
-.chip.border::after,
-.button.border::after,
-button.border::after,
-.chip.transparent::after,
-.button.transparent::after,
-button.transparent::after {
+:is(.button, button).none::after,
+:is(.chip, .button, button).border::after,
+:is(.chip, .button, button).transparent::after {
   background-image: radial-gradient(circle, rgb(150 150 150 / 0.2) 1%, transparent 1%);
 }
 
 .wave.none::after,
-.button.none::after,
-button.none::after {
+:is(.button, button).none::after {
   top: 0;
   left: -0.25rem;
   padding: 0 0.25rem;
 }
 
 .wave.none:not(.small, .medium, .large, .extra)::after,
-.button.none:not(.small, .medium, .large, .extra)::after,
-button.none:not(.small, .medium, .large, .extra)::after {
+:is(.button, button).none:not(.small, .medium, .large, .extra)::after {
   top: -0.25rem;
   left: -0.25rem;
   padding: 0.25rem;
 }
 
-.wave:hover::after,
-.chip:hover::after,
-.button:hover::after,
-button:hover::after,
-.wave:focus::after,
-.chip:focus::after,
-.button:focus::after,
-button:focus::after {
+:is(.wave, .chip, .button, button):is(:focus, :hover)::after {
   background-size: 15000%;
   opacity: 1;
   transition: var(--speed2) background-size linear;
 }
 
-.wave:active::after,
-.chip:active::after,
-.button:active::after,
-button:active::after {
+:is(.wave, .chip, .button, button):active::after {
   background-size: 5000%;
   opacity: 0;
   transition: none;
 }
 
 .no-wave::after,
-.no-wave:hover::after,
-.no-wave:active::after {
+.no-wave:is(:hover, :active)::after {
   display: none;
 }