nfg_ui 0.10.13 → 0.11.1

data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_dropdown.scss

@@ -1 +0,0 @@
-.dropdown-toggle::after { content: none; }

data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_forms.scss

@@ -1,85 +0,0 @@
-// Required styles
-label {
-  font-weight: $font-weight-bold;
-  &.required {
-    padding-left: ($spacer * .5);
-    &::before{
-      content: '*';
-      color: theme-color("danger");
-      margin-left: -($spacer * .5);
-      padding-right: ($spacer * .25);
-    }
-  }
-}
-
-textarea.form-control { min-height: ($spacer * 6); }
-
-// Form groups
-//
-// Designed to help with the organization and spacing of vertical forms. For
-// horizontal forms, use the predefined grid classes.
-
-.form-text {
-  font-size: $font-size-sm;
-  line-height: 1.3;
-}
-
-// Checkboxes and radios
-//
-// Indent the labels to position radios/checkboxes as hanging controls.
-
-.form-check-label { font-weight: $font-weight-normal; }
-.form-check-inline { display: inline-block; } // override inline-flex display for better line-height
-
-
-// Form validation
-//
-// Provide feedback to users when form field values are valid or invalid. Works
-// primarily for client-side validation via scoped `:invalid` and `:valid`
-// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for
-// server side validation.
-
-.valid-feedback,
-.invalid-feedback {
-  line-height: 1.3;
-}
-.valid-tooltip,
-.invalid-tooltip {
-  padding: $tooltip-padding-y $tooltip-padding-x;
-  font-size: $tooltip-font-size;
-  font-weight: $font-weight-bold;
-  line-height: 1.3;
-  border-radius: $tooltip-border-radius;
-}
-
-
-// Inline checkbox/radio validation is a sibling of the form element instead of a child
-.form-group {
-  &.is-valid, &.is-invalid {
-    .form-check, .custom-control {
-      ~ .valid-feedback, ~ .invalid-feedback { display: block; }
-    }
-  }
-}
-
-
-// Sometimes rails likes to say a form control is valid even when it isn't... this helps ensure that
-// When simple_form (accurately) detects an error on the field...
-// that the invalid version wins ... avoiding false readings
-.is-invalid { border-color: $form-feedback-invalid-color !important; }
-
-
-// Styles needed to override :valid success styles provided by bootstrap... this is for server side forms only
-.form-control,
-.custom-select {
-  .was-validated &:valid {
-    border-color: $input-border-color;
-    &:focus { border-color: $input-focus-border-color; }
-  }
-}
-
-.form-check-input {
-  .was-validated &:valid {
-    ~ .form-check-label { color: inherit; }
-  }
-}

data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_reboot.scss

@@ -1,34 +0,0 @@
-html {
-  height: 100%;
-  font-size: 62.5%;
-}
-body {
-  -ms-overflow-style: scrollbar !important;
-  font-smooth: always;
-  -webkit-font-smoothing: antialiased;
-     -moz-font-smoothing: antialiased;
-          font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
-  font-size: $font-size-base;
-  @include media-breakpoint-down(md) {
-    overflow-x: hidden;
-    -webkit-overflow-scrolling: auto;
-  }
-}
-
-div { position: relative; } // setting this as a base to avoid improper absolute positioning elements
-
-ol,
-ul,
-dl {
-  margin-bottom: $paragraph-margin-bottom;
-}
-
-img { max-width: 100%; }
-
-// Ensure that .disabled and [disabled] really aren't clickable
-.disabled:not([data-toggle='tooltip']),
-[disabled] {
-  pointer-events: none !important;
-  cursor: not-allowed !important;
-}

data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_tooltip.scss

@@ -1,5 +0,0 @@
-// Setting line-height
-.tooltip {
-  font-weight: $font-weight-bold;
-  line-height: 1.3;
-}

data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_type.scss

@@ -1,81 +0,0 @@
-//
-// Headings
-//
-h1, .h1 { line-height: 1; }
-h2, .h2 { line-height: 1.15; }
-h3, .h3 { line-height: 1.1; }
-h4, .h4 { line-height: 1; }
-h5, .h5 { line-height: 1.2; }
-h6, .h6 { line-height: 1.5; }
-
-// Type display classes
-.display-4 {
-  line-height: 1.3;
-  color: $text-muted;
-}
-
-
-//
-// Misc
-//
-.font-size-base { font-size: $font-size-base !important; }
-.font-size-sm {
-  font-size: $font-size-sm !important;
-  line-height: 1.3;
-}
-.font-size-lg { font-size: $font-size-lg !important; }
-.line-height-sm { line-height: $line-height-sm; }
-.line-height { line-height: 1.5; }
-.line-height-lg { line-height: $line-height-lg; }
-
-strong, .strong, b, .b { font-weight: $font-weight-bold; }
-
-a.no-link-color {
-  &, &:visited { color: $body-color !important; }
-
-  &:hover, &:active, &:focus {
-    color: $primary !important;
-    text-decoration: none;
-  }
-}
-
-// Contextual colors
-@each $color, $value in $colors {
-  @include text-emphasis-variant(".text-#{$color}", $value);
-}
-
-
-// Adds a background divider to word
-.text-divider {
-  position: relative;
-  &:after {
-    position: absolute;
-    top: 50%;
-    left: 0;
-    width: 100%;
-    height: 0;
-    border-top: $border-width solid $border-color;
-    content: '';
-    z-index: 0;
-  }
-  .text-center, .btn-center { z-index: 10; }
-  .text-center {
-    position: relative;
-    text-align: center;
-    line-height: 1;
-    span {
-      display: inline-block;
-      padding: ($spacer * .25) ($spacer * .5);
-      background-color: $white;
-    }
-  }
-  .btn-center {
-    position: absolute;
-    top: -18px;
-    left: 50%;
-    .btn {
-      position: relative;
-      left: -50%;
-    }
-  }
-}

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