Merge pull request #10 from beefchimi/get-prefix

Prefix property functions

properties/_border.scss

@@ -15,7 +15,7 @@ $threads-properties: map-merge(
 // @param {String} $group (optional) - The key for the border group.
 // @param {String} $variant (optional) - The key for the border variant.
 // @return {List} The shorthand border value with width, style, and color.
-@function border($group: $threads-default-value, $variant: $threads-default-value) {
+@function get-border($group: $threads-default-value, $variant: $threads-default-value) {
   $border-data: map-get($threads-properties, $border-label);
   $fetched-border: threads-value-get($border-data, $group, $variant);
 

properties/_breakpoint.scss

@@ -17,7 +17,7 @@ $threads-properties: map-merge(
 // @param {String} $variant (optional) - The key for the breakpoint variant.
   // Tip: helpful to think of this as `device` (mobile / tablet / desktop).
 // @return {Number} The breakpoint width for the given group and variant.
-@function breakpoint($group: $threads-default-value, $variant: $threads-default-value) {
+@function get-breakpoint($group: $threads-default-value, $variant: $threads-default-value) {
   $breakpoint-data: map-get($threads-properties, $breakpoint-label);
   $fetched-breakpoint: threads-value-get($breakpoint-data, $group, $variant);
 

properties/_color.scss

@@ -17,7 +17,7 @@ $threads-properties: map-merge(
 // @param {String} $variant (optional) - The key for the color variant.
   // Tip: helpful to think of this as `shade` (lightness / darkness).
 // @return {Color} The color value.
-@function color($group: $threads-default-value, $variant: $threads-default-value) {
+@function get-color($group: $threads-default-value, $variant: $threads-default-value) {
   $color-data: map-get($threads-properties, $color-label);
   $fetched-color: threads-value-get($color-data, $group, $variant);
 

properties/_cursor.scss

@@ -15,7 +15,7 @@ $threads-properties: map-merge(
 // @param {String} $group (optional) - The key for the cursor group.
 // @param {String} $variant (optional) - The key for the cursor variant.
 // @return {String} The url path to the image asset and the fallback value.
-@function cursor($group: $threads-default-value, $variant: $threads-default-value) {
+@function get-cursor($group: $threads-default-value, $variant: $threads-default-value) {
   $cursor-data: map-get($threads-properties, $cursor-label);
   $fetched-cursor: threads-value-get($cursor-data, $group, $variant);
 

properties/_duration.scss

@@ -15,7 +15,7 @@ $threads-properties: map-merge(
 // @param {String} $group (optional) - The key for the duration group.
 // @param {String} $variant (optional) - The key for the duration variant.
 // @return {Number} The animation or transition duration.
-@function duration($group: $threads-default-value, $variant: $threads-default-value) {
+@function get-duration($group: $threads-default-value, $variant: $threads-default-value) {
   $duration-data: map-get($threads-properties, $duration-label);
   $fetched-duration: threads-value-get($duration-data, $group, $variant);
 

properties/_easing.scss

@@ -15,7 +15,7 @@ $threads-properties: map-merge(
 // @param {String} $group (optional) - The key for the easing group.
 // @param {String} $variant (optional) - The key for the easing variant.
 // @return {String/Function} The animation or transition timing function.
-@function easing($group: $threads-default-value, $variant: $threads-default-value) {
+@function get-easing($group: $threads-default-value, $variant: $threads-default-value) {
   $easing-data: map-get($threads-properties, $easing-label);
   $fetched-easing: threads-value-get($easing-data, $group, $variant);
 

properties/_font-stack.scss

@@ -17,7 +17,7 @@ $threads-properties: map-merge(
 // @param {String} $variant (optional) - The key for the font-stack variant.
   // Tip: helpful to think of this as the `font variant` (thin / light / bold / heavy).
 // @return {List} The font-stack for the requested family.
-@function font-stack($group: $threads-default-value, $variant: $threads-default-value) {
+@function get-font-stack($group: $threads-default-value, $variant: $threads-default-value) {
   $font-stack-data: map-get($threads-properties, $font-stack-label);
   $fetched-font-stack: threads-value-get($font-stack-data, $group, $variant);
 

properties/_layout-height.scss

@@ -15,7 +15,7 @@ $threads-properties: map-merge(
 // @param {String} $group (optional) - The key for the layout-height group.
 // @param {String} $variant (optional) - The key for the layout-height variant.
 // @return {Number} The layout height.
-@function layout-height($group: $threads-default-value, $variant: $threads-default-value) {
+@function get-layout-height($group: $threads-default-value, $variant: $threads-default-value) {
   $layout-height-data: map-get($threads-properties, $layout-height-label);
   $fetched-layout-height: threads-value-get($layout-height-data, $group, $variant);
 

properties/_layout-width.scss

@@ -15,7 +15,7 @@ $threads-properties: map-merge(
 // @param {String} $group (optional) - The key for the layout-width group.
 // @param {String} $variant (optional) - The key for the layout-width variant.
 // @return {Number} The layout width.
-@function layout-width($group: $threads-default-value, $variant: $threads-default-value) {
+@function get-layout-width($group: $threads-default-value, $variant: $threads-default-value) {
   $layout-width-data: map-get($threads-properties, $layout-width-label);
   $fetched-layout-width: threads-value-get($layout-width-data, $group, $variant);
 

properties/_radius.scss

@@ -15,7 +15,7 @@ $threads-properties: map-merge(
 // @param {String} $group (optional) - The key for the border-radius group.
 // @param {String} $variant (optional) - The key for the border-radius variant.
 // @return {Number/List} The border-radius value.
-@function radius($group: $threads-default-value, $variant: $threads-default-value) {
+@function get-radius($group: $threads-default-value, $variant: $threads-default-value) {
   $radius-data: map-get($threads-properties, $radius-label);
   $fetched-radius: threads-value-get($radius-data, $group, $variant);
 

properties/_shadow.scss

@@ -15,7 +15,7 @@ $threads-properties: map-merge(
 // @param {String} $group (optional) - The key for the shadow group.
 // @param {String} $variant (optional) - The key for the shadow variant.
 // @return {List} The shorthand shadow value with width, style, and color.
-@function shadow($group: $threads-default-value, $variant: $threads-default-value) {
+@function get-shadow($group: $threads-default-value, $variant: $threads-default-value) {
   $shadow-data: map-get($threads-properties, $shadow-label);
   $fetched-shadow: threads-value-get($shadow-data, $group, $variant);
 

properties/_spacing.scss

@@ -15,7 +15,7 @@ $threads-properties: map-merge(
 // @param {String} $group (optional) - The key for the spacing group.
 // @param {String} $variant (optional) - The key for the spacing variant.
 // @return {Number} The spacing value.
-@function spacing($group: $threads-default-value, $variant: $threads-default-value) {
+@function get-spacing($group: $threads-default-value, $variant: $threads-default-value) {
   $spacing-data: map-get($threads-properties, $spacing-label);
   $fetched-spacing: threads-value-get($spacing-data, $group, $variant);
 

properties/_type-scale.scss

@@ -15,7 +15,7 @@ $threads-properties: map-merge(
 // @param {String} $group (optional) - The key for the type-scale group.
 // @param {String} $variant (optional) - The key for the type-scale variant.
 // @return {Number} The requested type-scale.
-@function type-scale($group: $threads-default-value, $variant: $threads-default-value) {
+@function get-type-scale($group: $threads-default-value, $variant: $threads-default-value) {
   $type-scale-data: map-get($threads-properties, $type-scale-label);
   $fetched-type-scale: threads-value-get($type-scale-data, $group, $variant);
 

properties/_z-index.scss

@@ -15,7 +15,7 @@ $threads-properties: map-merge(
 // @param {String} $group (optional) - The key for the z-index group.
 // @param {String} $variant (optional) - The key for the z-index variant.
 // @return {Number} The z-index value.
-@function z-index($group: $threads-default-value, $variant: $threads-default-value) {
+@function get-z-index($group: $threads-default-value, $variant: $threads-default-value) {
   $z-index-data: map-get($threads-properties, $z-index-label);
   $fetched-z-index: threads-value-get($z-index-data, $group, $variant);