@carbonorm/carbonreact 1.0.8 → 1.0.9

package/src/style.module.scss

@@ -0,0 +1,269 @@
+/* https://stackoverflow.com/questions/41439028/webpack-is-renaming-my-scss-classes */
+
+html, body {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+@import url("https://fonts.googleapis.com/css?family=Poppins:wght@400,500,600,700,800,900&display=swap");
+@import url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");
+:root {
+  /* New color palette */
+  --primary_color: #2f80f2;
+  --accent_color: #E72E2E;
+  /* Secondary color */
+  --secondary1: #FF7300;
+  --secondary2: #FFA100;
+  --secondary3: #F7CD21;
+  --secondary4: #41B049;
+  --secondary5: #F44C4C;
+  /* Neutral color */
+  --neutral1: #323233;
+  --neutral2: #3F3F40;
+  --neutral3: #7D7E80;
+  --neutral4: #edeeef;
+  --neutral5: #F3F5F8;
+  --neutral6: #2d2d2e;
+  --neutral7: #252525;
+  --neutral8: #1F1F1F;
+  --neutral9: #343434;
+  --neutral10: #B9B9B9;
+  /* Others */
+  --card_header: #5FA0FF;
+  --card_match_status_ready: #F8E81A;
+  --card_match_status_waiting: #DADFE4;
+  --profile_bg: #333334;
+  --dig-trophies-1: #EBC327;
+  --dig-trophies-2: #C6C6D4;
+  --dig-trophies-3: #ECB049;
+  --dig-light-blue: #5D9EF9;
+  --dig-chat-header: #222222;
+  --dig-chat-item-header: #A3A3A3;
+  --dig-chat-even-row: #3C3C3C;
+  --dig-chat-odd-row: #414141;
+  --dig-chat-footer-icons: #8E8E8E;
+  --dig-logo-fill: #ffffff;
+  /* bracket */
+  --bracket_team_win_color: #929396;
+  --bracket_final_win_color: #FFA102;
+  --bracket_lose_color: #636466;
+  --bracket_text: #7D7D80;
+  /* Social Media Log In Btn Colors */
+  --twitch_main: #6441A4;
+  --discord_main: #5865F2;
+  --facebook_main: #1877F2;
+  /* Legacy assets */
+  --background_url: url('#');
+  --text_body: #F3F5F8;
+  --text_inverse_body: #000000;
+  --object_body: #000000;
+  --highlight_1: #116FD4;
+  --highlight_2: #FFFFFF;
+  --highlight_3: #000000;
+  --highlight_4: #E72E2E;
+  --highlight_5: #41B049;
+  --highlight_6: #373737;
+  --highlight_7: #7d7d7d;
+  --highlight_8: #41B049;
+  --match_ready: darkgreen;
+  --match_started: #41B049;
+  --ecomm_sale: #41B049;
+  --background_1: #000000;
+  --background_2: #116FD4;
+  --background_3: #1b1b1b;
+  --overlay_opacity: 0.85;
+  --mask_opacity: 0.5;
+  --disabled_opacity: 0.45;
+  --callout_opacity: 0.97;
+  --tile_width: 20%;
+  --tile_margin_width: 7%;
+}
+
+/* https://www.colortools.net/color_complementary.html */
+[data-theme=light] {
+  /* New color palette */
+  --accent_color: #18D1D1;
+  /* Secondary color */
+  --secondary1: #008CFF;
+  --secondary2: #005EFF;
+  /* Others */
+  --card_header: #A05F00;
+  --dig-logo-fill: #2f80f2;
+  /* Neutral color */
+  --neutral1: #CDCDCC;
+  --neutral2: #C0C0BF;
+  --neutral3: #82817F;
+  --neutral4: #121110;
+  --neutral5: #0C0A07;
+  --neutral7: #DADADA;
+  --neutral9: #CBCBCB;
+  --neutral10: #464646;
+  --neutral6: #D2D2D1;
+  --neutral8: #E0E0E0;
+  --highlight_2: #000000;
+  --dig-trophies-2: #39392B;
+}
+
+a {
+  text-decoration: none;
+}
+
+.footer {
+  align-self: flex-end;
+}
+
+.container {
+  max-width: 1280px;
+}
+
+::-webkit-scrollbar {
+  -webkit-appearance: none;
+  width: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 5px;
+  background-color: var(--primary_color);
+  -webkit-box-shadow: var(--primary_color);
+}
+
+#mainPage {
+
+}
+
+.main {
+  display: flex;
+  flex-direction: column;
+  position: fixed;
+  overflow-y: scroll;
+  overflow-x: hidden;
+
+  &.loggedIn {
+    top: 120px;
+    height: calc(100vh - 120px);
+    @media (max-width: 768px){
+      margin-top: 60px;
+      top: 60px;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    top: 60px;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    height: calc(100vh - 60px);
+  }
+  @media (max-width: 768px){
+    margin-top: 60px;
+    overflow-x: hidden;
+    position: relative;
+  }
+}
+
+.main-1 {
+  top: 60px;
+  position: fixed;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  max-height: calc(100vh - 60px);
+}
+
+.digSecondaryHeader {
+  height: 60px;
+  list-style: none;
+
+  &:hover {
+    background-color: var(--neutral7);
+    transition: all 1s ease;
+  }
+
+}
+
+.hiddenAnchor {
+  float: left;
+  clear: both
+}
+
+.mt60 {
+  margin-top: 60px;
+}
+
+
+.notfound {
+  height: 500px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center
+}
+
+.notfound_404 {
+  position: relative;
+  height: 240px;
+
+  h1 {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    font-size: 252px;
+    font-weight: 900;
+    text-transform: uppercase;
+    letter-spacing: -40px;
+    margin-left: -20px;
+    margin-top: 20px
+  }
+
+}
+
+
+.problemBox {
+  text-align: center;
+  position: absolute;
+  top: 30%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  color: white
+}
+
+.maintenance {
+  height: auto;
+  /** background: url(assets/img/maintenance-hero.png) no-repeat center; */
+  background-size: cover;
+  position: relative;
+  padding-top: 600px
+}
+
+.floatingChatIcon{
+  display: flex;
+  position: fixed;
+  bottom: 1.5em;
+  height: 40px;
+  width: 40px;
+  right: 1.5em;
+  z-index: 4;
+  background: var(--dig-chat-header);
+  justify-content: center;
+  align-items: center;
+  border: 2px solid var(--neutral2);
+  box-shadow: 0 2px 3px 1px #000;
+
+  svg{
+    g{
+      fill: var(--secondary2);
+    }
+  }
+}
+
+.fontWeightLight {
+  font-weight: 300 !important;
+}
+
+.fontWeightNormal {
+  font-weight: 400 !important;
+}
+
+.fontWeightBold {
+  font-weight: 700 !important;
+}

package/src/style.module.scss.d.ts

@@ -0,0 +1,44 @@
+export type Styles = {
+  'container': string;
+  'dig_secondary_header': string;
+  'dig-secondary-header': string;
+  'digSecondaryHeader': string;
+  'floating_chat_icon': string;
+  'floating-chat-icon': string;
+  'floatingChatIcon': string;
+  'font_weight_bold': string;
+  'font_weight_light': string;
+  'font_weight_normal': string;
+  'font-weight-bold': string;
+  'font-weight-light': string;
+  'font-weight-normal': string;
+  'fontWeightBold': string;
+  'fontWeightLight': string;
+  'fontWeightNormal': string;
+  'footer': string;
+  'hidden_anchor': string;
+  'hidden-anchor': string;
+  'hiddenAnchor': string;
+  'logged_in': string;
+  'logged-in': string;
+  'loggedIn': string;
+  'main': string;
+  'main_1': string;
+  'main-1': string;
+  'main1': string;
+  'maintenance': string;
+  'mt60': string;
+  'notfound': string;
+  'notfound_404': string;
+  'notfound-404': string;
+  'notfound404': string;
+  'problem_box': string;
+  'problem-box': string;
+  'problemBox': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;