diff options
author | Justin <justinhuang@me.com> | 2019-01-13 22:49:25 +0300 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2019-01-13 22:49:25 +0300 |
commit | 8f5abf0ab08c2ce734990e9ff274939ea5ad9fcf (patch) | |
tree | 27fb776be3e72ac71120b5aceb6206847de45837 /scss | |
parent | fd4d426e51377c63c1bdbb7044ff6d775f57c689 (diff) |
Add new rounded sizes classes (#28011)
* update border-radius mixins
Add $enable-rounded as a keyword argument to border-raidus mixins
* Update rounded classes
- use border-radius mixins to repleace !important
- use true for $enable-rounded for rounded classes
- Add `.rounded-sm` and `.rounded-sm` #27934
* update borders docs
* Revert touch of dist files
* Revert change of border-radius mixins
* use !important in border-radius utilies classes
* update border radius classes keep only rounded-lg and rounded-sm
Diffstat (limited to 'scss')
-rw-r--r-- | scss/utilities/_borders.scss | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/scss/utilities/_borders.scss b/scss/utilities/_borders.scss index 78c9cb5b2d..302f6bf849 100644 --- a/scss/utilities/_borders.scss +++ b/scss/utilities/_borders.scss @@ -30,26 +30,38 @@ // Border-radius // +.rounded-sm { + border-radius: $border-radius-sm !important; +} + .rounded { border-radius: $border-radius !important; } + .rounded-top { border-top-left-radius: $border-radius !important; border-top-right-radius: $border-radius !important; } + .rounded-right { border-top-right-radius: $border-radius !important; border-bottom-right-radius: $border-radius !important; } + .rounded-bottom { border-bottom-right-radius: $border-radius !important; border-bottom-left-radius: $border-radius !important; } + .rounded-left { border-top-left-radius: $border-radius !important; border-bottom-left-radius: $border-radius !important; } +.rounded-lg { + border-radius: $border-radius-lg !important; +} + .rounded-circle { border-radius: 50% !important; } |