Contents

@charset "UTF-8";

/// Provides a concise, one-line method for setting `border-radius` on both the
/// top-left and top-right of a box.
///
/// @argument {number (with unit)} $radii
///
/// @example scss
///   .element {
///     @include border-top-radius(4px);
///   }
///
///   // CSS Output
///   .element {
///     border-top-left-radius: 4px;
///     border-top-right-radius: 4px;
///   }

@mixin border-top-radius($radii) {
  border-top-left-radius: $radii;
  border-top-right-radius: $radii;
}

/// Provides a concise, one-line method for setting `border-radius` on both the
/// top-right and bottom-right of a box.
///
/// @argument {number (with unit)} $radii
///
/// @example scss
///   .element {
///     @include border-right-radius(3px);
///   }
///
///   // CSS Output
///   .element {
///     border-bottom-right-radius: 3px;
///     border-top-right-radius: 3px;
///   }

@mixin border-right-radius($radii) {
  border-bottom-right-radius: $radii;
  border-top-right-radius: $radii;
}

/// Provides a concise, one-line method for setting `border-radius` on both the
/// bottom-left and bottom-right of a box.
///
/// @argument {number (with unit)} $radii
///
/// @example scss
///   .element {
///     @include border-bottom-radius(2px);
///   }
///
///   // CSS Output
///   .element {
///     border-bottom-left-radius: 2px;
///     border-bottom-right-radius: 2px;
///   }

@mixin border-bottom-radius($radii) {
  border-bottom-left-radius: $radii;
  border-bottom-right-radius: $radii;
}

/// Provides a concise, one-line method for setting `border-radius` on both the
/// top-left and bottom-left of a box.
///
/// @argument {number (with unit)} $radii
///
/// @example scss
///   .element {
///     @include border-left-radius(1px);
///   }
///
///   // CSS Output
///   .element {
///     border-bottom-left-radius: 1px;
///     border-top-left-radius: 1px;
///   }

@mixin border-left-radius($radii) {
  border-bottom-left-radius: $radii;
  border-top-left-radius: $radii;
}

Version data entries

28 entries across 28 versions & 5 rubygems

Version	Path
baseline-scss-0.5.0	src/vendors/bourbon/library/_border-radius.scss
baseline-scss-0.4.4	src/vendors/bourbon/library/_border-radius.scss
baseline-scss-0.4.3	src/vendors/bourbon/library/_border-radius.scss
baseline-scss-0.4.2	src/vendors/bourbon/library/_border-radius.scss
baseline-scss-0.4.1	src/vendors/bourbon/library/_border-radius.scss
baseline-scss-0.4.0	src/vendors/bourbon/library/_border-radius.scss
baseline-scss-0.3.3	src/vendors/bourbon/library/_border-radius.scss
baseline-scss-0.3.2	src/vendors/bourbon/library/_border-radius.scss
baseline-scss-0.3.1	src/vendors/bourbon/library/_border-radius.scss
baseline-scss-0.3.0	src/vendors/bourbon/library/_border-radius.scss
bourbon-7.3.0	core/bourbon/library/_border-radius.scss
bourbon-7.2.0	core/bourbon/library/_border-radius.scss
bourbon-7.1.0	core/bourbon/library/_border-radius.scss
geekspace-3.2.0	_sass/bourbon/bourbon/library/_border-radius.scss
geekspace-3.1.2	_sass/bourbon/bourbon/library/_border-radius.scss
geekspace-3.1.1	_sass/bourbon/bourbon/library/_border-radius.scss
bourbon-7.0.0	core/bourbon/library/_border-radius.scss
bourbon-6.0.0	core/bourbon/library/_border-radius.scss
bourbon-5.1.0	core/bourbon/library/_border-radius.scss
bourbon-5.0.1	core/bourbon/library/_border-radius.scss