nfg_ui 0.10.14 → 0.11.1.1

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_progress.scss

@@ -1,3 +0,0 @@
-// Sizing options
-.progress-sm { height: ($spacer * .5); }
-.progress-lg { height: ($spacer * 1.5); }

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_nav.scss

@@ -1,9 +0,0 @@
-@each $color, $value in $colors {
-  .#{$color} {
-    .nav-tabs {
-      .nav-link {
-        &:hover, &.active { border-color: $value; }
-      }
-    }
-  }
-}

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/color_variations/_plugins.scss

@@ -1,3 +0,0 @@
-// Our plugin styles
-@import 'plugins/datetimepicker';
-@import 'plugins/select2';

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

@@ -1,112 +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 {
-  border-top: $border-width solid $border-color;
-  .slat {
-    padding-top: $spacer;
-    padding-bottom: $spacer;
-    + .slat { border-top: $border-width solid $border-color; }
-
-
-    // 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 * .5);
-      padding-bottom: ($spacer * .5);
-    }
-  }
-  &.slat-list-lg {
-    .slat {
-      padding-top: ($spacer * 1.5);
-      padding-bottom: ($spacer * 1.5);
-    }
-  }
-
-
-  // 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/admin/nfg_theme/custom/_social_share.scss

@@ -1,44 +0,0 @@
-// Helper colors used for social media links, text, and backgrounds
-
-$facebook:      #3b5998 !default;
-$twitter:       #1da1f2 !default;
-$linkedin:      #0077b5 !default;
-$google-plus:   #dd4b39 !default;
-
-$social-media-colors: () !default;
-// stylelint-disable-next-line scss/dollar-variable-default
-$social-media-colors: map-merge(
-  (
-    "facebook":     $facebook,
-    "twitter":      $twitter,
-    "linkedin":     $linkedin,
-    "google-plus":  $google-plus
-  ),
-  $social-media-colors
-);
-
-
-// Buttons
-@each $color, $value in $social-media-colors {
-  .btn-#{$color} {
-    @include button-variant($value, $value);
-  }
-}
-
-@each $color, $value in $social-media-colors {
-  .btn-outline-#{$color} {
-    @include button-outline-variant($value);
-  }
-}
-
-
-// Text
-@each $color, $value in $social-media-colors {
-  @include text-emphasis-variant(".text-#{$color}", $value);
-}
-
-
-// Backgrounds
-@each $color, $value in $social-media-colors {
-  @include bg-variant(".bg-#{$color}", $value);
-}

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

@@ -1,66 +0,0 @@
-// Slat and its child elements
-.slat {
-  display: -ms-flexbox;
-  -ms-flex-direction: row;
-  -ms-flex-wrap: wrap;
-}
-
-.slat-body {
-  display: -ms-flexbox;
-  -ms-flex-direction: row;
-  -ms-flex-wrap: wrap;
-  -ms-flex-positive: 1;
-  -ms-flex-negative: 0;
-  -ms-flex-preferred-size: 0;
-
-  .slat-item {
-    -ms-flex-positive: 1;
-    -ms-flex-negative: 0;
-    -ms-flex-preferred-size: 0;
-    &:first-child {
-      -ms-flex-positive: 2;
-
-      // Sizing options
-      &.slat-item-sm { -ms-flex-positive: 1; }
-      &.slat-item-lg { -ms-flex-positive: 6; }
-    }
-  }
-}
-
-.slat-actions {
-  -ms-flex-positive: 0;
-  -ms-flex-negative: 0;
-  -ms-flex-preferred-size: ($spacer * 1.5);
-  min-width: ($spacer * 1.5);
-  @include media-breakpoint-up(sm) {
-    -ms-flex-preferred-size: ($spacer * 6);
-    min-width: ($spacer * 6);
-  }
-
-
-  // Sizing options
-  &.slat-actions-sm { -ms-flex-preferred-size: ($spacer * 1.5); }
-  &.slat-actions-lg { -ms-flex-preferred-size: ($spacer * 12); }
-}
-
-
-// Slat header
-.slat-header {
-  .slat-body { -ms-flex-align: center; }
-}
-
-
-// Slat list layout
-.slat-list {
-
-  // 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) {
-          -ms-flex-preferred-size: 100%;
-        }
-      }
-    }
-  }
-}

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

@@ -1,2 +0,0 @@
-// Custom type color
-.alert { color: $body-color; }

data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_button-group.scss

@@ -1,22 +0,0 @@
-// Add visual separator for btn-primary buttons that are in a button group
-.btn-group {
-  > .btn-primary:not(:first-child),
-  > .btn-group:not(:first-child) > .btn-primary {
-    margin-left: 0;
-    border-left-color: rgba(0,0,0,.15);
-  }
-}
-
-.btn-group-vertical {
-  > .btn { width: auto; }
-
-  > .btn:not(:first-child),
-  > .btn-group:not(:first-child) { margin-top: 0; }
-
-  // Reset rounded corners
-  > .btn:not(:last-child):not(.dropdown-toggle),
-  > .btn-group:not(:last-child) > .btn { @include border-bottom-radius($btn-border-radius); }
-
-  > .btn:not(:first-child),
-  > .btn-group:not(:first-child) > .btn { @include border-top-radius($btn-border-radius); }
-}

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

@@ -1,17 +0,0 @@
-// Custom secondary button usage
-.btn-outline-secondary {
-  color: $primary;
-  background-color: $white;
-  border-color: $border-color;
-  &:hover {
-    color: $primary;
-    background-color: $body-bg;
-  }
-  &:not(:disabled):not(.disabled):active,
-  &:not(:disabled):not(.disabled).active,
-  .show > &.dropdown-toggle {
-    color: $primary;
-    background-color: $body-bg;
-  }
-}
-.btn-link { font-weight: $btn-font-weight; }

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

@@ -1,6 +0,0 @@
-//
-// Base styles
-//
-.card { box-shadow: $box-shadow-sm; }
-
-.card-title { margin-bottom: ($card-spacer-y * .5); }

data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/_custom-forms.scss

@@ -1,156 +0,0 @@
-// Checkboxes and radios
-//
-// Base class takes care of all the key behavioral aspects.
-
-.custom-control {
-  .custom-control-input {
-    &:checked {
-      ~ .custom-control-label,
-      ~ .custom-control-label::before { border-color: $input-focus-border-color; }
-    }
-    &:focus:not(:checked) ~ .custom-control-label::before { border-color: $input-border-color; }
-  }
-}
-
-// Custom control indicators
-//
-// Build the custom controls out of pseudo-elements.
-
-.custom-control-label {
-  font-weight: $font-weight-normal;
-
-  // Background-color and icon
-  &::before, &::after { top: .3rem; }
-  &::before { border: $border-width solid $border-color; }
-  &::after { cursor: pointer; }
-}
-
-// Radios
-//
-// Tweak just a few things for radios.
-
-.custom-radio {
-  .custom-control-label::after { background-size: 45% 45%; }
-}
-
-// Select
-//
-// Replaces the browser default select with a custom one, mostly pulled from
-// https://primer.github.io/.
-//
-
-.custom-select {
-  font-weight: $btn-font-weight;
-  cursor: pointer;
-  box-shadow: none;
-}
-
-// File
-//
-// Custom file input.
-
-.custom-file-label {
-  font-weight: $font-weight-normal;
-  cursor: pointer;
-  border-radius: 0 $btn-border-radius $btn-border-radius 0;
-  overflow: hidden;
-  &::after {
-    font-weight: $btn-font-weight;
-    border-radius: 0 $btn-border-radius $btn-border-radius 0;
-  }
-}
-
-
-// Block
-//
-// Custom control block (ex: for images)
-.custom-control-block {
-  padding: 0;
-  .custom-control-label {
-    margin-bottom: 0;
-    padding: ($spacer * 1.5) $spacer ($spacer * 2);
-    border: $border-width solid $border-color;
-    border-radius: $border-radius;
-    cursor: pointer;
-    transition: $transition-base;
-    &:hover { border-color: $gray-600; }
-    &::before, &::after {
-      top: auto;
-      left: 50%;
-      bottom: ($spacer * .5);
-      margin-left: -9px;
-    }
-  }
-}
-
-// Without radio or checkbox indicator
-.custom-control-block:not(.custom-radio):not(.custom-checkbox) {
-  .custom-control-label {
-    padding: ($spacer * .5);
-    &::before, &::after { display: none; }
-  }
-}
-
-// switches
-//
-// Tweak a few things for switches
-
-.custom-switch {
-  .custom-control-label {
-    &::before {
-      padding-left: 28px;
-      font-size: 12px;
-      line-height: 16px;
-      color: $text-muted;
-      font-family: "FontAwesome";
-      content: "\f00d";
-      background-color: $body-bg;
-    }
-    &::after {
-      top: 0;
-      left: -($custom-switch-width + $custom-control-gutter);
-      background-color: $white;
-      border: $border-width solid $border-color;
-      border-radius: 50%;
-      @include transition(transform .15s ease-in-out, $custom-forms-transition);
-    }
-  }
-
-  .custom-control-input:checked ~ .custom-control-label {
-    &::after {
-      border-color: $input-focus-border-color;
-      transform: translateX($custom-switch-width - $custom-switch-indicator-size);
-    }
-    &::before {
-      content: "";
-      background-repeat: no-repeat;
-      background-size: 30%;
-      background-position: 6px 1px;
-      background-image: $custom-checkbox-indicator-icon-checked;
-      background-color: $custom-control-indicator-checked-bg;
-      border-color: $input-focus-border-color;
-    }
-  }
-}
-
-
-// Styles needed to override :valid success styles provided by bootstrap... this is for server side forms only
-.custom-control-input {
-  .was-validated &:valid {
-    ~ .custom-control-label {
-      color: inherit;
-      &::before { background-color: inherit; }
-    }
-    &:checked {
-      ~ .custom-control-label::before {
-        background-color: $custom-control-indicator-checked-bg;
-      }
-    }
-  }
-}
-
-.custom-file-input {
-  .was-validated &:valid {
-    ~ .custom-file-label { border-color: $custom-file-border-color; }
-  }
-}