@madgex/fert 5.0.3 → 5.0.5

package/repo-templates/template-bigworkbag/public/images/user-menu-pointer.svg

@@ -1,4 +0,0 @@
-<svg class="arrow-up" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<path d="M 16.1 15.9 L 32.1 31.9 L 0.1 31.9 Z" fill="#ffffff" />
-<polyline points="0,32 16,16 32,32" stroke="#eeeeee" stroke-width="1" fill="none" />
-</svg>

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

@@ -1,17 +0,0 @@
-/*
-These match the ones used on the design system
-
-https://github.com/wiley/madgex-design-system/blob/8d13501ff0512ff0865f380cf3236107f137ea1e/packages/%40madgex.design-system/src/layout/grid/README.md
-*/
-@mixin for-phone-only {
-  @media (max-width: 399px) { @content; }
-}
-@mixin for-tablet-portrait-up {
-  @media (min-width: 600px) { @content; }
-}
-@mixin for-tablet-landscape-up {
-  @media (min-width: 1008px) { @content; }
-}
-@mixin for-desktop-up {
-  @media (min-width: 1280px) { @content; }
-}

package/repo-templates/template-bigworkbag/src/css/clicky-menu.scss

@@ -1,52 +0,0 @@
-/**
- * Initial state, hidden off screen
- */
- .clicky-menu ul {
-  position: absolute;
-  // Using `visibility` instead of `display` allows for easier transitions and animation of submenus
-  visibility: hidden;
-}
-
-/**
- * No JS fallback
- *
- * Triggers menus on hover rather than click. Supports keyboard navigation in modern browsers.
- */
- .no-js .clicky-menu li:hover > ul {
-  visibility: visible;
-}
-.no-js .clicky-menu li:focus-within > ul {
-  visibility: visible;
-}
-
-/**
- * Open/Close Menu Behavior with JS
- */
-.clicky-menu ul[aria-hidden="false"] {
-  visibility: visible;
-}
-
-/* Prevent offscreen-submenus */
-.clicky-menu .sub-menu--right {
-  left: auto !important;
-  right: 0 !important;
-}
-
-/* Remove default button styles */
-.clicky-menu button {
-  padding: 0;
-  background: none;
-  color: inherit;
-  text-decoration: none;
-  font-family: inherit;
-  border: none;
-}
-
-/* Focus & hover styles */
-.clicky-menu-control {
-  cursor: pointer;
-  // &:focus {
-  //   outline: .125em solid darkgrey;
-  //   outline-offset: -.125em;
-  // }
-}

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';