$radius: .25rem;
$border-width: 1px;
$border-radius:.25rem;
$spacer: 1rem;
$padding: .75rem;

@import "../vars/colors";



$colors-rep:(
	"100"	50%, 
	"200"	45%, 
	"300"	40%, 
	"400"	35%,
	"500"	30%, 
	"600"	25%, 
	"700"	20%, 
	"800"	15%,
	"900"	10%, 
	"1000"	0%
);

/**
 * Sizes
 */
$general_sizes:(
 "-0" "-0" "-0"   0,
 "-0-5" "-0_5" "-0\\.5"  .125rem,
 "-1" "-1" "-1"  .250rem,
 "-1-5" "-1_5" "-1\\.5"  .375rem,
 "-2" "-2" "-2"  .5rem,
 "-2-5" "-2_5" "-2\\.5"  .625rem,
 "-3" "-3" "-3"  .750rem,
 "-3-5" "-3_5" "-3\\.5"  .875rem,
 "-4" "-4" "-4"  1rem,
 "-4-5" "-4_5" "-4\\.5"  1.125rem,
 "-5" "-5" "-5"  1.250rem,
 "-5-5" "-5_5" "-5\\.5"  1.375rem,
 "-6" "-6" "-6"  1.5rem,
 "-6-5" "-6_5" "-6\\.5"  1.625rem,
 "-7" "-7" "-7"  1.750rem,
 "-7-5" "-7_5" "-7\\.5"  1.875rem,
 "-8" "-8" "-8"  2rem,
 "-8-5" "-8_5" "-8\\.5"  2.125rem,
 "-9" "-9" "-9"  2.250rem,
 "-9-5" "-9_5" "-9\\.5"  2.375rem,
 "-10" "-10" "-10"  2.5rem,
 "-10-5" "-10_5" "-10\\.5" 2.625rem,
 "-11" "-11" "-11"  2.750rem,
 "-11-5" "-11_5" "-11\\.5" 2.875rem,
 "-12" "-12" "-12"  3rem,
 "-12-5" "-12_5" "-12\\.5" 3.125rem,
 "-13" "-13" "-13"  3.250rem,
 "-13-5" "-13_5" "-13\\.5" 3.375rem,
 "-14" "-14" "-14"  3.5rem,
 "-14-5" "-14_5" "-14\\.5" 3.625rem,
 "-15" "-15" "-15"  3.750rem,
 "-15-5" "-15_5""-15\\.5" 3.875rem,
 "-16" "-16" "-16"  4rem,
 "-16-5" "-16_5" "-16\\.5" 4.125rem,
 "-17" "-17" "-17"  4.250rem,
 "-17-5" "-17_5" "-17\\.5" 4.375rem,
 "-18" "-18" "-18"  4.5rem,
 "-18-5" "-18_5" "-18\\.5" 4.625rem,
 "-19" "-19" "-19"  4.750rem,
 "-19-5" "-19_5" "-19\\.5" 4.875rem,
 "-20" "-20" "-20"  5rem,
 "-20-5" "-20_5""-20\\.5" 5.125rem,
 "-21" "-21" "-21"  5.250rem,
 "-21-5" "-21_5" "-21\\.5" 5.375rem,
 "-22" "-22" "-22"  5.5rem,
 "-22-5" "-22_5" "-22\\.5" 5.625rem,
 "-23" "-23" "-23"  5.750rem,
 "-23-5" "-23_5" "-23\\.5" 5.875rem,
 "-24" "-24" "-24"  5rem,
 "-24-5" "-24_5" "-24\\.5" 5.125rem,
 "-25" "-25" "-25"  5.250rem,
 "-25-5" "-25_5" "-25\\.5" 5.375rem,
 "-26" "-26" "-26"  5.5rem,
 "-26-5" "-26_5" "-26\\.5" 5.625rem,
 "-27" "-27" "-27"  5.750rem,
 "-27-5" "-27_5" "-27\\.5" 5.875rem,
 "-28" "-28" "-28"  6rem,
 "-28-5" "-28_5" "-28\\.5" 6.125rem,
 "-29" "-29" "-29"  6.250rem,
 "-29-5" "-29_5" "-29\\.5" 6.375rem,
 "-30" "-30" "-30"  6.5rem,
 "-30-5" "-30_5" "-30\\.5" 6.625rem,
 "-31" "-31" "-31"  6.750rem,
 "-31-5" "-31_5" "-31\\.5" 6.875rem,
 "-32" "-32" "-32"  7rem,
 "-32-5" "-32_5" "-32\\.5" 7.125rem,
 "-33" "-33" "-33"  7.250rem,
 "-33-5" "-33_5" "-33\\.5" 7.375rem,
 "-34" "-34" "-34"  7.5rem,
 "-34-5" "-34_5" "-34\\.5" 7.625rem,
 "-35" "-35" "-35"  7.750rem,
 "-35-5" "-35_5" "-35\\.5" 7.875rem,
 "-36" "-36" "-36"  8rem,
 "-36-5" "-36_5" "-36\\.5" 8.125rem,
 "-37" "-37" "-37"  8.250rem,
 "-37-5" "-37_5" "-37\\.5" 8.375rem,
 "-38" "-38" "-38"  8.5rem,
 "-38-5" "-38_5" "-38\\.5" 8.625rem,
 "-39" "-39" "-39"  8.750rem,
 "-39-5" "-39_5" "-39\\.5" 8.875rem,
 "-40" "-40" "-40"  9rem,
);

/**
 * Display
 *
 */
$general_display : (
 "block", "contents", "flex", "flow", "flow-root", "grid", "inline", "inline-block", "inline-flex",
 "inline-grid", "inline-table", "list-item", "math", "display-none", "display-math", "table", "table-caption",
 "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row",
 "table-row-group", "webkit-box", "webkit-inline-box", "display-box", "display-inline-box", "inherit", "hidden", "display-initial",
 "display-revert", "display-revert-layer", "display-unset"
);

/**
 * Position
 */
 $general_position: (
 "absolute", "fixed", "relative", "static", "sticky", 
 "position-inherit", "position-initial", "position-revert", "position-revert-layer",
 "position-unset"
 );

 $general_backgrounds:(
 "-dots" "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAAAAABX3VL4AAAADklEQVQI12P4/5/hPwMACvsC/tmfKMUAAAAASUVORK5CYII=;",
 "-dots-darker" "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpi2r9//38gYGAEESAAEGAAasgJOgzOKCoAAAAASUVORK5CYII="
 );

 $general_aliasing:(
 "antialiased" "grayscale" "-webkit-font-smoothing" "-moz-osx-font-smoothing" "-mz-font-smoothing" "-o-font-smoothing"  "font-smoothing",
 "subpixel-antialiased" "grayscale" "-webkit-font-smoothing" "-moz-osx-font-smoothing" "-mz-font-smoothing" "-o-font-smoothing" "font-smoothing",
 );

 $general_justify:(
 "justify-between" "space-between" "",
 "justify-center" "center" "",
 "justify-end" "flex-end" "end",
 "justify-start" "flex-start" "start",
 "justify-left" "left" "",
 "justiry-right" "right" "",
 "justiry-arround" "space-arround" "",
 "justiry-evenly" "space-evenly" "",
 "justiry-stretch" "stretch" "",
 "justiry-inherit" "inherit" "",
 "justiry-initial" "initial" "",
 "justiry-revert" "revert" "",
 "justiry-revert-layer" "revert-layer" "",
 "justiry-none" "none" "",
 );

 $general_flex_dir:(
	"-col"	"column",
	"-col-reverse" "column-reverse",
	"-row"	"row",
	"-row-reverse" "row-reverse",
	"-inherit"	"inherit",
	"-initial"	"initial",
	"-revert"	"revert",
	"-revert-inverse" "revert-inverse",
 );
 $general_items_align:(
	"center", "baseline", "stretch", "end", "start", "flex-end", "flex-start", "normal", "self-end", "self-start",
	"inherit", "initial", "revert", "revert-reverse", "left", "right"
 );

 $general_grid_flow:(
	"flow-col"		"column",
	"flow-dense"	"dense",
	"flow-row"		"row"
 );
 $general_font_size:(
	"-xs" 	.75rem		1rem,
	"-sm"	.875rem		1.25rem,
	"-base"	1rem		1.5rem,
	"-md"	1rem		1.5rem,
	"-lg"	1.125rem	1.75rem,
	"-xl"	1.25rem		1.75rem,
	"-2xl"	1.5rem		2rem,
	"-3xl"	1.875rem	2.25rem
 );
 $general_font_weight:(
	"100"		"100", 
	"200"		"200", 
	"300"		"300", 
	"400"		"400", 
	"normal"	"400", 
	"500"		"500", 
	"medium"	"500", 
	"600"		"600", 
	"semibold"	"600", 
	"700"		"700", 
	"bold"		"700",
	"800"		"800", 
	"900"		"900"
 );
 $general_rounded:(
	"none"	0px,
	"sm"	.125rem,
	"md"	.375rem,
	"lg"	.5rem,
	"xl"	.875rem,
	"xxl"	1rem,
	"2xl"	1.375rem,
	"xxxl"	1.5rem,
	"3xl"	1.875rem,
	"full"	9999px,
 );
 $general_overflow:(
	"auto",
    "hidden",
    "overlay",
    "scroll",
    "visible",
    "inherit",
    "initial",
    "revert",
    "revert-layer",
    "unset"
 );

$general_scrollbar: (
	"",
	"::-webkit-scrollbar",
	"::-moz-scrollbar",
	"::-mz-scrollbar",
	"::-ms-scrollbar",
	"::-o-scrollbar"
);
$general_scrollbar_hidden_x:(
	"-webkit-overflow-style" "none",
	"-moz-overflow-style" "none",
	"-mz-overflow-style" "none",
	"-ms-overflow-style" "none",
	"-o-overflow-style" "none",
	"overflow-style" "none",
	"scrollbar-width" "none",
	"overflow-x" "scroll"
);
$general_scrollbar_hidden_y:(
	"-webkit-overflow-style" "none",
	"-moz-overflow-style" "none",
	"-mz-overflow-style" "none",
	"-ms-overflow-style" "none",
	"-o-overflow-style" "none",
	"overflow-style" "none",
	"scrollbar-width" "none",
	"overflow-y" "scroll"
);