Layout von Websiten mit Bootstrap und Foundation
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_border-radius.scss 1.8KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. // stylelint-disable property-blacklist
  2. // Single side border-radius
  3. // Helper function to replace negative values with 0
  4. @function valid-radius($radius) {
  5. $return: ();
  6. @each $value in $radius {
  7. @if type-of($value) == number {
  8. $return: append($return, max($value, 0));
  9. } @else {
  10. $return: append($return, $value);
  11. }
  12. }
  13. @return $return;
  14. }
  15. @mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
  16. @if $enable-rounded {
  17. border-radius: valid-radius($radius);
  18. }
  19. @else if $fallback-border-radius != false {
  20. border-radius: $fallback-border-radius;
  21. }
  22. }
  23. @mixin border-top-radius($radius) {
  24. @if $enable-rounded {
  25. border-top-left-radius: valid-radius($radius);
  26. border-top-right-radius: valid-radius($radius);
  27. }
  28. }
  29. @mixin border-right-radius($radius) {
  30. @if $enable-rounded {
  31. border-top-right-radius: valid-radius($radius);
  32. border-bottom-right-radius: valid-radius($radius);
  33. }
  34. }
  35. @mixin border-bottom-radius($radius) {
  36. @if $enable-rounded {
  37. border-bottom-right-radius: valid-radius($radius);
  38. border-bottom-left-radius: valid-radius($radius);
  39. }
  40. }
  41. @mixin border-left-radius($radius) {
  42. @if $enable-rounded {
  43. border-top-left-radius: valid-radius($radius);
  44. border-bottom-left-radius: valid-radius($radius);
  45. }
  46. }
  47. @mixin border-top-left-radius($radius) {
  48. @if $enable-rounded {
  49. border-top-left-radius: valid-radius($radius);
  50. }
  51. }
  52. @mixin border-top-right-radius($radius) {
  53. @if $enable-rounded {
  54. border-top-right-radius: valid-radius($radius);
  55. }
  56. }
  57. @mixin border-bottom-right-radius($radius) {
  58. @if $enable-rounded {
  59. border-bottom-right-radius: valid-radius($radius);
  60. }
  61. }
  62. @mixin border-bottom-left-radius($radius) {
  63. @if $enable-rounded {
  64. border-bottom-left-radius: valid-radius($radius);
  65. }
  66. }