nfg_ui 0.10.14 → 0.10.15

data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_avatar.scss

@@ -1,54 +0,0 @@
-.avatar {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  vertical-align: middle;
-  width: ($spacer * 2);
-  height: ($spacer * 2);
-  color: transparent;
-  background-color: $border-color;
-  border-radius: 50%;
-
-  // Images within avatars
-  img {
-    width: 100%;
-    height: 100%;
-    border-radius: inherit;
-  }
-
-  // Text (initials) within avatars
-  .avatar-text {
-    font-weight: $font-weight-bold;
-    font-size: $font-size-base;
-    line-height: 1;
-    color: $body-color;
-    text-align: center;
-    white-space: nowrap;
-    overflow: hidden;
-  }
-
-  // Sizes
-  &.avatar-sm {
-    width: $spacer;
-    height: $spacer;
-    .avatar-text { font-size: ($font-size-base * .625); }
-  }
-  &.avatar-lg {
-    width: ($spacer * 4);
-    height: ($spacer * 4);
-    .avatar-text { font-size: $font-size-lg; }
-  }
-  &.avatar-xl {
-    width: ($spacer * 5);
-    height: ($spacer * 5);
-    .avatar-text { font-size: $h1-font-size; }
-  }
-}
-
-// Avatar as a link
-a.avatar {
-  opacity: 1;
-  transition: $transition-fade;
-  &:hover, &:active { opacity: $btn-disabled-opacity; }
-}

data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_illustration.scss

@@ -1,7 +0,0 @@
-.illustration {
-  max-width: 100%;
-  height: auto;
-  max-height: ($spacer * 6);
-}
-.illustration-sm { max-height: ($spacer * 4); }
-.illustration-lg { max-height: ($spacer * 10); }

data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_nav_step.scss

@@ -1,111 +0,0 @@
-//
-// Steps
-//
-.nav-steps {
-  .nav-item {
-    position: relative;
-
-
-    // Background connector bar between items
-    &::before {
-      position: absolute;
-      top: (($spacer * .5) - .1rem);
-      right: 50%;
-      width: 100%;
-      height: ($border-width + 1px);
-      background-color: $border-color;
-      content: '';
-      z-index: 0;
-    }
-
-
-    // Removes the background connector bar on the last item
-    &:first-child {
-      &::before { display: none; }
-    }
-
-
-    // Various states
-    &.visited, &.active {
-      &::before { background-color: $primary; }
-      .step-indicator {
-        color: $white;
-        background-color: $primary;
-        border-color: $primary;
-      }
-    }
-    &.active {
-      .nav-link {
-        .step-indicator::after { opacity: 1; }
-      }
-      ~ .visited {
-        &::before { background-color: $secondary; }
-        .step-indicator {
-          background-color: $secondary;
-          border-color: $secondary;
-          &::after { box-shadow: 0 0 0 ($spacer * .25) transparentize($secondary, 0.5); };
-        }
-      }
-    }
-    &.disabled {
-      cursor: default;
-      pointer-events: none;
-    }
-
-
-    // Nav-link overrides
-    .nav-link {
-      position: relative;
-      display: inline-block;
-      padding: 0 ($spacer * .25);
-      z-index: 10;
-      &[href] {
-        @include hover-focus {
-          .step-indicator::after { opacity: 1; }
-        }
-      }
-      .step-text {
-        @include media-breakpoint-down(md) { display: none; }
-      }
-    }
-
-
-    // Circle step indicator uses either integeer or icon
-    .step-indicator {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin: 0 auto;
-      width: $spacer;
-      height: $spacer;
-      font-size: $font-size-sm;
-      font-weight: $font-weight-bold;
-      line-height: 100%;
-      color: $text-muted;
-      background-color: $white;
-      border: ($border-width + 1px) solid $border-color;
-      border-radius: 50%;
-
-
-      // Provides smooth transition for box-shadow
-      &::after {
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        border-radius: 50%;
-        box-shadow: 0 0 0 ($spacer * .25) transparentize($primary, 0.5);
-        transition: $transition-fade;
-        opacity: 0;
-        content: '';
-      }
-    }
-  }
-
-
-  // Flex fix for equal width items
-  &.nav-fill .nav-item { flex-basis: 0; }
-}

data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_slat.scss

@@ -1,110 +0,0 @@
-// Slat and its child elements
-.slat {
-  display: flex;
-  flex-flow: row wrap;
-}
-
-
-// Body Column
-.slat-body {
-  display: flex;
-  flex-flow: row wrap;
-  flex: 1 0 0;
-  margin-right: -($grid-gutter-width * .5);
-  margin-left: -($grid-gutter-width * .5);
-  width: 100%;
-  .slat-item {
-    flex: 1 0 0;
-    padding-right: ($grid-gutter-width * .5);
-    padding-left: ($grid-gutter-width * .5);
-    width: 100%;
-    max-width: 100%;
-    min-height: 1px;
-    &:first-child {
-      flex-grow: 2;
-
-      // Sizing options
-      &.slat-item-sm { flex-grow: 1; }
-      &.slat-item-lg { flex-grow: 6; }
-    }
-  }
-}
-
-
-// Action Column
-.slat-actions {
-  padding-left: ($grid-gutter-width * .5);
-  flex: 0 0 ($spacer * 1.5);
-  width: auto;
-  max-width: none;
-  text-align: right;
-  @include media-breakpoint-up(sm) { flex-basis: ($spacer * 6); }
-
-
-  // Sizing options
-  &.slat-actions-sm { flex-basis: ($spacer * 1.5); }
-  &.slat-actions-lg { flex-basis: ($spacer * 12); }
-}
-
-
-// Slat header
-.slat-header {
-  padding-bottom: ($spacer * .5);
-  .slat-body { align-items: center; }
-}
-
-
-// Slat list layout
-.slat-list {
-  .slat {
-    padding-top: ($spacer * .5);
-    padding-bottom: ($spacer * .5);
-
-
-    // Various states
-    &.ui-sortable-placeholder {
-      visibility: visible !important;
-      background: theme-color("light");
-      border: $border-width dashed $border-color;
-      + .slat { border-top: none; }
-      + &.ui-sortable-helper {
-        border-top-style: dashed;
-        + &.slat { border-top: none; }
-      }
-    }
-    &.ui-sortable-helper {
-      border-top: none;
-      opacity: .5;
-      border-top: none;
-      + &.ui-sortable-placeholder { border-top: $border-width dashed $border-color; }
-    }
-  }
-
-
-  // Sizing options
-  &.slat-list-sm {
-    .slat {
-      padding-top: ($spacer * .25);
-      padding-bottom: ($spacer * .25);
-    }
-  }
-  &.slat-list-lg {
-    .slat {
-      padding-top: $spacer;
-      padding-bottom: $spacer;
-    }
-  }
-
-
-  // Non-breaked version -- used when the goal is to have all slat-item columns on the same line in smaller screens
-  &:not(.slat-list-no-break) {
-    .slat-item {
-      &:first-child {
-        @include media-breakpoint-down(sm) {
-          flex-basis: 100%;
-          margin-bottom: $spacer;
-        }
-      }
-    }
-  }
-}

data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_ticket.scss

@@ -1,12 +0,0 @@
-// Styles specific to the ticket experience
-.ticket-guest {
-  padding: $spacer ($spacer * .5);
-  border-radius: $border-radius;
-  box-shadow: $box-shadow-sm;
-  @include transition(box-shadow .4s ease-in-out, padding .3s ease-in-out); // animation for active/inactive ticket guest rows
-  &.disabled {
-    opacity: .4;
-    pointer-events: none;
-  }
-}
-.ticket-guest-row { @include transition(box-shadow .1s ease-in-out, padding .3s ease-in-out); } // corresponding animation for active/inactive ticket guest rows