@civicactions/cmsds-open-data-components 2.1.1 → 3.0.0-alpha.2

package/dist/scss/templates/header.scss

@@ -1,402 +0,0 @@
-@import '~@cmsgov/design-system/dist/scss/settings/variables/color';
-
-.ds-c-usa-banner__button-text {
-  &::after {
-    width: 0 !important;
-    height: 0 !important;
-    margin: 0 !important;
-    padding: 0 !important;
-  }
-}
-
-.dc-c-mobile-menu--open {
-  color: $color-white;
-  text-decoration: none;
-  &::before {
-    font-family: 'Font Awesome 5 Pro';
-    content: '\f0c9';
-    color: $color-white;
-    font-size: 18px;
-    padding-right: 10px;
-    display: inline-block;
-    line-height: 18px;
-    height: 18px;
-    width: 18px;
-    margin-left: 10px;
-    text-align: center;
-    vertical-align: middle;
-    font-weight: lighter;
-  }
-}
-
-.dc-c-mobile-menu--close {
-  color: $color-white;
-  text-decoration: none;
-  padding-left: 0;
-  padding-bottom: 16px;
-  &::before {
-    font-family: 'Font Awesome 5 Pro';
-    content: '\f00d';
-    color: $color-white;
-    font-size: 18px;
-    padding-right: 10px;
-    display: inline-block;
-    line-height: 18px;
-    height: 18px;
-    width: 18px;
-    text-align: center;
-    vertical-align: middle;
-    font-weight: lighter;
-  }
-}
-
-.dc-c-mobile-header--menu {
-  position: fixed;
-  background-color: $color-gray-dark;
-  top: 0;
-  bottom: 0;
-  left: -100%;
-  z-index: 500;
-  height: 100%;
-  width: 100%;
-  transition: left 0.7s;
-  padding: 50px 0;
-  visibility: hidden;
-}
-
-.dc-c-mobile-header .dc-c-site-menu--sub-menu {
-  position: relative;
-  background: transparent;
-  top: -24px;
-  width: auto;
-  left: auto;
-  a {
-    padding: 8px;
-  }
-}
-
-.dc-c-cmsheader {
-  position: relative;
-  background: white;
-}
-
-.dc-c-cms-mobile-header-menu {
-  &::before {
-    display: block;
-    margin-left: 8px;
-    margin-bottom: 16px;
-    width: 48px;
-    height: 2px;
-    background: $color-primary-alt-light;
-    content: '';
-  }
-  ul {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-  }
-  a,
-  a:hover,
-  a:focus,
-  a:visited {
-    background-color: transparent;
-    display: inline-block;
-    color: $color-white;
-    text-decoration: none;
-    border-bottom: 2px solid transparent;
-  }
-  a:hover,
-  a:active {
-    border-bottom: 2px solid $color-primary-alt-light;
-  }
-}
-.has-submenu > button::after {
-  font-family: 'Font Awesome 5 Pro';
-  content: '\f105';
-  color: $color-white;
-  font-size: 18px;
-  padding-right: 10px;
-  display: inline-block;
-  line-height: 18px;
-  height: 18px;
-  width: 18px;
-  margin-left: 10px;
-  text-align: center;
-  vertical-align: middle;
-  font-weight: lighter;
-}
-.has-submenu.open > button::after {
-  content: '\f107';
-}
-.dc-c-header--mobile-links {
-  button {
-    padding: 0;
-    font-weight: 700;
-  }
-  a {
-    display: block;
-  }
-}
-
-.dc-c-mobile-header.menu-open {
-  .dc-c-cmsheader {
-    z-index: 501;
-    background-color: transparent;
-  }
-  .dc-c-cmsheader-menu a,
-  button {
-    color: $color-white;
-  }
-  .cms-link-container a::before {
-    color: $color-white;
-  }
-  .dc-c-mobile-header--menu {
-    left: 0;
-    visibility: visible;
-  }
-}
-
-.cms-link-container {
-  display: block;
-  margin-right: 20px;
-  // margin-top: -5px;
-  border-right: none;
-  a {
-    text-decoration: none;
-    border-bottom: none;
-
-    margin-right: 20px;
-    display: inline-block;
-  }
-  a::before {
-    font-family: 'Font Awesome 5 Pro';
-    content: '\f33e';
-    color: #323a45;
-    font-size: 18px;
-    padding-right: 10px;
-    display: inline-block;
-    line-height: 18px;
-    height: 18px;
-    width: 18px;
-    margin-left: 10px;
-    text-align: center;
-    vertical-align: middle;
-    font-weight: lighter;
-  }
-  img {
-    height: auto;
-    width: 90px;
-    display: inline-block;
-    vertical-align: middle;
-  }
-}
-
-.cms-text-container {
-  display: block;
-  padding-top: 28px;
-  color: #6f757c;
-}
-
-.dc-c-cmsheader-menu {
-  padding: 0;
-  margin: 0;
-  li {
-    list-style: none;
-  }
-  a {
-    margin: 3px 7px;
-    padding: 0;
-    color: #323a45;
-    text-decoration: none;
-    border-bottom: 1px solid;
-    border-bottom-color: #eee;
-    border-bottom-color: rgba(255, 255, 255, 0.2);
-  }
-  a:hover,
-  a:active {
-    border-bottom: 2px solid #323a45;
-  }
-}
-
-@media (min-width: 544px) {
-  .dc-c-main-navigation--search,
-  .dc-c-mobile-menu--search {
-    border-left: 1px solid $color-white;
-  }
-}
-
-@media (min-width: 1024px) {
-  .cms-link-container {
-    height: 85px;
-    width: 240px;
-    float: left;
-    border-right: 1px solid #d6d7d9;
-    a {
-      margin-top: 28px;
-      margin-bottom: 20px;
-    }
-    img {
-      height: auto;
-      width: auto;
-      display: inline-block;
-      vertical-align: middle;
-      max-width: 80%;
-    }
-    a::before {
-      font-size: 28px;
-      line-height: 28px;
-      width: 28px;
-      height: 28px;
-      // margin-top: -35px;
-      margin-left: 0;
-    }
-  }
-}
-
-// .dc-c-main-navigation {
-//   background-image: linear-gradient(90deg, $color-primary-darkest 10%,$color-primary 90%);
-// }
-
-header.dc-c-header .dc-c-main-navigation--search {
-  button {
-    &:focus {
-      background-color: transparent;
-      outline: 3px solid #bd13b8;
-      box-shadow: none;
-      outline-offset: inherit;
-      border-radius: 0px;
-    }
-  }
-}
-
-nav.dc-c-site-menu {
-  .dc-c-header--links {
-    padding: 0;
-    margin: 0;
-    li {
-      list-style: none;
-      height: 100%;
-    }
-    button {
-      color: $color-white;
-      text-decoration: none;
-      font-size: 16px;
-      border: none;
-      span {
-        border-bottom: 2px solid transparent;
-      }
-    }
-    a {
-      text-decoration: none;
-      color: $color-white;
-      span {
-        border-bottom: 2px solid transparent;
-      }
-      &:focus {
-        background-color: transparent;
-        outline: 3px solid #bd13b8;
-      }
-    }
-    button {
-      &:focus {
-        background-color: transparent;
-        outline: 3px solid #bd13b8;
-        box-shadow: none;
-        outline-offset: inherit;
-        border-radius: 0px;
-      }
-    }
-    > li:hover > button span,
-    > li button:focus span,
-    > li button:hover span,
-    > li:hover > a span,
-    > li:focus > a span,
-    > li a:hover span,
-    > li a:focus span {
-      border-bottom: 2px solid $color-primary-alt-light;
-    }
-  }
-}
-
-nav > ul li ul {
-  display: none;
-}
-
-nav > ul li.open ul {
-  display: block;
-}
-li.has-submenu {
-  position: relative;
-}
-
-.dc-c-site-menu--sub-menu {
-  background: $color-primary;
-  position: absolute;
-  left: 0;
-  top: 48px;
-  margin: 0;
-  padding: 0;
-  width: 300px;
-  a {
-    display: block;
-    padding: 16px;
-    span {
-      border-bottom: 2px solid transparent;
-    }
-  }
-  a:hover span,
-  a:focus span {
-    border-bottom: 2px solid $color-primary-alt-light;
-  }
-}
-
-.dc-c-site-title a {
-  text-decoration: none;
-  color: $color-white;
-  display: inline-block;
-}
-
-div.ds-c-dialog-wrap {
-  background-color: rgba(0, 113, 188, 0.9);
-}
-
-div.ds-c-dialog {
-  background-color: transparent;
-  box-shadow: none;
-  color: $color-white;
-  width: 100%;
-  height: 100%;
-}
-
-div.ds-c-dialog button {
-  background-color: transparent;
-}
-.ds-c-dialog__header .ds-c-dialog__close {
-  color: $color-white;
-  background: none;
-  position: absolute;
-  top: 24px;
-  right: 24px;
-}
-
-.dc-c-mobile-menu--search {
-  display: inherit;
-}
-
-.dc-c-search-modal--button {
-  &::before {
-    font-family: 'Font Awesome 5 Pro';
-    content: '\f002';
-    color: $color-white;
-    font-size: 18px;
-    padding-right: 10px;
-    display: inline-block;
-    line-height: 18px;
-    height: 18px;
-    width: 18px;
-    margin-left: 10px;
-    text-align: center;
-    vertical-align: middle;
-    font-weight: lighter;
-  }
-}

package/dist/scss/templates/index.scss

@@ -1,7 +0,0 @@
-@import './dataset-search.scss';
-@import './footer.scss';
-@import './header.scss';
-@import './filtered-resource.scss';
-@import './dataset.scss';
-@import './swagger.scss';
-@import './query-builder.scss';

package/dist/scss/templates/query-builder.scss

@@ -1,22 +0,0 @@
-.dc-query-builder .ds-c-accordion__content {
-  padding-bottom: 0 !important;
-  max-height: 24rem;
-}
-.dc-query-builder form {
-  position: relative;
-}
-
-.dc-query-bulder--form-buttons {
-  position: sticky;
-  position: -webkit-sticky;
-  width: 100%;
-  bottom: 0;
-  background-color: white;
-}
-
-.dc-query-builder .ds-c-accordion__heading > .ds-c-accordion__button {
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-  padding: 16px 24px 16px 24px;
-}

package/dist/scss/templates/swagger.scss

@@ -1,21 +0,0 @@
-// Swagger overrides
-.swagger-ui .opblock .opblock-summary-path {
-  flex-shrink: 1 !important;
-  max-width: calc(100% - 110px) !important;
-}
-.swagger-ui .opblock .opblock-summary-method {
-  min-width: auto !important;
-  @media (min-width: 765px) {
-    min-width: 80px !important;
-  }
-}
-
-.swagger-ui .opblock-tag-section {
-  min-width: 460px;
-}
-
-@media (max-width: 544px) {
-  .swagger-ui .opblock-tag small {
-    flex: initial;
-  }
-}