@ozdao/martyrs 0.2.570 → 0.2.572

package/src/styles/layout.scss

@@ -1,3 +1,4 @@
+@layer base {
 * {
 	box-sizing: border-box;
 }
@@ -78,6 +79,84 @@ span, p {
 	box-shadow: inset 0 0 0 1px rgba(var(--second), 1), 0 0 6px 2px rgba(var(--second), 0.1);
 }
 
+// HR element
+hr {
+	width: 100%;
+	height: 1px;
+	background: rgba(0,0,0,0.1);
+	margin: 0;
+	border: none;
+}
+
+// Border animations
+.br-anim {
+	border: 1px dashed currentColor;
+	box-shadow: none;
+}
+
+.br-glow {
+	position: relative;
+	box-shadow: inset 0 0 0 2px rgb(var(--white)),
+	           0px 0px 5px rgb(var(--white)),
+	           0px 0px 10px rgb(var(--white)),
+	           0px 0px 15px rgb(var(--white));
+}
+
+// Grid cols helper (display: grid from JIT)
+.cols-1,.cols-2,.cols-3,.cols-4,.cols-5,.cols-6,.cols-7,.cols-8,.cols-9,.cols-10,.cols-11,.cols-12 {
+	display: grid;
+}
+
+// Flex helper (display: flex from JIT)
+.flex {
+	display: flex;
+}
+
+// JIT Transform CSS-переменные
+*, *::before, *::after {
+	--m-tx: 0; --m-ty: 0; --m-rotate: 0deg;
+	--m-skew-x: 0deg; --m-skew-y: 0deg;
+	--m-scale-x: 1; --m-scale-y: 1;
+}
+
+[class*="translate-"], [class*="rotate-"], [class*="scale-"], [class*="skew-"] {
+	transform: translateX(var(--m-tx)) translateY(var(--m-ty))
+	           rotate(var(--m-rotate))
+	           skewX(var(--m-skew-x)) skewY(var(--m-skew-y))
+	           scaleX(var(--m-scale-x)) scaleY(var(--m-scale-y));
+}
+
+// State helpers
+.disabled {
+	opacity: 0.75 !important;
+	pointer-events: none !important;
+	cursor: default !important;
+	color: rgba(var(--black), 0.5) !important;
+}
+
+.unactive { opacity: 0.0; }
+.hide { display: block; position: absolute; opacity: 0; pointer-events: none; }
+
+// Centering helpers
+.centered {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+}
+
+.centered-v {
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.centered-h {
+	position: absolute;
+	left: 50%;
+	transform: translateX(-50%);
+}
+
 
 
 
@@ -91,4 +170,5 @@ span, p {
 
 //     display: none !important;
 //   }
-// }
+// }
+}

package/src/styles/reset.scss

@@ -1,4 +1,5 @@
 @charset "UTF-8";
+@layer base {
 html, button, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
@@ -81,4 +82,5 @@ input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
+}
 }

package/src/styles/theme.scss

@@ -1,10 +1,3 @@
 @use 'reset';
-
-@use 'base/all';
-
-@use 'layout';
-@use 'typography';
-@use 'responsive';
-
 @use 'config';
-
+@use 'layout';