@angelscmf/front 1.0.30 → 1.0.32

package/sass/angelsTags/_a-float.scss

@@ -0,0 +1,42 @@
+/**
+<a-float-box>
+  <div a-float-left>Float left</div>
+  <div a-float-right>Float right</div>
+  <p>Other content without float</p>
+</a-float-box>
+
+<div class="a-float-box">
+  <div class="a-float-left">Float left</div>
+  <div class="a-float-right">Float right</div>
+</div>
+
+<section a-float-box>
+  <div a-float-left>Float left</div>
+  <div a-float-right>Float right</div>
+</section>
+
+*/
+
+a-float-box,
+.a-float-box,
+[a-float-box] {
+    display: block;
+
+    &::after {
+        content: "";
+        display: block;
+        clear: both;
+    }
+}
+
+a-float-left,
+.a-float-left,
+[a-float-left] {
+    float: left;
+}
+
+a-float-right,
+.a-float-right,
+[a-float-right] {
+    float: right;
+}

package/sass/angelsTags/_a-icenter.scss

@@ -0,0 +1,15 @@
+/**
+ * @example <a-icenter> ... </a-icenter>
+ * @example <a-brick a-icenter> ... </a-brick>
+ * @example <a-brick class="a-icenter"> ... </a-brick>
+ * @example <a-iflex a-icenter> ... </a-iflex>
+ */
+a-icenter,
+.a-icenter,
+[a-icenter] {
+    align-content: center;
+    align-items: center;
+    display: inline-flex;
+    justify-content: center;
+    flex-wrap: wrap;
+}

package/sass/angelsTags/_a-page.scss

@@ -40,8 +40,8 @@ a-page-header {
 }
 
 :root {
-    --a-page-body-gap: var(--a-fourxSize);
-    --a-page-body-padding: var(--a-fourxSize) var(--a-baseSize);
+    --a-page-body-gap: var(--a-doubleSize);
+    --a-page-body-padding: var(--a-doubleSize) var(--a-baseSize);
 }
 
 a-page-body {

package/sass/angelsTags/_a-text-transform.scss

@@ -0,0 +1,29 @@
+/**
+ * angelsTags/_a-text-transform.scss
+ *
+ * Text transform utilities for Angels Design System.
+ *
+ * This file defines a set of utility classes and attributes to apply various text-transform
+ * styles to HTML elements. The supported text-transform values include 'none', 'capitalize',
+ * 'full-size-kana', 'full-width', 'lowercase', 'math-auto', and 'uppercase'.
+ *
+ * @example <h1 a-text-transform=uppercase>HEADLINE IN UPPERCASE</h1>
+ * @example <button a-text-transform=lowercase>button in lowercase</button>
+ * @example <li a-text-transform=capitalize>list item capitalized</li>
+ */
+
+$text-transform-values: 'none',
+    'capitalize',
+    'full-size-kana',
+    'full-width',
+    'lowercase',
+    'math-auto',
+    'uppercase'
+;
+
+@each $value in $text-transform-values {
+
+    [a-text-transform=#{$value}] {
+        text-transform: #{$value};
+    }
+}