npm - @ulu/frontend - Versions diffs - 0.1.0-beta.24 → 0.1.0-beta.26 - Mend

@ulu/frontend 0.1.0-beta.24 → 0.1.0-beta.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (154) hide show

package/CHANGELOG.md +15 -0
package/dist/ulu-frontend.min.css +1 -1
package/docs-dev/changelog/index.html +49 -0
package/docs-dev/demos/accordion/index.html +30 -0
package/docs-dev/demos/button/index.html +30 -0
package/docs-dev/demos/callout/index.html +30 -0
package/docs-dev/demos/captioned-figure/index.html +30 -0
package/docs-dev/demos/card/index.html +456 -429
package/docs-dev/demos/card-grid/index.html +5165 -0
package/docs-dev/demos/css-icons/index.html +30 -0
package/docs-dev/demos/data-grid/index.html +30 -0
package/docs-dev/demos/data-table/index.html +55 -25
package/docs-dev/demos/details-group/index.html +30 -0
package/docs-dev/demos/file-save/index.html +30 -0
package/docs-dev/demos/flipcard/index.html +30 -0
package/docs-dev/demos/form-theme/index.html +30 -0
package/docs-dev/demos/index.html +30 -0
package/docs-dev/demos/list-inline/index.html +30 -0
package/docs-dev/demos/list-lines/index.html +30 -0
package/docs-dev/demos/menu-stack/index.html +30 -0
package/docs-dev/demos/modals/index.html +30 -0
package/docs-dev/demos/nav-strip/index.html +30 -0
package/docs-dev/demos/overlay-section/index.html +30 -0
package/docs-dev/demos/popovers/index.html +30 -0
package/docs-dev/demos/print/index.html +30 -0
package/docs-dev/demos/pull-quote/index.html +30 -0
package/docs-dev/demos/rule/index.html +30 -0
package/docs-dev/demos/scroll-slider/index.html +60 -102
package/docs-dev/demos/scrollpoints/index.html +30 -0
package/docs-dev/demos/spoke-spinner/index.html +30 -0
package/docs-dev/demos/sticky-list/index.html +30 -0
package/docs-dev/demos/tabs/index.html +30 -0
package/docs-dev/demos/tag/index.html +30 -0
package/docs-dev/demos/theme-toggle/index.html +30 -0
package/docs-dev/demos/tiles/index.html +30 -0
package/docs-dev/demos/tooltip/index.html +30 -0
package/docs-dev/guide/building-stylesheet/index.html +30 -0
package/docs-dev/guide/developing-ulu-scss-module/index.html +30 -0
package/docs-dev/guide/index.html +30 -0
package/docs-dev/index.html +30 -0
package/docs-dev/javascript/events/index.html +30 -0
package/docs-dev/javascript/index.html +30 -0
package/docs-dev/javascript/settings/index.html +30 -0
package/docs-dev/javascript/ui-breakpoints/index.html +30 -0
package/docs-dev/javascript/ui-collapsible/index.html +30 -0
package/docs-dev/javascript/ui-details-group/index.html +30 -0
package/docs-dev/javascript/ui-dialog/index.html +30 -0
package/docs-dev/javascript/ui-flipcard/index.html +30 -0
package/docs-dev/javascript/ui-grid/index.html +30 -0
package/docs-dev/javascript/ui-modal-builder/index.html +30 -0
package/docs-dev/javascript/ui-overflow-scroller/index.html +30 -0
package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +30 -0
package/docs-dev/javascript/ui-page/index.html +30 -0
package/docs-dev/javascript/ui-popover/index.html +30 -0
package/docs-dev/javascript/ui-print/index.html +30 -0
package/docs-dev/javascript/ui-print-details/index.html +30 -0
package/docs-dev/javascript/ui-programmatic-modal/index.html +30 -0
package/docs-dev/javascript/ui-proxy-click/index.html +30 -0
package/docs-dev/javascript/ui-resizer/index.html +30 -0
package/docs-dev/javascript/ui-scroll-slider/index.html +30 -0
package/docs-dev/javascript/ui-scrollpoint/index.html +30 -0
package/docs-dev/javascript/ui-slider/index.html +30 -0
package/docs-dev/javascript/ui-tabs/index.html +30 -0
package/docs-dev/javascript/ui-theme-toggle/index.html +30 -0
package/docs-dev/javascript/ui-tooltip/index.html +30 -0
package/docs-dev/javascript/utils-class-logger/index.html +30 -0
package/docs-dev/javascript/utils-dom/index.html +30 -0
package/docs-dev/javascript/utils-file-save/index.html +30 -0
package/docs-dev/javascript/utils-floating-ui/index.html +30 -0
package/docs-dev/javascript/utils-id/index.html +30 -0
package/docs-dev/javascript/utils-pause-youtube-video/index.html +30 -0
package/docs-dev/sass/base/color/index.html +30 -0
package/docs-dev/sass/base/elements/index.html +30 -0
package/docs-dev/sass/base/index/index.html +30 -0
package/docs-dev/sass/base/index.html +30 -0
package/docs-dev/sass/base/keyframes/index.html +30 -0
package/docs-dev/sass/base/layout/index.html +30 -0
package/docs-dev/sass/base/normalize/index.html +30 -0
package/docs-dev/sass/base/print/index.html +30 -0
package/docs-dev/sass/base/root/index.html +30 -0
package/docs-dev/sass/base/typography/index.html +30 -0
package/docs-dev/sass/components/accordion/index.html +31 -1
package/docs-dev/sass/components/adaptive-spacing/index.html +30 -0
package/docs-dev/sass/components/badge/index.html +30 -0
package/docs-dev/sass/components/basic-hero/index.html +30 -0
package/docs-dev/sass/components/button/index.html +30 -0
package/docs-dev/sass/components/button-verbose/index.html +30 -0
package/docs-dev/sass/components/callout/index.html +30 -0
package/docs-dev/sass/components/captioned-figure/index.html +30 -0
package/docs-dev/sass/components/card/index.html +70 -12
package/docs-dev/sass/components/card-grid/index.html +30 -0
package/docs-dev/sass/components/css-icon/index.html +30 -0
package/docs-dev/sass/components/data-grid/index.html +30 -0
package/docs-dev/sass/components/data-table/index.html +30 -0
package/docs-dev/sass/components/fill-context/index.html +30 -0
package/docs-dev/sass/components/flipcard/index.html +30 -0
package/docs-dev/sass/components/flipcard-grid/index.html +30 -0
package/docs-dev/sass/components/form-theme/index.html +30 -0
package/docs-dev/sass/components/hero/index.html +30 -0
package/docs-dev/sass/components/horizontal-rule/index.html +30 -0
package/docs-dev/sass/components/image-grid/index.html +30 -0
package/docs-dev/sass/components/index/index.html +30 -0
package/docs-dev/sass/components/index.html +30 -0
package/docs-dev/sass/components/links/index.html +30 -0
package/docs-dev/sass/components/list-inline/index.html +30 -0
package/docs-dev/sass/components/list-lines/index.html +30 -0
package/docs-dev/sass/components/list-ordered/index.html +30 -0
package/docs-dev/sass/components/list-unordered/index.html +30 -0
package/docs-dev/sass/components/menu-stack/index.html +30 -0
package/docs-dev/sass/components/modal/index.html +30 -0
package/docs-dev/sass/components/nav-strip/index.html +30 -0
package/docs-dev/sass/components/overlay-section/index.html +30 -0
package/docs-dev/sass/components/pager/index.html +30 -0
package/docs-dev/sass/components/placeholder-block/index.html +30 -0
package/docs-dev/sass/components/popover/index.html +30 -0
package/docs-dev/sass/components/pull-quote/index.html +30 -0
package/docs-dev/sass/components/ratio-box/index.html +30 -0
package/docs-dev/sass/components/rule/index.html +30 -0
package/docs-dev/sass/components/scroll-slider/index.html +30 -0
package/docs-dev/sass/components/skip-link/index.html +30 -0
package/docs-dev/sass/components/slider/index.html +30 -0
package/docs-dev/sass/components/spoke-spinner/index.html +30 -0
package/docs-dev/sass/components/sticky-list/index.html +33 -3
package/docs-dev/sass/components/tabs/index.html +30 -0
package/docs-dev/sass/components/tag/index.html +30 -0
package/docs-dev/sass/components/tile-button/index.html +30 -0
package/docs-dev/sass/components/tile-grid/index.html +30 -0
package/docs-dev/sass/components/tile-grid-overlay/index.html +30 -0
package/docs-dev/sass/components/vignette/index.html +30 -0
package/docs-dev/sass/components/wysiwyg/index.html +30 -0
package/docs-dev/sass/core/breakpoint/index.html +30 -0
package/docs-dev/sass/core/button/index.html +30 -0
package/docs-dev/sass/core/color/index.html +30 -0
package/docs-dev/sass/core/cssvar/index.html +30 -0
package/docs-dev/sass/core/element/index.html +30 -0
package/docs-dev/sass/core/index.html +30 -0
package/docs-dev/sass/core/layout/index.html +30 -0
package/docs-dev/sass/core/path/index.html +30 -0
package/docs-dev/sass/core/selector/index.html +30 -0
package/docs-dev/sass/core/typography/index.html +30 -0
package/docs-dev/sass/core/units/index.html +30 -0
package/docs-dev/sass/core/utils/index.html +30 -0
package/docs-dev/sass/helpers/color/index.html +30 -0
package/docs-dev/sass/helpers/display/index.html +30 -0
package/docs-dev/sass/helpers/index/index.html +30 -0
package/docs-dev/sass/helpers/index.html +30 -0
package/docs-dev/sass/helpers/print/index.html +30 -0
package/docs-dev/sass/helpers/typography/index.html +30 -0
package/docs-dev/sass/helpers/units/index.html +30 -0
package/docs-dev/sass/helpers/utilities/index.html +30 -0
package/docs-dev/sass/index.html +30 -0
package/package.json +1 -1
package/scss/components/_accordion.scss +4 -5
package/scss/components/_card.scss +111 -22

package/docs-dev/sass/core/path/index.html CHANGED Viewed

@@ -241,6 +241,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">
@@ -2697,6 +2712,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">

package/docs-dev/sass/core/selector/index.html CHANGED Viewed

@@ -241,6 +241,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">
@@ -2697,6 +2712,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">

package/docs-dev/sass/core/typography/index.html CHANGED Viewed

@@ -241,6 +241,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">
@@ -2697,6 +2712,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">

package/docs-dev/sass/core/units/index.html CHANGED Viewed

@@ -241,6 +241,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">
@@ -2697,6 +2712,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">

package/docs-dev/sass/core/utils/index.html CHANGED Viewed

@@ -241,6 +241,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">
@@ -2697,6 +2712,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">

package/docs-dev/sass/helpers/color/index.html CHANGED Viewed

@@ -241,6 +241,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">
@@ -2697,6 +2712,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">

package/docs-dev/sass/helpers/display/index.html CHANGED Viewed

@@ -241,6 +241,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">
@@ -2697,6 +2712,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">

package/docs-dev/sass/helpers/index/index.html CHANGED Viewed

@@ -241,6 +241,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">
@@ -2697,6 +2712,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">

package/docs-dev/sass/helpers/index.html CHANGED Viewed

@@ -241,6 +241,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">
@@ -2697,6 +2712,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">

package/docs-dev/sass/helpers/print/index.html CHANGED Viewed

@@ -241,6 +241,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">
@@ -2697,6 +2712,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">

package/docs-dev/sass/helpers/typography/index.html CHANGED Viewed

@@ -241,6 +241,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">
@@ -2697,6 +2712,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">

package/docs-dev/sass/helpers/units/index.html CHANGED Viewed

@@ -241,6 +241,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">
@@ -2697,6 +2712,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">

package/docs-dev/sass/helpers/utilities/index.html CHANGED Viewed

@@ -241,6 +241,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">
@@ -2697,6 +2712,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">

package/docs-dev/sass/index.html CHANGED Viewed

@@ -241,6 +241,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">
@@ -2697,6 +2712,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+    <span class="nav-tree__text">
+      Card Grid
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend",
-  "version": "0.1.0-beta.24",
+  "version": "0.1.0-beta.26",
   "description": "Modular Sass Theming Library",
   "browser": "js/index.js",
   "main": "index.js",

package/scss/components/_accordion.scss CHANGED Viewed

@@ -145,10 +145,9 @@ $config: (
     vertical-align: top;
     font-weight: bold;
     cursor: pointer;
+    display: flex; // For icon
+    align-items: center;
     &:has(#{ $prefix }__icon) {
-      display: flex; // For icon
-      align-items: center;
-      justify-content: space-between;
       list-style: none; // Remove the default arrow (old safari?)
       &::-webkit-details-marker,
       &::marker {
@@ -172,8 +171,8 @@ $config: (
   #{ $prefix }__icon {
     flex: 0 0 get("icon-size");
     color: color.get(get("icon-color"));
-    margin-left: 0.5em;
-    order: 3;
+    margin-left: auto;
+    padding-left: 0.5em;
     background-color: color.get(get("icon-background-color"));
     border-radius: get("icon-border-radius");
     width: get("icon-size");