ch4o5/locomotive-boilerplate
Template
1
0
Fork 0
mirror of https://github.com/locomotivemtl/locomotive-boilerplate.git synced 2026-01-15 00:55:08 +08:00
Code Issues Projects Releases Wiki Activity

Update scss semicolon spacings

Browse Source
This commit is contained in:
Lucas Vallenet
2022-05-25 13:47:45 +02:00
parent 141a8ffa97
commit f44093ec19
4 changed files with 76 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
assets/styles/main.scss
View File

@@ -56,10 +56,6 @@
@import "components/button"; @import "components/button";
@import "components/form"; @import "components/form";
// Templates
// ==========================================================================
// @import "templates/template";
// Utilities // Utilities
// ========================================================================== // ==========================================================================

22
assets/styles/settings/_config.colors.scss
View File

@@ -5,25 +5,25 @@
// Palette // Palette
// ============================================================================= // =============================================================================
$color-lightest : #FFFFFF; $color-lightest: #FFFFFF;
$color-darkest : #000000; $color-darkest: #000000;
// Specific // Specific
// ============================================================================= // =============================================================================
// Link // Link
$color-link : #1A0DAB; $color-link: #1A0DAB;
$color-link-focus : #1A0DAB; $color-link-focus: #1A0DAB;
$color-link-hover : darken(#1A0DAB, 10%); $color-link-hover: darken(#1A0DAB, 10%);
// Selection // Selection
$selection-text-color : #3297FD; $selection-text-color: #3297FD;
$selection-background-color : #FFFFFF; $selection-background-color: #FFFFFF;
// Social Colors // Social Colors
// ============================================================================= // =============================================================================
$color-facebook : #3B5998; $color-facebook: #3B5998;
$color-instagram : #E1306C; $color-instagram: #E1306C;
$color-youtube : #CD201F; $color-youtube: #CD201F;
$color-twitter : #1DA1F2; $color-twitter: #1DA1F2;

54
assets/styles/settings/_config.eases.scss
View File

@@ -3,46 +3,46 @@
// ========================================================================== // ==========================================================================
// Power 1 // Power 1
$ease-power1-in : cubic-bezier(0.550, 0.085, 0.680, 0.530); $ease-power1-in: cubic-bezier(0.550, 0.085, 0.680, 0.530);
$ease-power1-out : cubic-bezier(0.250, 0.460, 0.450, 0.940); $ease-power1-out: cubic-bezier(0.250, 0.460, 0.450, 0.940);
$ease-power1-in-out : cubic-bezier(0.455, 0.030, 0.515, 0.955); $ease-power1-in-out: cubic-bezier(0.455, 0.030, 0.515, 0.955);
// Power 2 // Power 2
$ease-power2-in : cubic-bezier(0.550, 0.055, 0.675, 0.190); $ease-power2-in: cubic-bezier(0.550, 0.055, 0.675, 0.190);
$ease-power2-out : cubic-bezier(0.215, 0.610, 0.355, 1.000); $ease-power2-out: cubic-bezier(0.215, 0.610, 0.355, 1.000);
$ease-power2-in-out : cubic-bezier(0.645, 0.045, 0.355, 1.000); $ease-power2-in-out: cubic-bezier(0.645, 0.045, 0.355, 1.000);
// Power 3 // Power 3
$ease-power3-in : cubic-bezier(0.895, 0.030, 0.685, 0.220); $ease-power3-in: cubic-bezier(0.895, 0.030, 0.685, 0.220);
$ease-power3-out : cubic-bezier(0.165, 0.840, 0.440, 1.000); $ease-power3-out: cubic-bezier(0.165, 0.840, 0.440, 1.000);
$ease-power3-in-out : cubic-bezier(0.770, 0.000, 0.175, 1.000); $ease-power3-in-out: cubic-bezier(0.770, 0.000, 0.175, 1.000);
// Power 3 // Power 3
$ease-power4-in : cubic-bezier(0.755, 0.050, 0.855, 0.060); $ease-power4-in: cubic-bezier(0.755, 0.050, 0.855, 0.060);
$ease-power4-out : cubic-bezier(0.230, 1.000, 0.320, 1.000); $ease-power4-out: cubic-bezier(0.230, 1.000, 0.320, 1.000);
$ease-power4-in-out : cubic-bezier(0.860, 0.000, 0.070, 1.000); $ease-power4-in-out: cubic-bezier(0.860, 0.000, 0.070, 1.000);
// Expo // Expo
$ease-expo-in : cubic-bezier(0.950, 0.050, 0.795, 0.035); $ease-expo-in: cubic-bezier(0.950, 0.050, 0.795, 0.035);
$ease-expo-out : cubic-bezier(0.190, 1.000, 0.220, 1.000); $ease-expo-out: cubic-bezier(0.190, 1.000, 0.220, 1.000);
$ease-expo-in-out : cubic-bezier(1.000, 0.000, 0.000, 1.000); $ease-expo-in-out: cubic-bezier(1.000, 0.000, 0.000, 1.000);
// Back // Back
$ease-back-in : cubic-bezier(0.600, -0.280, 0.735, 0.045); $ease-back-in: cubic-bezier(0.600, -0.280, 0.735, 0.045);
$ease-back-out : cubic-bezier(0.175, 00.885, 0.320, 1.275); $ease-back-out: cubic-bezier(0.175, 00.885, 0.320, 1.275);
$ease-back-in-out : cubic-bezier(0.680, -0.550, 0.265, 1.550); $ease-back-in-out: cubic-bezier(0.680, -0.550, 0.265, 1.550);
// Sine // Sine
$ease-sine-in : cubic-bezier(0.470, 0.000, 0.745, 0.715); $ease-sine-in: cubic-bezier(0.470, 0.000, 0.745, 0.715);
$ease-sine-out : cubic-bezier(0.390, 0.575, 0.565, 1.000); $ease-sine-out: cubic-bezier(0.390, 0.575, 0.565, 1.000);
$ease-sine-in-out : cubic-bezier(0.445, 0.050, 0.550, 0.950); $ease-sine-in-out: cubic-bezier(0.445, 0.050, 0.550, 0.950);
// Circ // Circ
$ease-circ-in : cubic-bezier(0.600, 0.040, 0.980, 0.335); $ease-circ-in: cubic-bezier(0.600, 0.040, 0.980, 0.335);
$ease-circ-out : cubic-bezier(0.075, 0.820, 0.165, 1.000); $ease-circ-out: cubic-bezier(0.075, 0.820, 0.165, 1.000);
$ease-circ-in-out : cubic-bezier(0.785, 0.135, 0.150, 0.860); $ease-circ-in-out: cubic-bezier(0.785, 0.135, 0.150, 0.860);
// Misc // Misc
$ease-bounce : cubic-bezier(0.17, 0.67, 0.3, 1.33); $ease-bounce: cubic-bezier(0.17, 0.67, 0.3, 1.33);
$ease-slow-out : cubic-bezier(.04,1.15,0.4,.99); $ease-slow-out: cubic-bezier(.04,1.15,0.4,.99);
$ease-smooth : cubic-bezier(0.380, 0.005, 0.215, 1); $ease-smooth: cubic-bezier(0.380, 0.005, 0.215, 1);

76
assets/styles/settings/_config.scss
View File

@@ -31,61 +31,61 @@ $font-faces: (
// ============================================================================= // =============================================================================
// Base // Base
$font-size : 16px; $font-size: 16px;
$line-height : 24px / $font-size; $line-height: 24px / $font-size;
$font-color : $color-darkest; $font-color: $color-darkest;
// Headings // Headings
$font-size-h1 : 36px !default; $font-size-h1: 36px !default;
$font-size-h2 : 28px !default; $font-size-h2: 28px !default;
$font-size-h3 : 24px !default; $font-size-h3: 24px !default;
$font-size-h4 : 20px !default; $font-size-h4: 20px !default;
$font-size-h5 : 18px !default; $font-size-h5: 18px !default;
$font-size-h6 : 16px !default; $font-size-h6: 16px !default;
$line-height-h : $line-height; $line-height-h: $line-height;
// Weights // Weights
$font-weight-light : 300; $font-weight-light: 300;
$font-weight-normal : 400; $font-weight-normal: 400;
$font-weight-medium : 500; $font-weight-medium: 500;
$font-weight-bold : 700; $font-weight-bold: 700;
// Transitions // Transitions
// ============================================================================= // =============================================================================
$speed : 0.3s; $speed: 0.3s;
$easing : $ease-power2-out; $easing: $ease-power2-out;
// Spacing Units // Spacing Units
// ============================================================================= // =============================================================================
$unit : 60px; $unit: 60px;
$unit-small : 30px; $unit-small: 30px;
// Container // Container
// ============================================================================= // =============================================================================
$container-width : 2000px; $container-width: 2000px;
$padding : $unit; $padding: $unit;
// Breakpoints // Breakpoints
// ============================================================================= // =============================================================================
$from-tiny : 500px !default; $from-tiny: 500px !default;
$to-tiny : $from-tiny - 1 !default; $to-tiny: $from-tiny - 1 !default;
$from-small : 700px !default; $from-small: 700px !default;
$to-small : $from-small - 1 !default; $to-small: $from-small - 1 !default;
$from-medium : 1000px !default; $from-medium: 1000px !default;
$to-medium : $from-medium - 1 !default; $to-medium: $from-medium - 1 !default;
$from-large : 1200px !default; $from-large: 1200px !default;
$to-large : $from-large - 1 !default; $to-large: $from-large - 1 !default;
$from-big : 1400px !default; $from-big: 1400px !default;
$to-big : $from-big - 1 !default; $to-big: $from-big - 1 !default;
$from-huge : 1600px !default; $from-huge: 1600px !default;
$to-huge : $from-huge - 1 !default; $to-huge: $from-huge - 1 !default;
$from-enormous : 1800px !default; $from-enormous: 1800px !default;
$to-enormous : $from-enormous - 1 !default; $to-enormous: $from-enormous - 1 !default;
$from-gigantic : 2000px !default; $from-gigantic: 2000px !default;
$to-gigantic : $from-gigantic - 1 !default; $to-gigantic: $from-gigantic - 1 !default;
$from-colossal : 2400px !default; $from-colossal: 2400px !default;
$to-colossal : $from-colossal - 1 !default; $to-colossal: $from-colossal - 1 !default;