feat: Change default timings

- Change mouse over time
- Change default duration
- Format with tabs
- Reindent

global/_common.scss

@@ -48,21 +48,24 @@
 }
 
 @each $size, $variable in (basic, #{$space_basic}),
-                          (small, #{$space_small}),
-                          (medium, #{$space_medium}),
-                          (large, #{$space_large}) {
-  .space_top_#{$size} {
-    margin-top: $variable;
-  }
-  .space_right_#{$size} {
-    margin-right: $variable;
-  }
-  .space_bottom_#{$size} {
-    margin-bottom: $variable;
-  }
-  .space_left_#{$size} {
-    margin-left: $variable;
-  }
+(small, #{$space_small}),
+(medium, #{$space_medium}),
+(large, #{$space_large}) {
+	.space_top_#{$size} {
+		margin-top: $variable;
+	}
+
+	.space_right_#{$size} {
+		margin-right: $variable;
+	}
+
+	.space_bottom_#{$size} {
+		margin-bottom: $variable;
+	}
+
+	.space_left_#{$size} {
+		margin-left: $variable;
+	}
 }
 
 .space_left_fourth {
@@ -100,7 +103,7 @@
 }
 
 .wrap_center {
-	&	> * {
+	&>* {
 		margin-right: math.div((100% - $width_basic), 2);
 		margin-left: math.div((100% - $width_basic), 2);
 
@@ -108,10 +111,12 @@
 			margin-right: math.div((100% - $width_small), 2);
 			margin-left: math.div((100% - $width_small), 2);
 		}
+
 		@include forTabletLandscapeUp {
 			margin-right: math.div((100% - $width_medium), 2);
 			margin-left: math.div((100% - $width_medium), 2);
 		}
+
 		@include forBigDesktopUp {
 			margin-right: math.div((100% - $width_large), 2);
 			margin-left: math.div((100% - $width_large), 2);
@@ -312,4 +317,4 @@
 	background-clip: text;
 	-webkit-background-clip: text;
 	-webkit-text-fill-color: transparent;
-}
+}

global/_config.scss

@@ -68,13 +68,12 @@ $family_head_basic: $family_text_basic !default;
 // COLORS
 // ------------------------------------------------------------------------------
 $color_palette: (
-  alpha: #fad803,
-  bravo: #d30a51,
-  charlie: #273f8b,
-  delta: #b7e0f0,
-  echo: #52bed1,
-	foxtrot: #0c85ff
-) !default;
+	alpha: #fad803,
+	bravo: #d30a51,
+	charlie: #273f8b,
+	delta: #b7e0f0,
+	echo: #52bed1,
+	foxtrot: #0c85ff) !default;
 
 @include addDefaultColors;
 
@@ -90,7 +89,8 @@ $color_back_basic: #808080 !default;
 $color_border_basic: lighten($color_text_basic, $color_diff_basic) !default;
 $color_front_basic: white !default;
 
-$color_medium: lighten($color_darkest, 50%);
+$color_medium: lighten($color_darkest, 50%
+);
 $color_dark: lighten($color_darkest, $color_diff_double);
 $color_darker: darken($color_back_basic, $color_diff_basic);
 $color_brighter: lighten($color_back_basic, $color_diff_basic);
@@ -105,12 +105,14 @@ $color_action_basic: $foxtrot_color !default;
 // default shadow colors
 // $shadow_color: fade-out($color_medium, 0.5);
 
-$color_list: ();
+$color_list: (
+);
 
 @each $key, $value in $color_palette {
-  $map: ();
-  $map: map-merge($map, ($key: createColorMap($value, 15%, 0.5)) );
-  $color_list: map-merge($color_list, $map);
+	$map: (
+	);
+$map: map-merge($map, ($key: createColorMap($value, 15%, 0.5)));
+$color_list: map-merge($color_list, $map);
 }
 
 
@@ -159,40 +161,36 @@ $radius_basic: $space_tiny * 2 !default;
 
 // IO
 // ------------------------------------------------------------------------------
-$io_input_list:
-  'input[type="text"]',
-  'input[type="number"]',
+$io_input_list: 'input[type="text"]',
+	'input[type="number"]',
 	'input[type="color"]',
 	'input[type="range"]',
 	'input[type="date"]',
 	'input[type="time"]',
-  'input[type="datetime-local"]',
-  'input[type="month"]',
-  'input[type="week"]',
+	'input[type="datetime-local"]',
+	'input[type="month"]',
+	'input[type="week"]',
 	'input[type="email"]',
-  'input[type="password"]',
-  'input[type="tel"]',
-  'input[type="url"]',
+	'input[type="password"]',
+	'input[type="tel"]',
+	'input[type="url"]',
 	'input[type="search"]',
 	'input:not([type])';
 
-$io_date_list:
-  '.io_input[type="date"]',
-  '.io_input[type="time"]',
-  '.io_input[type="datetime-local"]',
-  '.io_input[type="month"]',
-  '.io_input[type="week"]';
+$io_date_list: '.io_input[type="date"]',
+	'.io_input[type="time"]',
+	'.io_input[type="datetime-local"]',
+	'.io_input[type="month"]',
+	'.io_input[type="week"]';
 
-$io_button_list:
-	'button',
+$io_button_list: 'button',
 	'input[type="button"]',
 	// 'input[type="file"]',
 	'input[type="reset"]',
 	'input[type="image"]',
 	'input[type="submit"]';
 
-$io_focus_list:
-	'a[href]',
+$io_focus_list: 'a[href]',
 	'area[href]',
 	'button:not([disabled])',
 	'input:not([disabled])',
@@ -218,7 +216,7 @@ $shadow_focus: $shadow_basic, 0 0 5px adjust-color($color_action_basic, $lightne
 
 // ANIMATIONS
 // ------------------------------------------------------------------------------
-$duration_basic: 250ms !default;
+$duration_basic: 200ms !default;
 $duration_double: $duration_basic * 2;
 $duration_long: 2s !default;
 $timing_basic: ease-out !default;
@@ -254,17 +252,17 @@ $webkit_ms_support: -webkit- -ms- '';
 // SYMBOLS
 // ------------------------------------------------------------------------------
 $icons: (
-  glass: "\f000",
-  music: "\f001",
-  search: "\f002",
-  envelope-o: "\f003",
-  heart: "\f004"
+	glass: "\f000",
+	music: "\f001",
+	search: "\f002",
+	envelope-o: "\f003",
+	heart: "\f004"
 );
 
 @each $name, $icon in $icons {
-  .sym_#{$name}::before {
-    content: $icon;
-  }
+	.sym_#{$name}::before {
+		content: $icon;
+	}
 }
 
 
@@ -273,4 +271,4 @@ $icons: (
 // ------------------------------------------------------------------------------
 $no_agent_focus: true;
 
-@include overrideUserAgent;
+@include overrideUserAgent;