// =================================================================
// Variables
// =================================================================

@use "sass:math";

// BURF Extras
//
// Turns a number of extra classes on or off. This is really only
// for the tools partial - you shouldn't use it in a custom theme
// unless you're VERY sure you will never need it. Placeholders will
// still work when this is set to false. Affects friendly grid classes,
// utility classes, and icon classes.
//
// Author: Ashley Kolodziej
//
// Styleguide Configuration.Optimization.BURF Extras
//
// Access: Public
//
// Since: 3.2.0

$burf-extras:                                       true !default;

// Enable media queries
//
// Choose whether or not to enable media queries in your stylesheet.
// If you set this to false, it will print media queries in the
// order they are declared so that desktop styles will always
// override mobile styles, regardless of screen size.
// This is mostly useful for browsers which do not support media queries.
//
// Styleguide Configuration.Media Queries.Enable media queries
//
// Access: Public
//
// Since: 0.1.0

$mqs: true !default;

// Extra small breakpoint
//
// The window width at which extra small styles will begin.
// By default, this is set to target most large phones.
//
// Deprecated versions of this variable include `$XS`.
//
// Styleguide Configuration.Media Queries.$xs
//
// Access: Public
//
// Since: 0.1.0

$xs:                                       500px !default;

// Small breakpoint
//
// The window width at which small styles will begin.
// By default, this is set to target most small tablets
// and iPads in vertical orientation.
//
// Deprecated versions of this variable include `$S`, `$SM`.
//
// Styleguide Configuration.Media Queries.$sm
//
// Access: Public
//
// Since: 0.1.0

$sm:                                       768px !default;

// Medium breakpoint
//
// The window width at which medium styles will begin.
// By default, this is set to target older desktops
// and iPads in horizontal orientation.
//
// Deprecated versions of this variable include `$M`. `$MD`.
//
// Styleguide Configuration.Media Queries.$md
//
// Access: Public
//
// Since: 0.1.0

$md:                                       992px !default;

// Large breakpoint
//
// The window width at which large styles will begin.
// By default, this is set to target most laptops.
//
// Deprecated versions of this variable include `$L`, `$LG`.
//
// Styleguide Configuration.Media Queries.$lg
//
// Access: Public
//
// Since: 0.1.0

$lg:                                       1200px !default;

// Extra Large breakpoint
//
// The window width at which extra large styles will begin.
// By default, this is set to target most modern desktops.
//
// Styleguide Configuration.Media Queries.f: $xl
//
// Access: Public
//
// Since: 2.0.0

$xl:                                       1500px !default;

/// @group 08-layout
/// @access public
/// @since 1.2.0

// Small Container Width
//
// The container width for the small (sm) breakpoint.
//
// Deprecated versions of this variable include `$container_S`, `$container-SM`.
//
// Styleguide Configuration.Containers.Small Container Width
//
// Access: Public
//
// Since: 0.1.0

$container-sm:                             750px !default;

// Medium Container Width
//
// The container width for the medium (md) breakpoint.
//
// Deprecated versions of this variable include `$container_M`, `$container-MD`.
//
// Styleguide Configuration.Containers.Medium Container Width
//
// Access: Public
//
// Since: 0.1.0

$container-md:                             970px !default;

// Large Container Width
//
// The container width for the large (lg) breakpoint.
//
// Deprecated versions of this variable include `$container_L`, `$container-LG`.
//
// Styleguide Configuration.Containers.Large Container Width
//
// Access: Public
//
// Since: 0.1.0

$container-lg:                             1170px !default;

// -----------------------------------------------------------------
// -----------------------------------------------------------------
// -----------------------------------------------------------------
// -----------------------------------------------------------------
// z-index
// -----------------------------------------------------------------
// -----------------------------------------------------------------
// -----------------------------------------------------------------
// -----------------------------------------------------------------

// Z-Index 1
//
// The lowest priority z-index possible.
// Used for content by default.
// Based on Medium's z-index scale.
//
// Deprecated versions of this variable include `$zIndex-1`.
//
// Styleguide Configuration.Z-Index.$z-index-1
//
// Access: Private
//
// Since: 1.0.0

$z-index-1:                                 100;

// Z-Index 2
//
// A low priority z-index for use in themes.
// Can be used for items that should overlap content
// but still sit below stated content.
// Based on Medium's z-index scale.
//
// Deprecated versions of this variable include `$zIndex-2`.
//
// Styleguide Configuration.Z-Index.$z-index-2
//
// Access: Private
//
// Since: 1.0.0

$z-index-2:                                200;

// Z-Index 3
//
// A low priority z-index for use in themes.
// Used for content with multiple states by default.
// Based on Medium's z-index scale.
//
// Deprecated versions of this variable include `$zIndex-3`.
//
// Styleguide Configuration.Z-Index.$z-index-3
//
// Access: Private
//
// Since: 1.0.0

$z-index-3:                                 300;

// Z-Index 4
//
// A medium priority z-index for use in themes.
// Can be used for items that should sit above
// stated content but below panel-like content.
// Based on Medium's z-index scale.
//
// Deprecated versions of this variable include `$zIndex-4`.
//
// Styleguide Configuration.Z-Index.$z-index-4
//
// Access: Private
//
// Since: 1.0.0

$z-index-4:                                 400;

// Z-Index 5
//
// A medium priority z-index for use in themes.
// Used for panel-like content by default.
// Based on Medium's z-index scale.
//
// Deprecated versions of this variable include `$zIndex-5`.
//
// Styleguide Configuration.Z-Index.$z-index-5
//
// Access: Private
//
// Since: 1.0.0

$z-index-5:                                 500;

// Z-Index 6
//
// A medium priority z-index for use in themes.
// Can be used for items that should sit above
// panel-like content but below the primary navigation.
// Based on Medium's z-index scale.
//
// Deprecated versions of this variable include `$zIndex-6`.
//
// Styleguide Configuration.Z-Index.$z-index-6
//
// Access: Private
//
// Since: 1.0.0

$z-index-6:                                 600;

// Z-Index 7
//
// A high priority z-index for use in themes.
// Used for the primary navigation by default.
// Based on Medium's z-index scale.
//
// Deprecated versions of this variable include `$zIndex-7`.
//
// Styleguide Configuration.Z-Index.$z-index-7
//
// Access: Private
//
// Since: 1.0.0

$z-index-7:                                 700;

// Z-Index 8
//
// A high priority z-index for use in themes.
// Can be used for items that should sit above
// primary navigation but below overlays.
// Based on Medium's z-index scale.
//
// Deprecated versions of this variable include `$zIndex-8`.
//
// Styleguide Configuration.Z-Index.$z-index-8
//
// Access: Private
//
// Since: 1.0.0

$z-index-8:                                 800;

// Z-Index 9
//
// The highest priority z-index for use in themes.
// Used for overlays and lightboxes by default.
// Based on Medium's z-index scale.
//
// Deprecated versions of this variable include `$zIndex-9`.
//
// Styleguide Configuration.Z-Index.$z-index-9
//
// Access: Private
//
// Since: 1.0.0

$z-index-9:                                 900;

// Z-Index 10
//
// A z-index which overrides all other z-indexes.
// Strictly for development and debugging.
// Based on Medium's z-index scale.
//
// Deprecated versions of this variable include `$zIndex-10`.
//
// Styleguide Configuration.Z-Index.$z-index-10
//
// Access: Private
//
// Since: 1.0.0

$z-index-10:                                1000;

// Z-Index - Content
//
// A base z-index to use for interactive content in the
// content area that isn't an overlay. Some examples are
// callouts that scale up on hover, or tooltip definitions.
// Use this variable for your default state.
//
// Use `+` or `-` with this variable to set z-index relative
// to the default state - plus for above, minus for below.
// Change this variable to change the stacking order for
// all states in the site.
//
// #### Examples
//
// ##### Ensure callouts that expand on hover show over others.
// 			.callout:hover {
//				transform: scale(1.25);
//				z-index: $z-index-content;
//			}
//
// Styleguide Configuration.Z-Index.$z-index-content
//
// Access: Public
//
// Since: 2.0.0

$z-index-content:                          $z-index-1 !default;

// Z-Index - States
//
// A base z-index to use for content with multiple states.
// A good example of this content might be a form with
// multiple states stacked on one another that you animate.
// Use this variable for your default state.
//
// Use `+` or `-` with this variable to set z-index relative
// to the default state - plus for above, minus for below.
// Change this variable to change the stacking order for
// all states in the site.
//
// #### Examples
//
// ##### Set z-index on a stacked form with states.
// 			.form-state-start,
//			.form-state-active {
//				z-index: $z-index-states;
//			}
//
//			.form-state-getinfo {
//				z-index: $z-index-states - 1;
//			}
//
//			.form-state-end {
//				z-index: $z-index-states - 2;
//			}
//
// Styleguide Configuration.Z-Index.$z-index-states
//
// Access: Public
//
// Since: 2.0.0

$z-index-states:                           $z-index-3 !default;

// Z-Index - Panels
//
// A base z-index to use for panel-like content.
// Panel-like content can include panels that open
// and close, such as horizontal secondary navigation
// menus or filters, which push aside or overlap other content.
//
// Use this variable alone to set a default z-index which
// will play nicely with other types of interactive content
// on your site. Use `+` or `-` with it to set a z-index relative
// to all panels. Change this variable to change the
// default z-index for all panel-like content.
//
// #### Examples
//
// ##### Ensure two stacked filters on a degree page overlap correctly.
//			.degree-filter {
//				z-index: $z-index-panels;
//			}
//
//			.degree-subfilter {
//				z-index: $z-index-panels - 1;
//			}
//
// Styleguide Configuration.Z-Index.$z-index-panels
//
// Access: Public
//
// Since: 2.0.0

$z-index-panels:                           $z-index-5 !default;

// Z-Index - Primary Navigation
//
// A base z-index to use for the primary navigation.
// By default, this sets a z-index which will put dropdown
// menus above content, but below overlays.
//
// Use this variable alone to set a default z-index which
// will play nicely with other types of interactive content
// on your site. Use `+` or `-` with it to set a z-index relative
// to the primary navigation. Change this variable to change the
// stacking order of the primary navigation.
//
// Styleguide Configuration.Z-Index.$z-index-primarynav
//
// Access: Public
//
// Since: 2.0.0

$z-index-primarynav:                       $z-index-7 !default;

// Z-Index - Overlays
//
// A base z-index to use for overlays and lightboxes.
// This z-index will always be on top unless you are using `$z-index-dev`.
// Use this variable alone to set a default z-index which
// will play nicely with other types of interactive content
// on your site. Use `+` or `-` with it to set a z-index relative
// to the default overlay. Change this variable to change the
// stacking order of all overlays. (You may want to do this if you
// have a fixed sticky navigation so that the sticky navigation isn't
// always on top, even with lightboxes.)
//
// Styleguide Configuration.Z-Index.$z-index-overlays
//
// Access: Public
//
// Since: 2.0.0

$z-index-overlays:                         $z-index-9 !default;

// Z-Index - Development / Debugging
//
// A z-index that will override all other z-indexes for development
// and debugging purposes only. Avoid where possible and do not commit
// to production code.
//
// Styleguide Configuration.Z-Index.$z-index-dev
//
// Access: Public
//
// Since: 2.0.0

$z-index-dev:                              $z-index-10 !default;

// -----------------------------------------------------------------
// -----------------------------------------------------------------
// -----------------------------------------------------------------
// -----------------------------------------------------------------
// Spacing
// -----------------------------------------------------------------
// -----------------------------------------------------------------
// -----------------------------------------------------------------
// -----------------------------------------------------------------

// Margin
//
// The base margin to use sitewide.
// All margins are based on this number. Larger margins
// will be a multiple of this, smaller margins will be a
// fraction of this, except in cases of UI or typography
// where margin should be related to font size.
//
// Styleguide Configuration.Spacing.$margin
//
// Access: Public
//
// Since: 2.0.0

$margin:                                    30px !default;

// Margin - Small
//
// The base margin to use for content sitewide.
// This affects floated content in the WordPress editor,
// and would be good for any sort of floated content you
// may add in a custom theme, like a floated callout.
//
// Styleguide Configuration.Spacing.$margin-small
//
// Access: Public
//
// Since: 2.0.0

$margin-small:                              $margin * 0.5 !default;

// Margin - Large
//
// The base margin to use for large spacing sitewide.
// This affects elements like the banner, section tags,
// and any other larger elements.
//
// Styleguide Configuration.Spacing.$margin-large
//
// Access: Public
//
// Since: 2.0.0

$margin-large:                              $margin * 2 !default;

// Padding
//
// The base padding to use sitewide.
// All padding is based on this number. Larger padding
// will be a multiple of this, smaller padding will be a
// fraction of this.
//
// Styleguide Configuration.Spacing.$padding
//
// Access: Public
//
// Since: 2.0.0

$padding:                                   30px !default;

// Padding - Small
//
// A padding variable for situations where you need a
// smaller amount of padding.
//
// Styleguide Configuration.Spacing.$padding-small
//
// Access: Public
//
// Since: 2.0.0

$padding-small:                              $padding * 0.5 !default;

// Padding - Large
//
// A padding variable for situations where you need a
// larger amount of padding.
//
// Styleguide Configuration.Spacing.$padding-large
//
// Access: Public
//
// Since: 2.0.0

$padding-large:                              $padding * 2 !default;

// -----------------------------------------------------------------
// -----------------------------------------------------------------
// -----------------------------------------------------------------
// -----------------------------------------------------------------
// Colors
// -----------------------------------------------------------------
// -----------------------------------------------------------------
// -----------------------------------------------------------------
// -----------------------------------------------------------------

// Tint Hue
//
// A color to tint your grays with.
// Affects grayscale variables. Try cool colors, like blues.
// Accepts any valid color.
//
// Styleguide Configuration.Styling.Grayscale Tint Hue
//
// Access: Public
//
// Since: 2.0.0

$tint-hue: none !default;

// Tint Saturation
//
// The amount to tint your grays, from 0-100%.
// This will affect the maximum saturation of your tint.
//
// Styleguide Configuration.Styling.Grayscale Tint Saturation
//
// Access: Public
//
// Since: 2.0.0

$tint-saturation: 15% !default;

// Tint Color Function
//
// A tinting helper function for grayscale variables.
// If you're adding your own grays and want to take advantage
// of tinting, you can use this function to tint your grays.
//
// The actual tint is dependent on two variables: `$tint-hue`,
// which is the color to use as a tint, and `$tint-saturation`,
// which is the maximum saturation of that tint. More saturation
// happens with dark colors, less or none with very light colors.
//
// Styleguide Configuration.Styling.Tint Color Function
//
// Access: Public
//
// Since: 2.0.0

@function tint-gray( $color ) {
	@if ( $tint-hue == "none" ) {
		@return $color;
	} @else {
		$_amt: $tint-saturation -  math.div( lightness( $color ), $tint-saturation ) ;

		@if ( $_amt <= 0 ) {
			@return $color;
		}

		$newgray: adjust-hue( $color, hue( $tint-hue ) );

		@return saturate( $newgray, $_amt );
	}
}

// Grayscale Variables
//
// Grayscale variables that takes advantage of the tint system.
// Overriding these variables is not supported.
//
// Colors:
// $color-grayscale-0: #000
// $color-grayscale-1: #111
// $color-grayscale-2: #222
// $color-grayscale-3: #333
// $color-grayscale-4: #444
// $color-grayscale-5: #555
// $color-grayscale-6: #666
// $color-grayscale-7: #777
// $color-grayscale-8: #888
// $color-grayscale-9: #999
// $color-grayscale-a: #aaa
// $color-grayscale-b: #bbb
// $color-grayscale-c: #ccc
// $color-grayscale-d: #ddd
// $color-grayscale-e: #eee
// $color-grayscale-f0: #f0f0f0
// $color-grayscale-f5: #f5f5f5
// $color-grayscale-f: #fff
//
// Styleguide Configuration.Styling.Grayscale Variables
//
// Access: Public
//
// Since: 1.0.0

// A grayscale variable that takes advantage of the tint system.
// Produces a very dark gray suitable for text.
// Overriding this variable is not supported.
//
// Colors:
// $color-grayscale-0: #000
//
// Styleguide Utilities.Colors.$color-grayscale-0
//
// Access: Public
//
// Since: 1.0.0

$color-grayscale-0:                        tint-gray( #000 );

// A grayscale variable that takes advantage of the tint system.
// Produces a very dark gray suitable for text.
// Overriding this variable is not supported.
//
// Colors:
// $color-grayscale-1: #111
//
// Styleguide Utilities.Colors.$color-grayscale-1
//
// Access: Public
//
// Since: 1.0.0

$color-grayscale-1:                        tint-gray( #111 );

// A grayscale variable that takes advantage of the tint system.
// Produces a dark gray suitable for text or backgrounds.
// Overriding this variable is not supported.
//
// Colors:
// $color-grayscale-2: #222
//
// Styleguide Utilities.Colors.$color-grayscale-2
//
// Access: Public
//
// Since: 1.0.0

$color-grayscale-2:                        tint-gray( #222 );

// A grayscale variable that takes advantage of the tint system.
// Produces a dark gray suitable for text or backgrounds.
// Overriding this variable is not supported.
//
// Colors:
// $color-grayscale-3: #333
//
// Styleguide Utilities.Colors.$color-grayscale-3
//
// Access: Public
//
// Since: 1.0.0

$color-grayscale-3:                        tint-gray( #333 );

// A grayscale variable that takes advantage of the tint system.
// Produces a dark gray suitable for backgrounds or metadata.
// Overriding this variable is not supported.
//
// Colors:
// $color-grayscale-4: #444
//
// Styleguide Utilities.Colors.$color-grayscale-4
//
// Access: Public
//
// Since: 1.0.0

$color-grayscale-4:                        tint-gray( #444 );

// A grayscale variable that takes advantage of the tint system.
// Produces a dark gray suitable for backgrounds.
// Overriding this variable is not supported.
//
// Colors:
// $color-grayscale-5: #555
//
// Styleguide Utilities.Colors.$color-grayscale-5
//
// Access: Public
//
// Since: 1.0.0

$color-grayscale-5:                        tint-gray( #555 );

// A grayscale variable that takes advantage of the tint system.
// Produces a middle gray suitable for backgrounds or large typography.
// Overriding this variable is not supported.
//
// Colors:
// $color-grayscale-6: #666
//
// Styleguide Utilities.Colors.$color-grayscale-6
//
// Access: Public
//
// Since: 1.0.0

$color-grayscale-6:                        tint-gray( #666 );

// A grayscale variable that takes advantage of the tint system.
// Produces a middle gray suitable for backgrounds or large typography.
// Overriding this variable is not supported.
//
// Colors:
// $color-grayscale-7: #777
//
// Styleguide Utilities.Colors.$color-grayscale-7
//
// Access: Public
//
// Since: 1.0.0

$color-grayscale-7:                        tint-gray( #777 );

// A grayscale variable that takes advantage of the tint system.
// Produces a middle gray suitable for backgrounds or large typography.
// Overriding this variable is not supported.
//
// Colors:
// $color-grayscale-8: #888
//
// Styleguide Utilities.Colors.$color-grayscale-8
//
// Access: Public
//
// Since: 1.0.0

$color-grayscale-8:                        tint-gray( #888 );

// A grayscale variable that takes advantage of the tint system.
// Produces a middle gray suitable for backgrounds or large typography.
// Overriding this variable is not supported.
//
// Colors:
// $color-grayscale-9: #999
//
// Styleguide Utilities.Colors.$color-grayscale-9
//
// Access: Public
//
// Since: 1.0.0

$color-grayscale-9:                        tint-gray( #999 );

// A grayscale variable that takes advantage of the tint system.
// Produces a middle gray suitable for backgrounds.
// Overriding this variable is not supported.
//
// Colors:
// $color-grayscale-a: #a
//
// Styleguide Utilities.Colors.$color-grayscale-a
//
// Access: Public
//
// Since: 1.0.0

$color-grayscale-a:                        tint-gray( #aaa );

// A grayscale variable that takes advantage of the tint system.
// Produces a light gray suitable for backgrounds.
// Overriding this variable is not supported.
//
// Colors:
// $color-grayscale-b: #bbb
//
// Styleguide Utilities.Colors.$color-grayscale-b
//
// Access: Public
//
// Since: 1.0.0

$color-grayscale-b:                        tint-gray( #bbb );

// A grayscale variable that takes advantage of the tint system.
// Produces a light gray suitable for backgrounds, borders, and metadata.
// Overriding this variable is not supported.
//
// Colors:
// $color-grayscale-c: #ccc
//
// Styleguide Utilities.Colors.$color-grayscale-c
//
// Access: Public
//
// Since: 1.0.0

$color-grayscale-c:                        tint-gray( #ccc );

// A grayscale variable that takes advantage of the tint system.
// Produces a light gray suitable for backgrounds.
// Overriding this variable is not supported.
//
// Colors:
// $color-grayscale-d: #ddd
//
// Styleguide Utilities.Colors.$color-grayscale-d
//
// Access: Public
//
// Since: 1.0.0

$color-grayscale-d:                        tint-gray( #ddd );

// A grayscale variable that takes advantage of the tint system.
// Produces a light gray suitable for backgrounds.
// Overriding this variable is not supported.
//
// Colors:
// $color-grayscale-e: #eee
//
// Styleguide Utilities.Colors.$color-grayscale-e
//
// Access: Public
//
// Since: 1.0.0

$color-grayscale-e:                        tint-gray( #eee );

// A grayscale variable that takes advantage of the tint system.
// Produces a near-white gray suitable for backgrounds.
// Overriding this variable is not supported.
//
// Colors:
// $color-grayscale-f0: #f0f0f0
//
// Styleguide Utilities.Colors.$color-grayscale-f0
//
// Access: Public
//
// Since: 1.0.0

$color-grayscale-f0:                       tint-gray( #f0f0f0 );

// A grayscale variable that takes advantage of the tint system.
// Produces a near-white gray suitable for backgrounds.
// Overriding this variable is not supported.
//
// Colors:
// $color-grayscale-f5: #f5f5f5
//
// Styleguide Utilities.Colors.$color-grayscale-f5
//
// Access: Public
//
// Since: 1.0.0

$color-grayscale-f5:                       tint-gray( #f5f5f5 );

// A grayscale variable that takes advantage of the tint system.
// Produces a plain white.
// Overriding this variable is not supported.
//
// Colors:
// $color-grayscale-f: #fff
//
// Styleguide Utilities.Colors.$color-grayscale-f
//
// Access: Public
//
// Since: 1.0.0

$color-grayscale-f:                        tint-gray( #fff );

// Color Hub
//
// A grayscale variable for hover state of the BU Hub webfont. Not intended for editing.
//
// Colors:
// $color-hub: #767676
//
// Styleguide Utilities.Colors.$color-hub
//
// Access: Public
//
// Since: 1.0.0

$color-hub:                        			 #767676;

// -----------------------------------------------------------------
// -----------------------------------------------------------------
// -----------------------------------------------------------------
// -----------------------------------------------------------------
// Content
// -----------------------------------------------------------------

// Text Color
//
// Controls the default color used for text across the site.
// Affects body text and anything else that isn't
// specifically overridden.
//
// Styleguide Typography.Variables.$color-base
//
// Access: Public
//
// Since: 1.0.0
//
// Accessibility: AA

$color-base:                                $color-grayscale-5 !default;


// Selector maps
// -----------------------------------------------------------------
// Map used to plug in selector values that vary between front end and the block editor. 
// For example the frontend markup witll use .alignleft where as the editor will use [data-align='left'].

$frontend-selectors: (
	"alignleft": ".alignleft",
	"alignright": ".alignright",
	"aligncenter": ".aligncenter",
	"alignwide": ".alignwide",
	"alignfull": ".alignfull",
);

$editor-selectors: (
	"alignleft": "[data-align='left']",
	"alignright": "[data-align='right']",
	"aligncenter": "[data-align='center']",
	"alignwide": "[data-align='wide']",
	"alignfull": "[data-align='full']",
);

// Content area elements list
// -----------------------------------------------------------------
// Listof any elementsexpectedtolivein the content-area including guttenburg blocks or classic editor page content.
// These are passed into %contentarea-elements inside of @mixin contentarea-base-styles, so aso apply consistent styles to all blocks of content.

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
.wp-block,
div[class^=".wp-block-"],
.bu-callout,
.gallery,
.bu_collapsible_container,
.gform_legacy_markup_wrapper {
	@extend %contentarea-elements !optional;
}

// -----------------------------------------------------------------
// -----------------------------------------------------------------
// -----------------------------------------------------------------

// Borders
// -----------------------------------------------------------------

// Change the Default Border
//
// The default border style.
//
// Styleguide Configuration.Styling.Change the Default Border
//
// Access: Public
//
// Since: 1.0.0

// $border
//
// A variable that applies the default border style.
//
// Styleguide Utilities.Styling.$border
//
// Access: Public
//
// Since: 1.0.0

$border:												1px solid $color-grayscale-d !default;