@madgex/fert 5.0.4 → 5.0.6

package/repo-templates/template-bigworkbag/src/css/desktop-main-nav.scss

@@ -1,25 +0,0 @@
-[scoped-v6=""] .desktop-main-nav {
-  display: none;
-
-  @include for-tablet-landscape-up {
-    display: block;
-    background: $brand-color-2;
-  }
-
-  & .desktop-main-nav__items {
-    display: flex;
-    justify-content: flex-start;
-    flex-wrap: wrap;
-  }
-
-  & .desktop-main-nav__link {
-    display: inline-block;
-    padding: 0.5em 1em;
-    white-space: nowrap;
-    color: #fff;
-  }
-
-  & .desktop-main-nav__item:first-child .desktop-main-nav__link {
-    padding-left: 0;
-  }
-}

package/repo-templates/template-bigworkbag/src/css/desktop-user-nav.scss

@@ -1,127 +0,0 @@
-[scoped-v6=""] .desktop-user-nav {
-  display: none;
-
-  @include for-tablet-landscape-up {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    align-items: flex-end;
-
-    & .recruiter-link {
-      display: flex;
-      align-items: center;
-      background-color: $brand-color-2;
-      color: #fff;
-      border-radius: 3px;
-      padding: 5px 10px;
-
-      & svg.arrow-right {
-        width: 1em;
-        height: 1em;
-        margin-left: 4px;
-        fill: #fff;
-      }
-    }
-
-    & .desktop-user-nav__items {
-      display: flex;
-      margin-top: 1em;
-    }
-
-    &--loggedout {
-      & .desktop-user-nav__item {
-        margin-left: 0.8em;
-      }
-    }
-
-    &--loggedin {
-      & .desktop-user-nav__item:not(:last-child) {
-        border-right: 1px solid #000;
-        padding-right: 1em;
-        margin-right: 1em;
-      }
-
-      & .desktop-user-nav__item {
-        display: flex;
-        align-items: center;
-      }
-
-      & .desktop-user-nav__item > a {
-        color: #000;
-      }
-
-      // Shortlist
-      & .desktop-user-nav__item--shortlist a {
-        display: flex;
-        align-items: center;
-      }
-
-      & svg.star-filled {
-        width: 1em;
-        height: 1em;
-        margin-left: 0.5em;
-      }
-
-      // User submenu
-      & .desktop-user-nav__item.clicky-menu {
-        position: relative;
-        z-index: 2;
-      }
-
-      & .clicky-menu-control {
-        display: flex;
-        align-items: center;
-      }
-
-      & svg.profile {
-        width: 1em;
-        height: 1em;
-        margin-right: 0.5em;
-      }
-
-      & svg.arrow-down {
-        width: 0.8em;
-        height: 0.8em;
-        margin-left: 0.5em;
-      }
-
-      & svg.arrow-up {
-        display: none;
-      }
-
-      & .desktop-user-nav__submenu-items {
-        background: #fff;
-        width: 100%;
-        border: 1px solid #ddd;
-        top: calc(100% + 16px);
-
-        &::before {
-          content: '';
-          position: absolute;
-          top: -24px;
-          right: 8px;
-          z-index: 2;
-          width: 24px;
-          height: 24px;
-          background-image: url("/_/jobseekers-frontend/assets/images/user-menu-pointer.svg");
-        }
-      }
-
-      & .desktop-user-nav__submenu-item > a {
-        display: inline-block;
-        width: 100%;
-        padding: 8px;
-      }
-
-      & .desktop-user-nav__submenu-item:not(:last-of-type) {
-        border-bottom: 1px solid #ddd;
-      }
-
-      & [aria-expanded="true"] {
-        & svg.arrow-down {
-          transform: scaleY(-1);
-        }
-      }
-    }
-  }
-}

package/repo-templates/template-bigworkbag/src/css/footer.scss

@@ -1,77 +0,0 @@
-/* Footer */
-
-footer[scoped-v6=""] {
-  background: $brand-color-2;
-  padding: 0 0 30px;
-  margin-top: 40px;
-
-  & .back-to-top {
-    background: #eee;
-    & a {
-      display: block;
-      padding: 1em 0;
-      text-align: end;
-    }
-  }
-
-  & .footer-nav__items {
-    display: flex;
-    flex-direction: column;
-    margin-top: 30px;
-  }
-
-  & .footer-nav__item:not(:last-of-type) {
-    border-bottom: 1px solid #eee;
-  }
-
-  & .footer-nav__link {
-    display: block;
-    padding: 1em 0;
-    color: #eee;
-  }
-
-  & .social-media__items {
-    display: flex;
-  }
-
-  & .social-media__item:not(:last-child) {
-    margin-right: 1em;
-  }
-
-  & .social-media__link svg {
-    fill: #fff;
-  }
-
-  & .copyright {
-    margin-top: 30px;
-    color: #eee;
-  }
-
-  @include for-tablet-landscape-up {
-    padding-top: 30px;
-
-    & .back-to-top {
-      display: none;
-    }
-
-    & .footer-nav__items {
-      flex-direction: row;
-      flex-wrap: wrap;
-      margin-top: 0;
-    }
-
-    & .footer-nav__item:not(:last-of-type) {
-      border-bottom: 0;
-      border-right: 1px solid #777;
-    }
-
-    & .footer-nav__link {
-      padding: 0.5em 1em;
-    }
-
-    & .footer-nav__item:first-of-type .footer-nav__link {
-      padding-left: 0;
-    }
-  }
-}
-

package/repo-templates/template-bigworkbag/src/css/header-top.scss

@@ -1,29 +0,0 @@
-[scoped-v6=""] .header-top {
-  background-color: $brand-color-1;
-  padding: 20px 0;
-
-  & .primary-logo {
-    max-width: 360px;
-    margin: 0 auto;
-  }
-
-
-  @include for-tablet-landscape-up {
-    & > .wrapper {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-      flex-wrap: wrap;
-    }
-
-    & .primary-logo {
-      margin: 0;
-      flex: 1 1 auto;
-    }
-
-    & .user-nav-desktop {
-      flex: 0 0 auto;
-    }
-  }
-}
-

package/repo-templates/template-bigworkbag/src/css/leaderboard-ad.scss

@@ -1,22 +0,0 @@
-/* Leaderboard ad */
-
-//Mobile
-[scoped-v6=""] .ad--mobileleaderboard {
-  display: flex;
-  justify-content: center;
-
-  @include for-tablet-landscape-up {
-    display: none;
-  }
-}
-
-// Desktop
-[scoped-v6=""] .ad--leaderboard {
-  display: none;
-
-  @include for-tablet-landscape-up {
-    display: flex;
-    justify-content: center;
-    padding: clamp(8px, 2vw, 16px);
-  }
-}

package/repo-templates/template-bigworkbag/src/css/mobile-main-nav.scss

@@ -1,68 +0,0 @@
-
-
-[scoped-v6=""] .mobile-main-nav {
-  & .clicky-menu-control {
-    height: $top-bar-height;
-    padding: 0 $gutter-width;
-
-    & .hamburger {
-      position: relative;
-      width: 32px;
-      height: 32px;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-    }
-
-    & .hamburger-line {
-      position: absolute;
-      width: 100%;
-      height: 4px;
-      background: #fff;
-      border-radius: 2px;
-      transition: transform 0.1s ease-in, opacity 0.1s ease-in-out;
-
-      &:first-child {
-        transform: translateY(-12px);
-      }
-      &:last-child {
-        transform: translateY(12px);
-      }
-    }
-
-    &[aria-expanded="true"] {
-      & .hamburger-line:nth-child(2) {
-        transform:  rotate(45deg);
-      }
-      & .hamburger-line:nth-child(3) {
-        transform: rotate(-45deg);
-      }
-      & .hamburger-line:first-child,
-      & .hamburger-line:last-child {
-        transform: translateY(0);
-        opacity: 0;
-      }
-    }
-  }
-
-  & .mobile-main-nav__items {
-    z-index: 2;
-    width: 100vw;
-    top: $top-bar-height;
-    white-space: nowrap;
-    background: #fff;
-    border: 1px solid #eee;
-    border-bottom: 5px solid #aaa;
-  }
-
-  & .mobile-main-nav__link {
-    display: block;
-    padding: 8px $gutter-width;
-    color: $font-color-1;
-  }
-
-  & .mobile-main-nav__item {
-    border-bottom: 1px solid #eee;
-  }
-}
-

package/repo-templates/template-bigworkbag/src/css/mobile-user-nav.scss

@@ -1,49 +0,0 @@
-[scoped-v6=""] .mobile-user-nav {
-  & .clicky-menu-control {
-    height: $top-bar-height;
-    padding: 0 $gutter-width;
-    transition: background-color 0.2s ease-in;
-  }
-
-  & svg.profile {
-    fill: #fff;
-    transition: fill 0.2s ease-in;
-  }
-
-  & .mobile-user-nav__items {
-    z-index: 2;
-    width: 100vw;
-    top: $top-bar-height;
-    white-space: nowrap;
-    background: #fff;
-    border: 1px solid #eee;
-    border-bottom: 5px solid #aaa;
-  }
-
-  & .mobile-user-nav__link {
-    display: block;
-    padding: 8px $gutter-width;
-    color: $font-color-1;
-  }
-
-  & .mobile-user-nav__item {
-    border-bottom: 1px solid #eee;
-  }
-
-  & .clicky-menu-control[aria-expanded="true"] {
-    background: #eee;
-    & svg.profile {
-      fill: $brand-color-2;
-    }
-  }
-
-  &--loggedin {
-    & .mobile-user-nav__item:first-of-type {
-      padding: 8px $gutter-width;
-      background: #eee;
-      color: $font-color-1;
-      border-bottom-color: transparent;
-    } 
-  }
-}
-

package/repo-templates/template-bigworkbag/src/css/reset.scss

@@ -1,91 +0,0 @@
-html,
-body,
-div,
-span,
-applet,
-object,
-iframe,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-blockquote,
-pre,
-a,
-abbr,
-acronym,
-address,
-code,
-del,
-dfn,
-img,
-ins,
-kbd,
-q,
-s,
-samp,
-small,
-strike,
-tt,
-var,
-u,
-center,
-dl,
-dt,
-dd,
-ol,
-ul,
-li,
-fieldset,
-form,
-label,
-legend,
-caption,
-table:not(.mds-edited-text table),
-tbody:not(.mds-edited-text tbody),
-tfoot:not(.mds-edited-text tfoot),
-thead:not(.mds-edited-text thead),
-tr:not(.mds-edited-text tr),
-th:not(.mds-edited-text th),
-td:not(.mds-edited-text td),
-article,
-aside,
-canvas,
-details,
-embed,
-figure,
-figcaption,
-footer,
-header,
-hgroup,
-menu,
-nav,
-output,
-ruby,
-section,
-summary,
-time,
-mark,
-audio,
-video {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font: inherit;
-}
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-  word-wrap: break-word;
-}
-
-ol,
-ul {
-  list-style-type: none;
-  list-style-position: outside;
-}

package/repo-templates/template-bigworkbag/src/css/styles.scss

@@ -1,18 +0,0 @@
-@import "./reset.scss";
-@import "@madgex/design-system/src/scss/import.scss";
-@import "./variables.scss";
-@import "./breakpoints.scss";
-@import "./util.scss";
-@import "./typography.scss";
-@import "./clicky-menu.scss";
-
-@import "./leaderboard-ad.scss";
-@import "./top-bar.scss";
-@import "./header-top.scss";
-@import "./mobile-main-nav.scss";
-@import "./mobile-user-nav.scss";
-@import "./desktop-user-nav.scss";
-@import "./desktop-main-nav.scss";
-@import "./footer.scss";
-
-

package/repo-templates/template-bigworkbag/src/css/top-bar.scss

@@ -1,13 +0,0 @@
-[scoped-v6=""] .top-bar {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  height: $top-bar-height;
-  background: $brand-color-2;
-  color: #fff;
-
-  @include for-tablet-landscape-up {
-    display: none;
-  }
-}
-

package/repo-templates/template-bigworkbag/src/css/typography.scss

@@ -1,20 +0,0 @@
-[scoped-v6=""] {
-  font-family: sans-serif;
-
-  /*
-  The design system applies these to <body>.
-  Repeating here for clarity and independence from the design system.
-  */
-  font-size: 1.125rem;
-  line-height: 1.34;
-
-  @include for-phone-only {
-    font-size: 1rem;
-    line-height: 1.38;
-  }
-
-  @include for-tablet-landscape-up {
-    font-size: 1rem;
-    line-height: 1.38;
-  }
-}

package/repo-templates/template-bigworkbag/src/css/util.scss

@@ -1,28 +0,0 @@
-/* As design system .mds-js-visually-hidden */
-.visually-hidden {
-  position: absolute;
-
-  width: 1px;
-  height: 1px;
-  // If margin is set to a negative value it can cause text to be announced in the wrong order in VoiceOver for OSX
-  margin: 0;
-  padding: 0;
-
-  overflow: hidden;
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-
-  border: 0;
-
-  // For long content, line feeds are not interpreted as spaces and small width
-  // causes content to wrap 1 word per line:
-  // https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
-  white-space: nowrap;
-}
-
-/* As design system .mds-wrapper */
-[scoped-v6=""] .wrapper {
-  margin: 0 auto;
-  max-width: 1240px;
-  width: $wrapper-width;
-}

package/repo-templates/template-bigworkbag/src/css/variables.scss

@@ -1,9 +0,0 @@
-$brand-color-1: #00a99d;
-$brand-color-2: #303030;
-$font-color-1: #343434;
-
-$gutter-width: calc(1.5vw + 10px);
-$wrapper-width: calc(97% - 20px);
-$top-bar-height: 48px;
-
-

package/repo-templates/template-bigworkbag/src/index.js

@@ -1,3 +0,0 @@
-import './js/no-js';
-import './js/clicky-menus';
-import './css/styles.scss';