Sha256: c801717c0e757cdf0e31b1d0f6f04bbfab59e02f807603814966ae4df9dbabe7

Contents?: true

Size: 1.33 KB

Versions: 23

Compression:

Stored size: 1.33 KB

Contents

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

////
/// @group prototype-rounded
////

/// Responsive breakpoints for rounded utility.
/// @type Boolean
$prototype-rounded-breakpoints: $global-prototype-breakpoints !default;

/// Default value for `prototype-border-radius`
/// @type Number
$prototype-border-radius: rem-calc(3) !default;

/// Rounded utility (all corners): Adds radius corners (all corners) to an element by default.
/// @param {Number} $radius [$prototype-border-radius] Border radius (all corners)
@mixin border-radius(
  $radius: $prototype-border-radius
) {
  border-radius: $radius;
}

/// Rounded square utility or rectangle utility (all corners): Rounds all corners to an element by default to make a pill shape.
@mixin border-rounded {
  border-radius: 5000px !important;
}

@mixin foundation-prototype-rounded {
  .rounded {
    @include border-rounded;
  }

  .radius {
    @include border-radius;
  }

  @if ($prototype-rounded-breakpoints) {
    // Loop through Responsive Breakpoints
    @each $size in $breakpoint-classes {
      @include breakpoint($size) {
        @if $size != $-zf-zero-breakpoint {
          .#{$size}-rounded {
            @include border-rounded;
          }
          .#{$size}-radius {
            @include border-radius;
          }
        }
      }
    }
  }
}

Version data entries

23 entries across 23 versions & 4 rubygems

Version Path
bedrock_sass-0.2.2 assets/_vendor/foundation/scss/prototype/_rounded.scss
bedrock_sass-0.2.1 assets/_vendor/foundation/scss/prototype/_rounded.scss
locomotivecms_wagon-2.4.1 generators/foundation/public/stylesheets/foundation6/prototype/_rounded.scss
bedrock_sass-0.2.0 assets/_vendor/foundation/scss/prototype/_rounded.scss
locomotivecms_wagon-2.4.0 generators/foundation/public/stylesheets/foundation6/prototype/_rounded.scss
foundation-rails-6.4.3.0 vendor/assets/scss/prototype/_rounded.scss
bedrock_sass-0.1.9 assets/_vendor/foundation/scss/prototype/_rounded.scss
bedrock_sass-0.1.8 assets/_vendor/foundation/scss/prototype/_rounded.scss
bedrock_sass-0.1.7 assets/_vendor/foundation/scss/prototype/_rounded.scss
bedrock_sass-0.1.6 assets/_vendor/foundation/scss/prototype/_rounded.scss
bedrock_sass-0.1.5 assets/_vendor/foundation/scss/prototype/_rounded.scss
bedrock_sass-0.1.4 assets/_vendor/foundation/scss/prototype/_rounded.scss
bedrock_sass-0.1.3 assets/_vendor/foundation/scss/prototype/_rounded.scss
bedrock_sass-0.1.2 assets/_vendor/foundation/scss/prototype/_rounded.scss
jekyll-theme-foundation-0.3.6 _sass/scss/prototype/_rounded.scss
jekyll-theme-foundation-0.3.5 _sass/scss/prototype/_rounded.scss
jekyll-theme-foundation-0.2.5 _sass/scss/prototype/_rounded.scss
jekyll-theme-foundation-0.2.4 _sass/scss/prototype/_rounded.scss
jekyll-theme-foundation-0.2.3 _sass/scss/prototype/_rounded.scss
jekyll-theme-foundation-0.2.2 _sass/scss/prototype/_rounded.scss