// Copyright 2018-Present Okta, Inc.
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
// http://www.apache.org/licenses/LICENSE-2.0
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
@function ms($step) {
$value: 1rem;
@if $step > 0 {
@for $i from 1 through $step {
$value: ($value * $scale-ratio);
}
}
@if $step < 0 {
@for $i from $step through -1 {
$value: ($value / $scale-ratio);
}
}
@return $value;
}
// TODO: get rid of this
@function rem-to-px($value) {
@if variable-exists('base-font-size') {
@return ($value / 1rem) * $base-font-size;
}
}
/**
* Simple string replacement
*/
@function str-replace($string, $search, $replace: '') {
$index: str-index($string, $search);
@return if($index, str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace), $string);
}
/**
* Retrieves map keys from nested maps.
*/
@function map-deep-get($map, $keys...) {
@each $key in $keys {
$map: map-get($map, $key);
}
@return $map;
}
/**
* Retrieves and encodes icons for use in CSS
* Works down to IE9
*
* Refs:
* https://css-tricks.com/creating-a-maintainable-icon-system-with-sass/
* https://codepen.io/chriscoyier/pen/ZQgvyG/
* https://codepen.io/tigt/post/optimizing-svgs-in-data-uris
* https://codepen.io/jakob-e/pen/doMoML
*/
$icons: (
'arrow':'',
'anchor': '',
'caret':'',
'check':'',
'close':'',
'dash':'',
'double-arrow':'',
'external':'',
'search':'',
);
@function get-icon($icon, $color) {
// Check for valid color
@if 'color' != type-of( $color ) {
@warn 'The requested color - "' + $color + '" - was not recognized as a Sass color value.';
@return null;
}
@if map-has-key( $icons, $icon ) {
$icon: map-get($icons, $icon);
$color-placeholder: '%%COLOR%%';
$icon: str-replace($icon, $color-placeholder, $color);
} @else {
@warn 'The requested icon - "' + $icon + '" - is not defined in the $icons map.';
@return null;
}
// Add missing namespace
@if not str-index($icon,xmlns) {
$icon: str-replace($icon, '', '%3E');
$encoded: #{$encoded}#{$chunk};
$index: $index + $slice;
}
@return url('data:image/svg+xml,#{$encoded}');
}