nfg_ui 0.10.10 → 0.10.15

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

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