[백승렬] Week13

styles/colors.scss

@@ -0,0 +1,16 @@
+$color-primary: #6d6afe;
+$color-red: #ff5b56;
+$color-black: #111322;
+$color-white: #ffffff;
+
+$color-gray100: #373740;
+$color-gray60: #9fa6b2;
+$color-gray20: #ccd5e3;
+$color-gray10: #e7effb;
+$color-gray-light: #f5f5f5;
+
+$color-light-blue: #f0f6ff;
+
+$color-text-gray: #676767;
+$color-text-content-gray: #666666;
+$color-text-content-black: #333333;

styles/global.scss

@@ -0,0 +1,3 @@
+@import "./colors.scss";
+@import "./variables.scss";
+@import "./mixin.scss";

styles/mixin.scss

@@ -0,0 +1,24 @@
+@mixin desktop {
+  @media (min-width: 1200px) {
+    @content;
+  }
+}
+
+@mixin tablet {
+  @media (min-width: 768px) {
+    @content;
+  }
+}
+
+@mixin ellipsis($line: 1) {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap !important;
+
+  @if $line > 1 {
+    display: -webkit-box;
+    -webkit-line-clamp: $line;
+    white-space: initial !important;
+    -webkit-box-orient: vertical;
+  }
+}