beercss 3.13.1 → 3.13.2

package/src/cdn/elements/icons.css

@@ -1,77 +1,77 @@
-i,
-:is(.checkbox, .radio, .switch) > span::before,
-:is(.checkbox, .radio, .switch) > span > i {
-  --_size: 1.5rem;
-  font-family: var(--font-icon);
-  font-weight: normal;
-  font-style: normal;
-  font-size: var(--_size);
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  font-feature-settings: "liga";
-  -webkit-font-smoothing: antialiased;
-  vertical-align: middle;
-  text-align: center;
-  overflow: hidden;
-  inline-size: var(--_size);
-  min-inline-size: var(--_size);
-  block-size: var(--_size);
-  min-block-size: var(--_size);
-  box-sizing: content-box;
-  line-height: normal;
-  border-radius: 0;
-}
-
-i:has(.badge) {
-  overflow: unset;
-}
-
-i.tiny {
-  --_size: 1rem;
-}
-
-.chip > i,
-i.small {
-  --_size: 1.25rem;
-}
-
-i.medium {
-  --_size: 1.5rem;
-}
-
-i.large {
-  --_size: 1.75rem;
-}
-
-i.extra {
-  --_size: 2rem;
-}
-
-i.fill,
-a.active > i,
-button.active > i {
-  font-variation-settings: "FILL" 1;
-}
-
-i > :is(img, svg) {
-  inline-size: 100%;
-  block-size: 100%;
-  background-size: 100%;
-  border-radius: inherit;
-  position: absolute;
-  inset: 0 auto auto 0;
-  padding: inherit;
-}
-
-i[class*=fa-] {
-  font-size: calc(var(--_size) * 0.85);
-  line-height: normal;
-  block-size: auto;
-  min-block-size: auto;
-}
+i,
+:is(.checkbox, .radio, .switch) > span::before,
+:is(.checkbox, .radio, .switch) > span > i {
+  --_size: 1.5rem;
+  font-family: var(--font-icon);
+  font-weight: normal;
+  font-style: normal;
+  font-size: var(--_size);
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  font-feature-settings: "liga";
+  -webkit-font-smoothing: antialiased;
+  vertical-align: middle;
+  text-align: center;
+  overflow: hidden;
+  inline-size: var(--_size);
+  min-inline-size: var(--_size);
+  block-size: var(--_size);
+  min-block-size: var(--_size);
+  box-sizing: content-box;
+  line-height: normal;
+  border-radius: 0;
+}
+
+i:has(.badge) {
+  overflow: unset;
+}
+
+i.tiny {
+  --_size: 1rem;
+}
+
+.chip > i,
+i.small {
+  --_size: 1.25rem;
+}
+
+i.medium {
+  --_size: 1.5rem;
+}
+
+i.large {
+  --_size: 1.75rem;
+}
+
+i.extra {
+  --_size: 2rem;
+}
+
+i.fill,
+a.active > i,
+button.active > i {
+  font-variation-settings: "FILL" 1;
+}
+
+i > :is(img, svg) {
+  inline-size: 100%;
+  block-size: 100%;
+  background-size: 100%;
+  border-radius: inherit;
+  position: absolute;
+  inset: 0 auto auto 0;
+  padding: inherit;
+}
+
+i[class*=fa-] {
+  font-size: calc(var(--_size) * 0.85);
+  line-height: normal;
+  block-size: auto;
+  min-block-size: auto;
+}

package/src/cdn/elements/layouts.css

@@ -1,35 +1,35 @@
-.absolute {
-  position: absolute;
-}
-
-.fixed {
-  position: fixed;
-}
-
-:is(.absolute, .fixed).left.right {
-  inline-size: auto;
-}
-
-:is(.absolute, .fixed).left.right.small {
-  block-size: 20rem;
-}
-
-:is(.absolute, .fixed).left.right.medium {
-  block-size: 28rem;
-}
-
-:is(.absolute, .fixed).left.right.large {
-  block-size: 44rem;
-}
-
-:is(.absolute, .fixed).top.bottom.small {
-  inline-size: 20rem;
-}
-
-:is(.absolute, .fixed).top.bottom.medium {
-  inline-size: 28rem;
-}
-
-:is(.absolute, .fixed).top.bottom.large {
-  inline-size: 44rem;
-}
+.absolute {
+  position: absolute;
+}
+
+.fixed {
+  position: fixed;
+}
+
+:is(.absolute, .fixed).left.right {
+  inline-size: auto;
+}
+
+:is(.absolute, .fixed).left.right.small {
+  block-size: 20rem;
+}
+
+:is(.absolute, .fixed).left.right.medium {
+  block-size: 28rem;
+}
+
+:is(.absolute, .fixed).left.right.large {
+  block-size: 44rem;
+}
+
+:is(.absolute, .fixed).top.bottom.small {
+  inline-size: 20rem;
+}
+
+:is(.absolute, .fixed).top.bottom.medium {
+  inline-size: 28rem;
+}
+
+:is(.absolute, .fixed).top.bottom.large {
+  inline-size: 44rem;
+}

package/src/cdn/elements/lists.css

@@ -1,71 +1,71 @@
-.list {
-  display: flex;
-  flex-direction: column;
-  padding: 0;
-  margin: 0;
-  flex: 1;
-}
-
-.list > li,
-.list > li > details > summary,
-.list > li > a:only-child {
-  all: unset;
-  box-sizing: border-box;
-  position: relative;
-  display: flex;
-  align-items: center;
-  align-self: normal;
-  text-align: start;
-  justify-content: flex-start;
-  white-space: nowrap;
-  gap: 1rem;
-  min-block-size: 3.5rem;
-  padding: 0.5rem 1rem;
-  cursor: pointer;
-  flex: 1;
-}
-
-.list > li:has(ul, ol, details[open], a:only-child) {
-  padding: 0;
-}
-
-.list > li > .list {
-  padding: 0 0 0 1rem;
-}
-
-.list > li > *,
-.list > li > a:only-child > *,
-.list > li > details > summary > *  {
-  margin: 0;
-}
-
-.list > li > :is(details, .max),
-.list > li > a:only-child > .max,
-.list > li > details > summary > .max {
-  flex: 1;
-}
-
-.list.border > li:not(:last-child)::before,
-.list.border > li > details[open] > summary::before {
-  content: '';
-  position: absolute;
-  background-color: var(--outline-variant);
-  inset: auto 0 0 0;
-  block-size: 0.0625rem;
-  inline-size: auto;
-}
-
-.list.no-space > li,
-.list.no-space > li > details > summary {
-  min-block-size: 2.5rem;
-}
-
-.list.medium-space > li,
-.list.medium-space > li > details > summary {
-  min-block-size: 4.5rem;
-}
-
-.list.large-space > li,
-.list.large-space > li > details > summary {
-  min-block-size: 5.5rem;
-}
+.list {
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  margin: 0;
+  flex: 1;
+}
+
+.list > li,
+.list > li > details > summary,
+.list > li > a:only-child {
+  all: unset;
+  box-sizing: border-box;
+  position: relative;
+  display: flex;
+  align-items: center;
+  align-self: normal;
+  text-align: start;
+  justify-content: flex-start;
+  white-space: nowrap;
+  gap: 1rem;
+  min-block-size: 3.5rem;
+  padding: 0.5rem 1rem;
+  cursor: pointer;
+  flex: 1;
+}
+
+.list > li:has(ul, ol, details[open], a:only-child) {
+  padding: 0;
+}
+
+.list > li > .list {
+  padding: 0 0 0 1rem;
+}
+
+.list > li > *,
+.list > li > a:only-child > *,
+.list > li > details > summary > *  {
+  margin: 0;
+}
+
+.list > li > :is(details, .max),
+.list > li > a:only-child > .max,
+.list > li > details > summary > .max {
+  flex: 1;
+}
+
+.list.border > li:not(:last-child)::before,
+.list.border > li > details[open] > summary::before {
+  content: '';
+  position: absolute;
+  background-color: var(--outline-variant);
+  inset: auto 0 0 0;
+  block-size: 0.0625rem;
+  inline-size: auto;
+}
+
+.list.no-space > li,
+.list.no-space > li > details > summary {
+  min-block-size: 2.5rem;
+}
+
+.list.medium-space > li,
+.list.medium-space > li > details > summary {
+  min-block-size: 4.5rem;
+}
+
+.list.large-space > li,
+.list.large-space > li > details > summary {
+  min-block-size: 5.5rem;
+}

package/src/cdn/elements/mainLayouts.css

@@ -1,57 +1,57 @@
-:has(> main) {
-  display: grid;
-  grid-template-columns: auto 1fr auto;
-  grid-template-rows: auto auto 1fr auto auto;
-  grid-template-areas: 
-    "left top right"
-    "left header right"
-    "left main right"
-    "left footer right"
-    "left bottom right";
-  min-block-size: 100dvh;
-  box-sizing: border-box;
-  background-color: var(--surface);
-}
-
-nav.left {
-  grid-area: left;
-}
-
-nav.right {
-  grid-area: right;
-}
-
-nav.top {
-  grid-area: top;
-}
-
-nav.bottom {
-  grid-area: bottom;
-}
-
-header {
-  grid-area: header;
-}
-
-footer {
-  grid-area: footer;
-}
-
-main {
-  --_padding: 0.5rem;
-  grid-area: main;
-  padding: var(--_padding);
-  overflow: hidden;
-}
-
-aside {
-  z-index: 1;
-}
-
-aside:not(.fixed, .absolute).right {
-  float: right;
-}
-
-aside:not(.fixed, .absolute).left {
-  float: left;
-}
+:has(> main) {
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  grid-template-rows: auto auto 1fr auto auto;
+  grid-template-areas: 
+    "left top right"
+    "left header right"
+    "left main right"
+    "left footer right"
+    "left bottom right";
+  min-block-size: 100dvh;
+  box-sizing: border-box;
+  background-color: var(--surface);
+}
+
+nav.left {
+  grid-area: left;
+}
+
+nav.right {
+  grid-area: right;
+}
+
+nav.top {
+  grid-area: top;
+}
+
+nav.bottom {
+  grid-area: bottom;
+}
+
+header {
+  grid-area: header;
+}
+
+footer {
+  grid-area: footer;
+}
+
+main {
+  --_padding: 0.5rem;
+  grid-area: main;
+  padding: var(--_padding);
+  overflow: hidden;
+}
+
+aside {
+  z-index: 1;
+}
+
+aside:not(.fixed, .absolute).right {
+  float: right;
+}
+
+aside:not(.fixed, .absolute).left {
+  float: left;
+}