quasar-ui-sellmate-ui-kit 2.2.5 → 2.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar-ui-sellmate-ui-kit",
-  "version": "2.2.5",
+  "version": "2.2.7",
   "author": "Sellmate Dev Team <dev@sellmate.co.kr>",
   "description": "Sellmate UI Kit",
   "license": "MIT",

package/src/css/default.scss

@@ -7,6 +7,15 @@
 // q-@@-lg - 24px
 // q-@@-xl - 48px
 
+// SELLMATE
+// s-@@-xxs - 6px
+// s-@@-xs - 10px
+// s-@@-sm - 12px
+// s-@@-md - 18px
+// s-@@-lg - 20px
+// s-@@-xl - 22px
+// s-@@-xxl - 30px
+
 // padding
 .s-pa-xxs {
   padding: 6px;
@@ -586,11 +595,17 @@ $colorList: (
   'Grey_Lighten-4': '#eeeeee',
   'Grey_Lighten-5': '#f6f6f6',
   'Grey_Lighten-6': '#f9f9f9',
-  'Grey_Lighten-7': '#E5E5E5',
-  'Grey_Lighten-8': '#D8D8D8',
+  'Grey_Lighten-7' : '#E5E5E5',
+  'Grey_Lighten-8' : '#D8D8D8',
+  'white': '#ffffff',
+  'black': '#000000',
 );
+
+
 $positions: 'top', 'right', 'left', 'bottom';
+
 @mixin position($name, $color) {
+
   @each $posi in $positions {
     .s-border-#{$posi}-#{$name} {
       border-#{$posi}: 1px solid unquote($color) !important;
@@ -598,23 +613,29 @@ $positions: 'top', 'right', 'left', 'bottom';
   }
 }
 
-@each $name, $color in $colorList {
+@each $name,
+$color in $colorList {
   .s-border-#{$name} {
     border: 1px solid unquote($color) !important;
   }
+
   @include position($name, $color);
 }
 
-@each $name, $color in $colorList {
+@each $name,
+$color in $colorList {
   .s-border-color-#{$name} {
     border-color: unquote($color) !important;
   }
+
   .text-#{$name} {
     color: unquote($color) !important;
   }
+
   .bg-#{$name} {
     background-color: unquote($color) !important;
   }
+
   @include position($name, $color);
 }
 
@@ -664,6 +685,10 @@ $positions: 'top', 'right', 'left', 'bottom';
   border-radius: 16px;
 }
 
+.s-border-radius-chip {
+  border-radius: 40px;
+}
+
 .s-border-radius-left-rounded {
   border-radius: 2px 0 0 2px;
 }
@@ -827,6 +852,7 @@ $fontSize: (
   '20': 20,
   '24': 24,
   '40': 40,
+  '66': 66,
 );
 $fontWeight: (
   '400': 400,
@@ -834,6 +860,7 @@ $fontWeight: (
   '600': 600,
   '700': 700,
 );
+
 @mixin fonts($size, $weight) {
   font-size: $size + 'px';
   font-weight: $weight;
@@ -849,45 +876,3 @@ $fontWeight: (
     }
   }
 }
-
-.s-font-page-title {
-  font-size: 18px;
-  font-weight: 700;
-}
-
-.s-font-page-content-bold {
-  font-size: 16px;
-  font-weight: 700;
-}
-
-.s-font-page-body-default {
-  font-size: 12px;
-  font-weight: 400;
-}
-
-.s-font-page-body-lg {
-  font-size: 14px;
-  font-weight: 400;
-}
-
-.s-font-page-body-semi-bold {
-  font-size: 12px;
-  font-weight: 500;
-}
-
-.s-font-page-body-bold {
-  font-size: 12px;
-  font-weight: 700;
-}
-
-.s-font-page-body-sm {
-  font-size: 11px;
-}
-
-.display-none {
-  display: none;
-}
-
-.text-underline {
-  text-decoration: underline;
-}