_border-radius.scss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. // stylelint-disable property-blacklist
  2. // Single side border-radius
  3. @mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
  4. @if $enable-rounded {
  5. border-radius: $radius;
  6. }
  7. @else if $fallback-border-radius != false {
  8. border-radius: $fallback-border-radius;
  9. }
  10. }
  11. @mixin border-top-radius($radius) {
  12. @if $enable-rounded {
  13. border-top-left-radius: $radius;
  14. border-top-right-radius: $radius;
  15. }
  16. }
  17. @mixin border-right-radius($radius) {
  18. @if $enable-rounded {
  19. border-top-right-radius: $radius;
  20. border-bottom-right-radius: $radius;
  21. }
  22. }
  23. @mixin border-bottom-radius($radius) {
  24. @if $enable-rounded {
  25. border-bottom-right-radius: $radius;
  26. border-bottom-left-radius: $radius;
  27. }
  28. }
  29. @mixin border-left-radius($radius) {
  30. @if $enable-rounded {
  31. border-top-left-radius: $radius;
  32. border-bottom-left-radius: $radius;
  33. }
  34. }
  35. @mixin border-top-left-radius($radius) {
  36. @if $enable-rounded {
  37. border-top-left-radius: $radius;
  38. }
  39. }
  40. @mixin border-top-right-radius($radius) {
  41. @if $enable-rounded {
  42. border-top-right-radius: $radius;
  43. }
  44. }
  45. @mixin border-bottom-right-radius($radius) {
  46. @if $enable-rounded {
  47. border-bottom-right-radius: $radius;
  48. }
  49. }
  50. @mixin border-bottom-left-radius($radius) {
  51. @if $enable-rounded {
  52. border-bottom-left-radius: $radius;
  53. }
  54. }