_border-radius.scss 722 B

1234567891011121314151617181920212223242526272829303132333435
  1. // Single side border-radius
  2. @mixin border-radius($radius: $border-radius) {
  3. @if $enable-rounded {
  4. border-radius: $radius;
  5. }
  6. }
  7. @mixin border-top-radius($radius) {
  8. @if $enable-rounded {
  9. border-top-left-radius: $radius;
  10. border-top-right-radius: $radius;
  11. }
  12. }
  13. @mixin border-right-radius($radius) {
  14. @if $enable-rounded {
  15. border-top-right-radius: $radius;
  16. border-bottom-right-radius: $radius;
  17. }
  18. }
  19. @mixin border-bottom-radius($radius) {
  20. @if $enable-rounded {
  21. border-bottom-right-radius: $radius;
  22. border-bottom-left-radius: $radius;
  23. }
  24. }
  25. @mixin border-left-radius($radius) {
  26. @if $enable-rounded {
  27. border-top-left-radius: $radius;
  28. border-bottom-left-radius: $radius;
  29. }
  30. }