monkey-style-guide 21.2.7 → 21.2.8

package/assets/scss/partials/_style-reset.scss

@@ -1,191 +1,191 @@
-/* stylelint-disable color-no-hex */
-
-/*
-html5doctor.com Reset Stylesheet
-v1.6.1
-Last Updated: 2010-09-17
-Author: Richard Clark - http://richclarkdesign.com
-Twitter: @rich_clark
-*/
-
-html,
-body,
-div,
-span,
-object,
-iframe,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-blockquote,
-pre,
-abbr,
-address,
-cite,
-code,
-del,
-dfn,
-em,
-img,
-ins,
-kbd,
-q,
-samp,
-small,
-strong,
-sub,
-sup,
-var,
-b,
-i,
-dl,
-dt,
-dd,
-ol,
-ul,
-li,
-fieldset,
-form,
-label,
-legend,
-table,
-caption,
-tbody,
-tfoot,
-thead,
-tr,
-th,
-td,
-article,
-aside,
-canvas,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-menu,
-nav,
-section,
-summary,
-time,
-mark,
-audio,
-video {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  outline: 0;
-  font-size: 100%;
-  vertical-align: baseline;
-  background: transparent;
-}
-
-body {
-  line-height: 1;
-}
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-menu,
-nav,
-section {
-  display: block;
-}
-
-nav ul {
-  list-style: none;
-}
-
-blockquote,
-q {
-  quotes: none;
-}
-
-blockquote::before,
-blockquote::after,
-q::before,
-q::after {
-  content: '';
-  content: none;
-}
-
-a {
-  margin: 0;
-  padding: 0;
-  font-size: 100%;
-  vertical-align: baseline;
-  background: transparent;
-}
-
-/* change colours to suit your needs */
-ins {
-  background-color: #ff9;
-  color: #000;
-  text-decoration: none;
-}
-
-/* change colours to suit your needs */
-mark {
-  background-color: #ff9;
-  color: #000;
-  font-style: italic;
-  font-weight: bold;
-}
-
-del {
-  text-decoration: line-through;
-}
-
-abbr[title],
-dfn[title] {
-  border-bottom: 1px dotted;
-  cursor: help;
-}
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-/* change border colour to suit your needs */
-hr {
-  display: block;
-  height: 1px;
-  border: 0;
-  border-top: 1px solid #ccc;
-  margin: 1em 0;
-  padding: 0;
-}
-
-input,
-select {
-  vertical-align: middle;
-}
-
-input:focus,
-textarea:focus,
-select:focus {
-  outline: none;
-}
-
-button {
-  border: none;
-}
-
-button:focus,
-button:active,
-button:hover {
-  outline: none;
-}
+/* stylelint-disable color-no-hex */
+
+/*
+html5doctor.com Reset Stylesheet
+v1.6.1
+Last Updated: 2010-09-17
+Author: Richard Clark - http://richclarkdesign.com
+Twitter: @rich_clark
+*/
+
+html,
+body,
+div,
+span,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+abbr,
+address,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+samp,
+small,
+strong,
+sub,
+sup,
+var,
+b,
+i,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  background: transparent;
+}
+
+body {
+  line-height: 1;
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
+}
+
+nav ul {
+  list-style: none;
+}
+
+blockquote,
+q {
+  quotes: none;
+}
+
+blockquote::before,
+blockquote::after,
+q::before,
+q::after {
+  content: '';
+  content: none;
+}
+
+a {
+  margin: 0;
+  padding: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  background: transparent;
+}
+
+/* change colours to suit your needs */
+ins {
+  background-color: #ff9;
+  color: #000;
+  text-decoration: none;
+}
+
+/* change colours to suit your needs */
+mark {
+  background-color: #ff9;
+  color: #000;
+  font-style: italic;
+  font-weight: bold;
+}
+
+del {
+  text-decoration: line-through;
+}
+
+abbr[title],
+dfn[title] {
+  border-bottom: 1px dotted;
+  cursor: help;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+/* change border colour to suit your needs */
+hr {
+  display: block;
+  height: 1px;
+  border: 0;
+  border-top: 1px solid #ccc;
+  margin: 1em 0;
+  padding: 0;
+}
+
+input,
+select {
+  vertical-align: middle;
+}
+
+input:focus,
+textarea:focus,
+select:focus {
+  outline: none;
+}
+
+button {
+  border: none;
+}
+
+button:focus,
+button:active,
+button:hover {
+  outline: none;
+}

package/assets/scss/partials/_variables.scss

@@ -1,95 +1,95 @@
-/* stylelint-disable color-no-hex */
-
-/**************************
- * Copyright Monkey Exchange. All Rights Reserved
- * This style guide was developed by Monkey Exchange Team
- * MIT Licence
-**************************/
-$mecx-theme: (
-  main: var(--mecx-color-theme-main),
-  50: #fff,
-  100: var(--mecx-color-theme-100),
-  200: var(--mecx-color-theme-200),
-  300: var(--mecx-color-theme-300),
-  400: var(--mecx-color-theme-400),
-  500: var(--mecx-color-theme-500),
-  600: var(--mecx-color-theme-600),
-  700: var(--mecx-color-theme-700),
-  800: var(--mecx-color-theme-800),
-  900: var(--mecx-color-theme-900)
-);
-$mecx-error: (
-  main: #fa3838,
-  100: #ffecec,
-  500: #fa3838,
-  700: #db0505
-);
-$mecx-warning: (
-  main: #efa30e,
-  100: #fff8eb,
-  500: #efa30e,
-  700: #cb8601
-);
-$mecx-success: (
-  main: #00875a,
-  100: #ebfff8,
-  500: #00875a,
-  700: #005236
-);
-$mecx-question: (
-  main: #8d38fa,
-  100: #f4ebff,
-  500: #8d38fa,
-  800: #2d0264
-);
-$mecx-support: (
-  'blue': #003687,
-  'pink': #870069,
-  'brown': #873100,
-  'green': #7c8700
-);
-$mecx-gray: (
-  50: #f8fafb,
-  100: #f1f2f3,
-  200: #e9eaec,
-  300: #d3d6da,
-  400: #bdc1c7,
-  500: #868d98,
-  600: #676e79,
-  700: #545a63,
-  800: #2f3237,
-  900: #1f2024
-);
-$mecx-align: ('left', 'center', 'right', 'justify');
-$mecx-sizes: (
-  base: 14px,
-  12: 12px,
-  13: 13px,
-  xxs: 14px,
-  xs: 16px,
-  sm: 18px,
-  md: 20px,
-  lg: 24px,
-  xl: 32px,
-  xxl: 40px
-);
-$mecx-lh: (
-  base: 1.6,
-  16: 16px,
-  24: 24px,
-  32: 32px,
-  40: 40px,
-  48: 48px
-);
-$mecx-weight: (
-  regular: 400,
-  medium: 500,
-  semibold: 600,
-  bold: 700
-);
-$mecx-spaces: (
-  xs: 8px,
-  small: 12px,
-  medium: 24px,
-  cozy: 16px
-);
+/* stylelint-disable color-no-hex */
+
+/**************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+**************************/
+$mecx-theme: (
+  main: var(--mecx-color-theme-main),
+  50: #fff,
+  100: var(--mecx-color-theme-100),
+  200: var(--mecx-color-theme-200),
+  300: var(--mecx-color-theme-300),
+  400: var(--mecx-color-theme-400),
+  500: var(--mecx-color-theme-500),
+  600: var(--mecx-color-theme-600),
+  700: var(--mecx-color-theme-700),
+  800: var(--mecx-color-theme-800),
+  900: var(--mecx-color-theme-900)
+);
+$mecx-error: (
+  main: #fa3838,
+  100: #ffecec,
+  500: #fa3838,
+  700: #db0505
+);
+$mecx-warning: (
+  main: #efa30e,
+  100: #fff8eb,
+  500: #efa30e,
+  700: #cb8601
+);
+$mecx-success: (
+  main: #00875a,
+  100: #ebfff8,
+  500: #00875a,
+  700: #005236
+);
+$mecx-question: (
+  main: #8d38fa,
+  100: #f4ebff,
+  500: #8d38fa,
+  800: #2d0264
+);
+$mecx-support: (
+  'blue': #003687,
+  'pink': #870069,
+  'brown': #873100,
+  'green': #7c8700
+);
+$mecx-gray: (
+  50: #f8fafb,
+  100: #f1f2f3,
+  200: #e9eaec,
+  300: #d3d6da,
+  400: #bdc1c7,
+  500: #868d98,
+  600: #676e79,
+  700: #545a63,
+  800: #2f3237,
+  900: #1f2024
+);
+$mecx-align: ('left', 'center', 'right', 'justify');
+$mecx-sizes: (
+  base: 14px,
+  12: 12px,
+  13: 13px,
+  xxs: 14px,
+  xs: 16px,
+  sm: 18px,
+  md: 20px,
+  lg: 24px,
+  xl: 32px,
+  xxl: 40px
+);
+$mecx-lh: (
+  base: 1.6,
+  16: 16px,
+  24: 24px,
+  32: 32px,
+  40: 40px,
+  48: 48px
+);
+$mecx-weight: (
+  regular: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700
+);
+$mecx-spaces: (
+  xs: 8px,
+  small: 12px,
+  medium: 24px,
+  cozy: 16px
+);

package/assets/scss/table/_index.scss

@@ -1,6 +1,6 @@
-/**************************
- * Copyright Monkey Exchange. All Rights Reserved
- * This style guide was developed by Monkey Exchange Team
- * MIT Licence
-**************************/
-@use 'styles';
+/**************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+**************************/
+@use 'styles';

package/assets/scss/table/_styles.scss

@@ -1,11 +1,11 @@
-/** ************************
- * Copyright Monkey Exchange. All Rights Reserved
- * This style guide was developed by Monkey Exchange Team
- * MIT Licence
- ************************* */
-.mecx-table {
-  width: 100%;
-  min-width: 400px;
-  height: 100%;
-  border-collapse: separate;
-}
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+.mecx-table {
+  width: 100%;
+  min-width: 400px;
+  height: 100%;
+  border-collapse: separate;
+}

package/assets/scss/theme.scss

@@ -1,14 +1,14 @@
-/* stylelint-disable color-no-hex */
-
-/** ************************
-* 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 './input';
-@use './autocomplete';
-@use './directives';
-@use './table';
-@use './typography';
+/* stylelint-disable color-no-hex */
+
+/** ************************
+* 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 './input';
+@use './autocomplete';
+@use './directives';
+@use './table';
+@use './typography';

package/assets/scss/typography/_index.scss

@@ -1,6 +1,6 @@
-/**************************
- * Copyright Monkey Exchange. All Rights Reserved
- * This style guide was developed by Monkey Exchange Team
- * MIT Licence
-**************************/
-@use 'styles';
+/**************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+**************************/
+@use 'styles';