monkey-style-guide-v2 0.0.27 → 0.0.29

package/assets/scss/theme.scss

@@ -1,19 +1,13 @@
-/** ************************
- * Copyright Monkey Exchange. All Rights Reserved
- * This style guide was developed by Monkey Exchange Team
- * MIT Licence
- ************************* */
-@import '@angular/cdk/overlay-prebuilt.css';
-
-@import './partials';
-@import './typography';
-@import './input';
-@import './directives';
-@import './table';
+/* stylelint-disable color-no-hex */
 
-:root {
-  --mecx-color-box-shadow: #00000029;
-  --mecx-color-info: #003687;
-  --mecx-color-link: #0066cc;
-  --mecx-color-white: #fff;
-}
+/** ************************
+* Copyright Monkey Exchange. All Rights Reserved
+* This style guide was developed by Monkey Exchange Team
+* MIT Licence
+************************* */
+@use '@angular/cdk/overlay-prebuilt.css';
+@use './partials';
+@use './typography';
+@use './input';
+@use './directives';
+@use './table';

package/assets/scss/typography/_index.scss

@@ -4,6 +4,4 @@
  * MIT Licence
 **************************/
 
-@import 'styles';
-@import 'mixins';
-@import 'function';
+@use 'styles';

package/assets/scss/typography/_styles.scss

@@ -4,9 +4,7 @@
  * MIT Licence
  ************************* */
 
-@import 'mixins';
-@import '../partials/variables';
-@import 'function';
+@use '../partials/variables';
 
 * {
   font-family: var(--mecx-font-name), arial, sans-serif;
@@ -21,85 +19,85 @@ body {
 }
 
 h1 {
-  @include mecx-font(
-    (
-      size: f-size(xxl)
-    )
-  );
+  // @include mecx-font(
+  //   (
+  //     size: f-size(xxl)
+  //   )
+  // );
 }
 
 h2 {
-  @include mecx-font(
-    (
-      size: f-size(xl)
-    )
-  );
+  // @include mecx-font(
+  //   (
+  //     size: f-size(xl)
+  //   )
+  // );
 }
 
 h3 {
-  @include mecx-font(
-    (
-      size: f-size(lg)
-    )
-  );
+  // @include mecx-font(
+  //   (
+  //     size: f-size(lg)
+  //   )
+  // );
 }
 
 h4 {
-  @include mecx-font(
-    (
-      size: f-size(md)
-    )
-  );
+  // @include mecx-font(
+  //   (
+  //     size: f-size(md)
+  //   )
+  // );
 }
 
 h5 {
-  @include mecx-font(
-    (
-      size: f-size(sm)
-    )
-  );
+  // @include mecx-font(
+  //   (
+  //     size: f-size(sm)
+  //   )
+  // );
 }
 
 h6 {
-  @include mecx-font;
+  // @include mecx-font;
 }
 
 p {
-  @include mecx-font;
+  // @include mecx-font;
 }
 
 a {
-  text-decoration: none;
-  cursor: pointer;
+  // text-decoration: none;
+  // cursor: pointer;
 
-  @include mecx-font(
-    (
-      color: var(--mecx-color-link)
-    )
-  );
+  // @include mecx-font(
+  //   (
+  //     color: var(--mecx-color-link)
+  //   )
+  // );
 
-  &:hover {
-    text-decoration: underline;
-  }
+  // &:hover {
+  //   text-decoration: underline;
+  // }
 }
 
 .bg {
-  @include gray-cl('background-color');
-  @include theme-cl('background-color');
-  @include warning-cl('background-color');
-  @include success-cl('background-color');
+  // @include gray-cl('background-color');
+  // @include theme-cl('background-color');
+  // @include warning-cl('background-color');
+  // @include success-cl('background-color');
 }
 
 .txt {
-  @include gray-cl;
-  @include theme-cl;
-  @include warning-cl;
-  @include success-cl;
-  @include error-cl;
-  @include align;
-  @include sizes;
-  @include weight;
-  @include line-height;
+  // @include gray-cl;
+  // @include theme-cl;
+  // @include warning-cl;
+  // @include success-cl;
+  // @include error-cl;
+  // @include align;
+  // @include sizes;
+  // @include weight;
+  // @include line-height;
 
   &-none {
     text-decoration: none;
@@ -122,73 +120,75 @@ a {
   }
 
   &-shadow {
-    text-shadow: 2px 2px 4px;
-    color: f-cl-gray(700);
+    // text-shadow: 2px 2px 4px;
+    // color: f-cl-gray(700);
   }
 }
 
 .mecx-title-page {
-  @include mecx-font(
-    (
-      size: f-size(xl),
-      weight: f-weight(bold),
-      height: f-lh(super),
-      color: f-cl-gray(900)
-    )
-  );
-  font-style: normal;
+  // @include mecx-font(
+  //   (
+  //     size: f-size(xl),
+  //     weight: f-weight(bold),
+  //     height: f-lh(super),
+  //     color: f-cl-gray(900)
+  //   )
+  // );
+
+  // font-style: normal;
 }
 
 .mecx-subtitle-page {
-  @include mecx-font(
-    (
-      size: f-size(xs),
-      weight: f-weight(regular),
-      height: f-lh(med),
-      color: f-cl-gray(700)
-    )
-  );
-  font-style: normal;
-  letter-spacing: 0.48px;
+  // @include mecx-font(
+  //   (
+  //     size: f-size(xs),
+  //     weight: f-weight(regular),
+  //     height: f-lh(med),
+  //     color: f-cl-gray(700)
+  //   )
+  // );
+
+  // font-style: normal;
+  // letter-spacing: 0.48px;
 }
 
 .mecx-description {
-  @include mecx-font(
-    (
-      size: f-size(xs),
-      weight: f-weight(regular),
-      height: f-lh(md)
-    )
-  );
+  // @include mecx-font(
+  //   (
+  //     size: f-size(xs),
+  //     weight: f-weight(regular),
+  //     height: f-lh(md)
+  //   )
+  // );
 }
 
 .mecx-title {
-  @include mecx-font(
-    (
-      size: f-size(xxs),
-      weight: f-weight(regular),
-      height: f-lh(md),
-      color: f-cl-gray(700)
-    )
-  );
+  // @include mecx-font(
+  //   (
+  //     size: f-size(xxs),
+  //     weight: f-weight(regular),
+  //     height: f-lh(md),
+  //     color: f-cl-gray(700)
+  //   )
+  // );
 }
 
 .mecx-value {
-  @include mecx-font(
-    (
-      size: f-size(xxs),
-      weight: f-weight(regular),
-      height: f-lh(md)
-    )
-  );
+  // @include mecx-font(
+  //   (
+  //     size: f-size(xxs),
+  //     weight: f-weight(regular),
+  //     height: f-lh(md)
+  //   )
+  // );
 }
 
 .mecx-label {
-  @include mecx-font(
-    (
-      size: f-size(xxs),
-      weight: f-weight(regular),
-      height: f-lh(md)
-    )
-  );
+  // @include mecx-font(
+  //   (
+  //     size: f-size(xxs),
+  //     weight: f-weight(regular),
+  //     height: f-lh(md)
+  //   )
+  // );
 }