Sha256: 75f8ed2af68b4d529fbeadaf42e01d8d8dd8a606ace4734ed7a13530e3d9c255

Contents?: true

Size: 1.29 KB

Versions: 1253

Compression:

Stored size: 1.29 KB

Contents

@import "./button_toolbar_mixins";
@import "../tokens/colors";
@import "../tokens/opacity";

[class^=pb_button_toolbar]{

  // Vertical =============

  &[class*=_vertical] {
    &[class*=_primary].dark {
      & > [class^=pb_button]:not(:first-child)::before {
        @include toolbar_border(true, $primary_dark)
      }
    }
    &[class*=_secondary].dark {
      & > [class^=pb_button]:not(:first-child)::before {
        @include toolbar_border(true, $secondary_dark)
      }
    }
  }

  // Horizontal =============

  &[class*=_horizontal] {
    &[class*=_primary].dark {
      & > [class^=pb_button]:not(:first-child)::before {
        @include toolbar_border(false, $primary_dark)
      }
    }
    &[class*=_secondary].dark {
      & > [class^=pb_button]:not(:first-child)::before {
        @include toolbar_border(false, $secondary_dark)
      }
    }
  }
  & > [class^=pb_button]:not(:first-child):hover::before,
  [class^=pb_button]:hover + [class^=pb_button]::before {
    opacity: 0
  }

  // Hover =============

  [class^=pb_button].dark  {
    @media (hover:hover) {
      &:hover {
        background-color:darken($royal, 20%);
      }
    }
    &[class*=secondary] {
      @media (hover:hover) {
        &:hover {
          background-color:rgba($primary_action, $opacity_3)
        }
      }
    }
  }
}

Version data entries

1,253 entries across 1,253 versions & 1 rubygems

Version Path
playbook_ui-9.14.1 app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
playbook_ui-9.13.0 app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
playbook_ui-9.12.0 app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
playbook_ui-9.12.0.pre.text.addon app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
playbook_ui-9.11.0 app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
playbook_ui-9.10.0 app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
playbook_ui-9.10.0.pre.date.time.stacked.1 app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
playbook_ui-9.10.0.pre.alpha2 app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
playbook_ui-9.10.0.pre.alpha1 app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
playbook_ui-9.9.0.alpha.inline1 app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
playbook_ui-9.9.0 app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
playbook_ui-9.8.0 app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
playbook_ui-9.7.0.pre.alphawidth1 app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
playbook_ui-9.7.0.pre.alpha.a11y.btn app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
playbook_ui-9.7.0 app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
playbook_ui-9.6.1 app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
playbook_ui-9.6.1.pre.deps1 app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
playbook_ui-9.6.0 app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
playbook_ui-9.5.0.alpha.rs.downgrade app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
playbook_ui-9.5.0 app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss