Sha256: bd3d0c4c6a79cd4a77f046e74353ee52cac152d6d780386dbbb8cef65d6f2cce

Contents?: true

Size: 1.97 KB

Versions: 10

Compression:

Stored size: 1.97 KB

Contents

$header_active_border_height: 2px;
$color-nav-hover: color('secondary');

@mixin clearfix {
  zoom: 1;
  &:before,
  &:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
  }
  &:after {
    clear: both;
  }
}

@mixin transition($transition-property: all, $transition-time: 0.3s, $method: ease) {
  -webkit-transition: $transition-property $transition-time $method;
  -moz-transition: $transition-property $transition-time $method;
  -ms-transition: $transition-property $transition-time $method;
  -o-transition: $transition-property $transition-time $method;
  transition: $transition-property $transition-time $method;
}

@mixin center_with_flexbox ($flex-align, $justify-content) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-align: $flex-align;
  -ms-flex-align: $flex-align;
  -webkit-align-items: $flex-align;
  align-items: $flex-align;
  -webkit-justify-content: $justify-content;
  justify-content: $justify-content;
}

@mixin border_highlight($direction, $color: $color-nav-hover) {
  border: 0;
  border-#{$direction}: $header_active_border_height solid $color;
}

// Shared nav mixin for offcanvas mobile nav and desktop user info
@mixin off-canvas-style {
  position: fixed;
  top: 0;
  right: -$minimum-application-width;
  bottom: 0;
  width: $minimum-application-width;
  padding-left: 20px;
  padding-right: 20px;
  background-color: $color-white;
  border-left: solid 1px $color-gray-200;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out; // TODO - animate out
  z-index: $zindex-tooltip;
  overflow: hidden;
  direction: rtl; // puts scrollbar to lefthand side

  .nav-mobile-menu-close {
    display: block;
  }

  .navbar-toggle {
    padding-right: 0;
  }

  &.in {
    opacity: 1;
    right: 0;
    overflow-y: auto;
    z-index: $in-front-of-primary-and-banner-and-impersonation;

    @media (max-width: $screen-xs) {
      width: 100%;
    }
  }
}

Version data entries

10 entries across 10 versions & 1 rubygems

Version Path
forever_style_guide-3.5.0 app/assets/stylesheets/forever_style_guide/globals/_mixins.scss
forever_style_guide-3.4.17 app/assets/stylesheets/forever_style_guide/globals/_mixins.scss
forever_style_guide-3.4.16 app/assets/stylesheets/forever_style_guide/globals/_mixins.scss
forever_style_guide-3.4.15 app/assets/stylesheets/forever_style_guide/globals/_mixins.scss
forever_style_guide-3.4.14 app/assets/stylesheets/forever_style_guide/globals/_mixins.scss
forever_style_guide-3.4.13 app/assets/stylesheets/forever_style_guide/globals/_mixins.scss
forever_style_guide-3.4.12 app/assets/stylesheets/forever_style_guide/globals/_mixins.scss
forever_style_guide-3.4.11 app/assets/stylesheets/forever_style_guide/globals/_mixins.scss
forever_style_guide-3.4.10 app/assets/stylesheets/forever_style_guide/globals/_mixins.scss
forever_style_guide-3.4.9 app/assets/stylesheets/forever_style_guide/globals/_mixins.scss