From d8605c1dc878bd14c0cbd736b108dc281cebac07 Mon Sep 17 00:00:00 2001
From: "Jonas Chagas (P4N4SONIC)" <jonaschagasweb@gmail.com>
Date: Tue, 20 Feb 2024 23:31:28 -0300
Subject: [PATCH] =?UTF-8?q?Cria=C3=A7=C3=A3o=20de=20arquivo=20breakpoints?=
 =?UTF-8?q?=20para=20adapta=C3=A7=C3=A3o=20da=20aplica=C3=A7=C3=A3o=20em?=
 =?UTF-8?q?=20diferentes=20telas=20(#74)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* create breakpoints.scss

* Update prepare-commit-msg

---------

Co-authored-by: Alexandre Gomes <alecell.dev@gmail.com>
---
 .husky/prepare-commit-msg   |  0
 src/styles/breakpoints.scss | 34 +++++++++++++++++++++++++++++++---
 2 files changed, 31 insertions(+), 3 deletions(-)
 mode change 100755 => 100644 .husky/prepare-commit-msg

diff --git a/.husky/prepare-commit-msg b/.husky/prepare-commit-msg
old mode 100755
new mode 100644
diff --git a/src/styles/breakpoints.scss b/src/styles/breakpoints.scss
index 2b505548..8880f6c8 100644
--- a/src/styles/breakpoints.scss
+++ b/src/styles/breakpoints.scss
@@ -1,7 +1,35 @@
-$from1024SizeMin: 1024px;
+$extraSmallDeviceSizeMin: 20em;
+$smallDeviceSizeMin: 22.5em;
+$mediumDeviceSizeMin: 41.6875em;
+$largeDeviceSizeMin: 64em;
+$largestDeviceSizeMin: 80em;
 
-@mixin from1024() {
-  @media (min-width: #{$from1024SizeMin}) {
+@mixin from320 {
+  @media (min-width: $extraSmallDeviceSizeMin) {
+    @content;
+  }
+}
+
+@mixin from360 {
+  @media (min-width: $smallDeviceSizeMin) {
+    @content;
+  }
+}
+
+@mixin from667 {
+  @media (min-width: $mediumDeviceSizeMin) {
+    @content;
+  }
+}
+
+@mixin from1024 {
+  @media (min-width: $largeDeviceSizeMin) {
+    @content;
+  }
+}
+
+@mixin from1280 {
+  @media (min-width: $largestDeviceSizeMin) {
     @content;
   }
 }