@brady_h/styles 1.0.11 → 1.0.13

package/package.json

@@ -1,11 +1,21 @@
 {
   "name": "@brady_h/styles",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "description": "Shared SCSS styling foundation for projects",
   "license": "MIT",
   "files": [
     "src"
   ],
+  "exports": {
+    ".": {
+      "sass": "./src/_index.scss",
+      "default": "./src/_index.scss"
+    },
+    "./classes": {
+      "sass": "./src/_classes.scss",
+      "default": "./src/_classes.scss"
+    }
+  },
   "sass": "./src/_index.scss",
   "style": "./src/_index.scss",
   "scripts": {

package/src/_functions.scss

@@ -2,8 +2,8 @@
 @use "sass:math";
 @use "sass:map";
 @use "sass:meta";
-@use "./variables" as vars;
-@use "./breakpoints" as bp;
+@use "./_variables" as vars;
+@use "./_breakpoints" as bp;
 
 @function map-value($collection, $key, $fallback: null) {
   @if not map.has-key($collection, $key) {

package/src/_index.scss

@@ -1,4 +1,4 @@
-@forward "./variables";
-@forward "./breakpoints";
-@forward "./functions";
-@forward "./mixins";
+@forward "variables";
+@forward "breakpoints";
+@forward "functions";
+@forward "mixins";

package/src/_mixins.scss

@@ -1,5 +1,5 @@
 @use "sass:map";
-@use "./breakpoints" as bp;
+@use "./_breakpoints" as bp;
 
 @mixin respond-down($breakpoint: md) {
   @media (max-width: bp.breakpoint($breakpoint)) {

package/src/_variables.scss

@@ -1,3 +1,5 @@
+@use "sass:math";
+
 $spacing: (
   0: 0,
   1: 4px,
@@ -155,12 +157,12 @@ $content-width: (
 );
 
 $aspect-ratio: (
-  square: 1 / 1,
-  portrait: 3 / 4,
-  landscape: 4 / 3,
-  widescreen: 16 / 9,
-  ultrawide: 21 / 9,
-  golden: 1.618 / 1,
+  square: math.div(1, 1),
+  portrait: math.div(3, 4),
+  landscape: math.div(4, 3),
+  widescreen: math.div(16, 9),
+  ultrawide: math.div(21, 9),
+  golden: math.div(1.618, 1),
 );
 
 $opacity: (
@@ -401,11 +403,3 @@ $vertical-align: (
   sub: sub,
   super: super,
 );
-
-$object-fit: (
-  fill: fill,
-  contain: contain,
-  cover: cover,
-  none: none,
-  scale-down: scale-down,
-);