@import 'uniform/config';
@import 'uniform/functions';
@import 'uniform/mixins';
*{
    border-width: 0;
    border-style: solid;
    border-color: rgba(var(--border-color), var(--border-opacity));
}

.uniformInput,
.uniformInputGroup,
.uniformSelect {
    --focus-color: #{red(color('blue'))}, #{green(color('blue'))}, #{blue(color('blue'))};
}

body {
    --breakpoints: #{mapToString(map-get($uniform_configs, 'breakpoints'))};
    --bg-opacity: 1.0;
    --shadow-opacity: 0.1;
    --border-opacity: 1.0;
    --border-color: #{red(color('gray'))}, #{green(color('gray'))}, #{blue(color('gray'))};
}

@include responsive-rule('base') { 
    --breakpoints: #{mapToString(map-get($uniform_configs, 'breakpoints'))};
    --bg-opacity: 1.0;
    --shadow-opacity: 0.1;
    --border-opacity: 1.0;
    --border-color: #{red(color('gray'))}, #{green(color('gray'))}, #{blue(color('gray'))};
}

/*
The following is used to pass configs in scss
UNIFORM CONFIGS
#{mapToJSON($uniform_configs)}
UNIFORM CONFIGS END
*/