diff --git a/apps/front/src/index.less b/apps/front/src/index.less deleted file mode 100644 index 84bad5f..0000000 --- a/apps/front/src/index.less +++ /dev/null @@ -1,17 +0,0 @@ -@import (reference) "./references.less"; -@import (inline) "../node_modules/@cher-ami/css-flat/css-flat.css"; -@import "./fonts/fonts.less"; -@import "./variables/variables"; - -html { - // When you use --font-size var, 1px = 1rem - font-size: var(--font-size); -} - -body { - font-family: sans-serif; - .font-roboto-regular(); - background: var(--color-bg); - color: var(--color-text); - font-size: 16rem; -} diff --git a/apps/front/src/styles/_breakpoints.scss b/apps/front/src/styles/_breakpoints.scss index 8ae455b..5a1a27e 100644 --- a/apps/front/src/styles/_breakpoints.scss +++ b/apps/front/src/styles/_breakpoints.scss @@ -7,9 +7,9 @@ $breakpoint-bigLaptop: 1440px; $breakpoint-desktop: 1680px; :root { - --breakpoint-mobile: 320px; - --breakpoint-tablet: 768px; - --breakpoint-laptop: 1024px; - --breakpoint-bigLaptop: 1440px; - --breakpoint-desktop: 1680px; + --breakpoint-mobile: #{$breakpoint-mobile}; + --breakpoint-tablet: #{$breakpoint-tablet}; + --breakpoint-laptop: #{$breakpoint-laptop}; + --breakpoint-bigLaptop: #{$breakpoint-bigLaptop}; + --breakpoint-desktop: #{$breakpoint-desktop}; } diff --git a/apps/front/src/styles/_viewport.scss b/apps/front/src/styles/_viewport.scss index 03801c1..1df30ce 100644 --- a/apps/front/src/styles/_viewport.scss +++ b/apps/front/src/styles/_viewport.scss @@ -5,8 +5,8 @@ $viewport-reference-desktop-width: 1440; $viewport-reference-desktop-height: 900; :root { - --viewport-reference-width: 375; - --viewport-reference-height: 667; - --viewport-reference-desktop-width: 1440; - --viewport-reference-desktop-height: 900; + --viewport-reference-width: #{$viewport-reference-width}; + --viewport-reference-height: #{$viewport-reference-height}; + --viewport-reference-desktop-width: #{$viewport-reference-desktop-width}; + --viewport-reference-desktop-height: #{$viewport-reference-desktop-height}; } diff --git a/apps/front/src/styles/index.scss b/apps/front/src/styles/index.scss index ecd374b..4171f4b 100644 --- a/apps/front/src/styles/index.scss +++ b/apps/front/src/styles/index.scss @@ -5,7 +5,7 @@ @import "./_functions.scss"; @import "./_grid.scss"; @import "./_ratio.scss"; -@import "./reset.scss"; +@import "./_reset.scss"; @import "./_texts.scss"; @import "./_viewport.scss";