Sha256: 8076f16ab3231617c3c5c51a88c843db37bbed5e237d54d052ca3f7c7f5bb8c9
Contents?: true
Size: 1.01 KB
Versions: 5
Compression:
Stored size: 1.01 KB
Contents
@charset "UTF-8";
/// Provides a quick method for targeting `border-radius` on both corners on the
/// side of a box.
///
/// @argument {number} $radii
///
/// @example scss
/// .element-one {
/// @include border-top-radius(5px);
/// }
///
/// @example css
/// .element-one {
/// border-top-left-radius: 5px;
/// border-top-right-radius: 5px;
/// }
///
/// @example scss
/// .element-two {
/// @include border-left-radius(3px);
/// }
///
/// @example css
/// .element-two {
/// border-bottom-left-radius: 3px;
/// border-top-left-radius: 3px;
/// }
@mixin border-top-radius($radii) {
border-top-left-radius: $radii;
border-top-right-radius: $radii;
}
@mixin border-right-radius($radii) {
border-bottom-right-radius: $radii;
border-top-right-radius: $radii;
}
@mixin border-bottom-radius($radii) {
border-bottom-left-radius: $radii;
border-bottom-right-radius: $radii;
}
@mixin border-left-radius($radii) {
border-bottom-left-radius: $radii;
border-top-left-radius: $radii;
}
Version data entries
5 entries across 5 versions & 1 rubygems