aboutsummaryrefslogtreecommitdiff
path: root/_scss/utilities
diff options
context:
space:
mode:
authorValentin Popov <info@valentineus.link>2018-04-24 16:15:30 +0300
committerValentin Popov <info@valentineus.link>2018-04-24 16:15:30 +0300
commitb6cc956fd4878f35fff1651fc2e0a7cfd26f87d0 (patch)
tree2717e43e5551c377823627ee59198811cccdd264 /_scss/utilities
parentfcc0a8db223f0017456c9c477b8ce847e0d499f1 (diff)
downloadpopov.link-b6cc956fd4878f35fff1651fc2e0a7cfd26f87d0.tar.xz
popov.link-b6cc956fd4878f35fff1651fc2e0a7cfd26f87d0.zip
Add borderradius
Signed-off-by: Valentin Popov <info@valentineus.link>
Diffstat (limited to '_scss/utilities')
-rw-r--r--_scss/utilities/_borderradius.scss13
1 files changed, 13 insertions, 0 deletions
diff --git a/_scss/utilities/_borderradius.scss b/_scss/utilities/_borderradius.scss
new file mode 100644
index 0000000..dd8f133
--- /dev/null
+++ b/_scss/utilities/_borderradius.scss
@@ -0,0 +1,13 @@
+// Border Radius
+//
+// The border-radius CSS property lets you round the corners of an element's outer border edge. You can specify a single radius to make circular corners, or two radii to make elliptical corners.
+//
+// Values: <length-percentage> | <length-percentage>
+// Default: 0
+//
+// https://www.w3.org/TR/css-backgrounds-3/#propdef-border-radius
+@mixin borderradius($value: 0) {
+ -webkit-border-radius: $value;
+ -moz-border-radius: $value;
+ border-radius: $value;
+}