Sha256: 2ffb02ee4babf7591384c91281e47e86fbfec2c186ff4a1338287b97e494f4d3

Contents?: true

Size: 1.9 KB

Versions: 32

Compression:

Stored size: 1.9 KB

Contents

// Foundation for Sites by ZURB
// foundation.zurb.com
// Licensed under MIT Open Source

////
/// @group progress-bar
////

/// Height of a progress bar.
/// @type Number
$progress-height: 1rem !default;

/// Background color of a progress bar.
/// @type Color
$progress-background: $medium-gray !default;

/// Bottom margin of a progress bar.
/// @type Number
$progress-margin-bottom: $global-margin !default;

/// Default color of a progress bar's meter.
/// @type Color
$progress-meter-background: $primary-color !default;

/// Default radius of a progress bar.
/// @type Number
$progress-radius: $global-radius !default;

@mixin foundation-progress-element {
  progress {
    display: block;
    width: 100%;
    height: $progress-height;
    margin-bottom: $progress-margin-bottom;

    appearance: none;

    @if hasvalue($progress-radius) {
      border-radius: $progress-radius;
    }

    // For Firefox
    border: 0;
    background: $progress-background;

    &::-webkit-progress-bar {
      background: $progress-background;

      @if hasvalue($progress-radius) {
        border-radius: $progress-radius;
      }
    }

    &::-webkit-progress-value {
      background: $progress-meter-background;

      @if hasvalue($progress-radius) {
        border-radius: $progress-radius;
      }
    }

    &::-moz-progress-bar {
      background: $progress-meter-background;

      @if hasvalue($progress-radius) {
        border-radius: $progress-radius;
      }
    }

    @each $name, $color in $foundation-palette {
      &.#{$name} {
        // Internet Explorer sets the fill with color
        color: $color;

        &::-webkit-progress-value {
          background: $color;
        }

        &::-moz-progress-bar {
          background: $color;
        }
      }
    }

    // For IE and Edge
    &::-ms-fill {
      @if hasvalue($progress-radius) {
        border-radius: $progress-radius;
      }

      border: 0;
    }
  }
}

Version data entries

32 entries across 32 versions & 7 rubygems

Version Path
jekyll-theme-foundation-0.2.3 _sass/scss/forms/_progress.scss
jekyll-theme-foundation-0.2.2 _sass/scss/forms/_progress.scss
jekyll-theme-foundation-0.2.1 _sass/scss/forms/_progress.scss
jekyll-theme-foundation-0.2.0 _sass/scss/forms/_progress.scss
jekyll-theme-foundation-0.1.0 _sass/scss/forms/_progress.scss
foundation-rails-6.4.1.2 vendor/assets/scss/forms/_progress.scss
foundation-rails-6.4.1.0 vendor/assets/scss/forms/_progress.scss
foundation-scss-6.3.1.0 scss/forms/_progress.scss
foundation6-jekyll-base-0.0.2 _sass/foundation/forms/_progress.scss
foundation6-jekyll-base-0.0.1 _sass/foundation/forms/_progress.scss
foundation-rails-6.3.1.0 vendor/assets/scss/forms/_progress.scss
foundation-rails-6.3.0.0 vendor/assets/scss/forms/_progress.scss