border-management.scss 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. @mixin border-management($parent-cls, $border-width, $border-color) {
  2. .#{$prefix}#{$parent-cls}-outer-border-l {
  3. border-left-color: left($border-color) !important;
  4. border-left-width: left($border-width) !important;
  5. }
  6. .#{$prefix}#{$parent-cls}-outer-border-b {
  7. border-bottom-color: bottom($border-color) !important;
  8. border-bottom-width: bottom($border-width) !important;
  9. }
  10. .#{$prefix}#{$parent-cls}-outer-border-bl {
  11. border-bottom-color: bottom($border-color) !important;
  12. border-bottom-width: bottom($border-width) !important;
  13. border-left-color: left($border-color) !important;
  14. border-left-width: left($border-width) !important;
  15. }
  16. .#{$prefix}#{$parent-cls}-outer-border-r {
  17. border-right-color: right($border-color) !important;
  18. border-right-width: right($border-width) !important;
  19. }
  20. .#{$prefix}#{$parent-cls}-outer-border-rl {
  21. border-right-color: right($border-color) !important;
  22. border-right-width: right($border-width) !important;
  23. border-left-color: left($border-color) !important;
  24. border-left-width: left($border-width) !important;
  25. }
  26. .#{$prefix}#{$parent-cls}-outer-border-rb {
  27. border-right-color: right($border-color) !important;
  28. border-right-width: right($border-width) !important;
  29. border-bottom-color: bottom($border-color) !important;
  30. border-bottom-width: bottom($border-width) !important;
  31. }
  32. .#{$prefix}#{$parent-cls}-outer-border-rbl {
  33. border-right-color: right($border-color) !important;
  34. border-right-width: right($border-width) !important;
  35. border-bottom-color: bottom($border-color) !important;
  36. border-bottom-width: bottom($border-width) !important;
  37. border-left-color: left($border-color) !important;
  38. border-left-width: left($border-width) !important;
  39. }
  40. .#{$prefix}#{$parent-cls}-outer-border-t {
  41. border-top-color: top($border-color) !important;
  42. border-top-width: top($border-width) !important;
  43. }
  44. .#{$prefix}#{$parent-cls}-outer-border-tl {
  45. border-top-color: top($border-color) !important;
  46. border-top-width: top($border-width) !important;
  47. border-left-color: left($border-color) !important;
  48. border-left-width: left($border-width) !important;
  49. }
  50. .#{$prefix}#{$parent-cls}-outer-border-tb {
  51. border-top-color: top($border-color) !important;
  52. border-top-width: top($border-width) !important;
  53. border-bottom-color: bottom($border-color) !important;
  54. border-bottom-width: bottom($border-width) !important;
  55. }
  56. .#{$prefix}#{$parent-cls}-outer-border-tbl {
  57. border-top-color: top($border-color) !important;
  58. border-top-width: top($border-width) !important;
  59. border-bottom-color: bottom($border-color) !important;
  60. border-bottom-width: bottom($border-width) !important;
  61. border-left-color: left($border-color) !important;
  62. border-left-width: left($border-width) !important;
  63. }
  64. .#{$prefix}#{$parent-cls}-outer-border-tr {
  65. border-top-color: top($border-color) !important;
  66. border-top-width: top($border-width) !important;
  67. border-right-color: right($border-color) !important;
  68. border-right-width: right($border-width) !important;
  69. }
  70. .#{$prefix}#{$parent-cls}-outer-border-trl {
  71. border-top-color: top($border-color) !important;
  72. border-top-width: top($border-width) !important;
  73. border-right-color: right($border-color) !important;
  74. border-right-width: right($border-width) !important;
  75. border-left-color: left($border-color) !important;
  76. border-left-width: left($border-width) !important;
  77. }
  78. .#{$prefix}#{$parent-cls}-outer-border-trb {
  79. border-top-color: top($border-color) !important;
  80. border-top-width: top($border-width) !important;
  81. border-right-color: right($border-color) !important;
  82. border-right-width: right($border-width) !important;
  83. border-bottom-color: bottom($border-color) !important;
  84. border-bottom-width: bottom($border-width) !important;
  85. }
  86. .#{$prefix}#{$parent-cls}-outer-border-trbl {
  87. border-color: $border-color !important;
  88. border-width: $border-width !important;
  89. }
  90. }