Sha256: 8b03a63142b6e7bdf104368288974ed45a2bffcf1e182e12dfff16b793a9591d

Contents?: true

Size: 1.49 KB

Versions: 3

Compression:

Stored size: 1.49 KB

Contents

// Specific styles for entity branding
.btn-primary {
  color: color-yiq($primary);
  background-color: $primary;
  border-color: $primary;
  &:hover {
    color: color-yiq(darken($primary, 10%));
    background-color: darken($primary, 10%);
    border-color: darken($primary, 10%);
  }
  &:focus,
  &.focus {
    box-shadow: 0 0 0 $input-btn-focus-width transparentize($primary, 0.8);
  }
  &:not(:disabled):not(.disabled):active,
  &:not(:disabled):not(.disabled).active,
  .show > &.dropdown-toggle {
    color: color-yiq($primary);
    background-color: $primary;
    border-color: $primary;
    box-shadow: 0 0 0 $input-btn-focus-width transparentize($primary, 0.8);
    &:focus { box-shadow: 0 0 0 $input-btn-focus-width transparentize($primary, 0.8); }
  }
}

.btn-secondary, .btn-outline-secondary {
  color: color-yiq($primary, $yiq-text-dark, $primary);
  &:hover { color: color-yiq($primary, $yiq-text-dark, $primary) !important; }
  &:not(:disabled):not(.disabled):active,
  &:not(:disabled):not(.disabled).active,
  .show > &.dropdown-toggle {
    color: color-yiq($primary, $yiq-text-dark, $primary) !important;
  }
}

.btn-link {
  color: color-yiq($primary, $yiq-text-dark, $primary);
  &:hover { color: color-yiq(darken($primary, 15%), $yiq-text-dark, darken($primary, 15%)); }
}

.bg-dark {
  .btn-primary {
    h1, h2, h3, h4, h5, h6, p, label { color: color-yiq($primary); }
  }
  .btn-outline-secondary {
    h1, h2, h3, h4, h5, h6, p, label { color: color-yiq($primary, $yiq-text-dark, $primary); }
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
nfg_ui-0.12.0.2 app/assets/stylesheets/nfg_ui/network_for_good/core/entity_branding/nfg_theme/_buttons.scss
nfg_ui-0.12.0.1 app/assets/stylesheets/nfg_ui/network_for_good/core/entity_branding/nfg_theme/_buttons.scss
nfg_ui-0.12.0 app/assets/stylesheets/nfg_ui/network_for_good/core/entity_branding/nfg_theme/_buttons.scss