feat: Change default timings

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

elements/_sections.scss

@@ -39,25 +39,20 @@ body {
 	}
 
 	&:hover {
-
 		.mouse_over {
 			background-color: transparent !important;
-			transition: background-color $duration_double $timing_basic 0s !important;
+			transition: background-color $duration_basic $timing_basic 0s !important;
 		}
 	}
 }
 
 // Article
 // -----------------------------------------------------------------------------
-article {
+article {}
-
-}
 
 // Section
 // -----------------------------------------------------------------------------
-section {
+section {}
-
-}
 
 .sec_main_center {
 	width: $width_basic;
@@ -67,9 +62,11 @@ section {
 	@include forTabletPortraitUp {
 		width: $width_small;
 	}
+
 	@include forTabletLandscapeUp {
 		width: $width_medium;
 	}
+
 	@include forBigDesktopUp {
 		width: $width_large;
 	}
@@ -84,9 +81,7 @@ section {
 
 // Navigation
 // -----------------------------------------------------------------------------
-nav {
+nav {}
-
-}
 
 // Aside element
 // -----------------------------------------------------------------------------
@@ -116,7 +111,12 @@ aside {
 
 // Headings
 // -----------------------------------------------------------------------------
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
 	@extend %head_all;
 }
 
@@ -165,9 +165,7 @@ h6 {
 
 // Header
 // -----------------------------------------------------------------------------
-header {
+header {}
-
-}
 
 .header_page {
 	overflow: auto;
@@ -184,6 +182,4 @@ header {
 
 // Footer
 // -----------------------------------------------------------------------------
-footer {
+footer {}
-
-}

global/_common.scss

@@ -54,12 +54,15 @@
 	.space_top_#{$size} {
 		margin-top: $variable;
 	}
+
 	.space_right_#{$size} {
 		margin-right: $variable;
 	}
+
 	.space_bottom_#{$size} {
 		margin-bottom: $variable;
 	}
+
 	.space_left_#{$size} {
 		margin-left: $variable;
 	}
@@ -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);

global/_config.scss

@@ -73,8 +73,7 @@ $color_palette: (
 	charlie: #273f8b,
 	delta: #b7e0f0,
 	echo: #52bed1,
-	foxtrot: #0c85ff
+	foxtrot: #0c85ff) !default;
-) !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,10 +105,12 @@ $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: map-merge($map, ($key: createColorMap($value, 15%, 0.5)));
 $color_list: map-merge($color_list, $map);
 }
@@ -159,8 +161,7 @@ $radius_basic: $space_tiny * 2 !default;
 
 // IO
 // ------------------------------------------------------------------------------
-$io_input_list:
+$io_input_list: 'input[type="text"]',
-  'input[type="text"]',
 	'input[type="number"]',
 	'input[type="color"]',
 	'input[type="range"]',
@@ -176,23 +177,20 @@ $io_input_list:
 	'input[type="search"]',
 	'input:not([type])';
 
-$io_date_list:
+$io_date_list: '.io_input[type="date"]',
-  '.io_input[type="date"]',
 	'.io_input[type="time"]',
 	'.io_input[type="datetime-local"]',
 	'.io_input[type="month"]',
 	'.io_input[type="week"]';
 
-$io_button_list:
+$io_button_list: 'button',
-	'button',
 	'input[type="button"]',
 	// 'input[type="file"]',
 	'input[type="reset"]',
 	'input[type="image"]',
 	'input[type="submit"]';
 
-$io_focus_list:
+$io_focus_list: 'a[href]',
-	'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;