flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Move CSS variables to base file

Browse Source
This commit is contained in:
Félix Péault
2022-06-13 15:27:11 +02:00
parent cfd6173baf
commit 2a3c73f6ea
2 changed files with 12 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/style/_base.scss
View File

@@ -1,3 +1,14 @@
// CSS Variables
:root {
// Sizes
--container-width: $container-width;
// Animation
--ease-quart: cubic-bezier(.165, .84, .44, 1);
--ease-cubic: cubic-bezier(.785, .135, .15, .86);
--ease-inout-quart: cubic-bezier(.76, 0, .24, 1);
}
html { html {
font: #{$base-font-size}/1.2 $font-sans; font: #{$base-font-size}/1.2 $font-sans;
font-weight: 400; font-weight: 400;

14
src/style/_variables.scss
View File

@@ -16,19 +16,6 @@ $color-shadow-brown: #7A5D44;
$color-cream: #FEF6EF; $color-cream: #FEF6EF;
// CSS Variables
:root {
// Sizes
--container-width: 1800px;
// Animation
--ease-quart: cubic-bezier(.165, .84, .44, 1);
--ease-cubic: cubic-bezier(.785, .135, .15, .86);
--ease-inout-quart: cubic-bezier(.76, 0, .24, 1);
}
/* Fonts /* Fonts
========================================================================== */ ========================================================================== */
$base-font-size: 28px !default; $base-font-size: 28px !default;
@@ -44,6 +31,7 @@ $font-serif: "Magnolia", #{$replacement-serif};
/* Sizes, margins and spacing /* Sizes, margins and spacing
====================================================================== */ ====================================================================== */
$base-width: 1600 !default; $base-width: 1600 !default;
$container-width: 1800px !default;
// Grid // Grid
$cols-m: 8 !default; $cols-m: 8 !default;