_border.scss 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
  1. .border {
  2. border: 1px solid $border !important;
  3. padding: 0.75rem;
  4. vertical-align: top;
  5. border: 1px solid $border;
  6. }
  7. .border-top {
  8. border-block-start: 1px solid $border !important;
  9. }
  10. .border-end {
  11. border-inline-end: 1px solid $border !important;
  12. }
  13. .border-bottom {
  14. border-block-end: 1px solid $border !important;
  15. }
  16. .border-start {
  17. border-inline-start: 1px solid $border !important;
  18. }
  19. .border-0 {
  20. border: 0 !important;
  21. }
  22. .border-top-0 {
  23. border-block-start: 0 !important;
  24. }
  25. .border-end-0 {
  26. border-inline-end: 0 !important;
  27. }
  28. .border-bottom-0 {
  29. border-block-end: 0 !important;
  30. }
  31. .border-start-0 {
  32. border-inline-start: 0 !important;
  33. }
  34. .border-secondary {
  35. border-color: $secondary !important;
  36. }
  37. .border-success {
  38. border-color: #1bbfa7 !important;
  39. }
  40. .border-info {
  41. border-color: $azure !important;
  42. }
  43. .border-warning {
  44. border-color: #ecb403 !important;
  45. }
  46. .border-danger {
  47. border-color: #f82649 !important;
  48. }
  49. .border-pink {
  50. border-color: $pink !important;
  51. }
  52. .border-orange {
  53. border-color: $orange !important;
  54. }
  55. .border-light {
  56. border-color: #f8f9fa !important;
  57. }
  58. .border-teansparent {
  59. border-color: #656a71!important;
  60. }
  61. .border-dark {
  62. border-color: $dark !important;
  63. }
  64. .border-white {
  65. border-color: $white !important;
  66. }
  67. .br-100 {
  68. border-radius: 100% !important;
  69. }
  70. .br-7 {
  71. border-radius: 7px !important;
  72. }
  73. .br-5 {
  74. border-radius: 5px !important;
  75. }
  76. .br-ts-7 {
  77. border-start-start-radius: 7px !important;
  78. }
  79. .br-bs-7 {
  80. border-end-start-radius: 7px !important;
  81. }
  82. .br-ts-5 {
  83. border-start-start-radius: 5px !important;
  84. }
  85. .br-bs-5 {
  86. border-end-start-radius: 5px !important;
  87. }
  88. .br-te-7 {
  89. border-start-end-radius: 7px !important;
  90. }
  91. .br-be-7 {
  92. border-end-end-radius: 7px !important;
  93. }
  94. .br-ts-0 {
  95. border-start-start-radius: 0px !important;
  96. }
  97. .br-bs-0 {
  98. border-end-start-radius: 0px !important;
  99. }
  100. .br-te-0 {
  101. border-start-end-radius: 0px !important;
  102. }
  103. .br-be-0 {
  104. border-end-end-radius: 0px !important;
  105. }
  106. .br-0 {
  107. border-radius: 0 !important;
  108. }
  109. .noborder {
  110. border-radius: 0;
  111. }
  112. .brround {
  113. border-radius: 50% !important;
  114. }
  115. .bradius {
  116. border-radius: 25%;
  117. }
  118. .border-danger {
  119. border: 1px solid;
  120. }
  121. .border-end-1 {
  122. border-inline-end: 1px solid #d5dce3;
  123. }
  124. .rounded {
  125. border-radius: 50% !important;
  126. }
  127. .rounded-top {
  128. border-start-start-radius: 3px !important;
  129. border-start-end-radius: 3px !important;
  130. }
  131. .rounded-end {
  132. border-start-end-radius: 3px !important;
  133. border-end-end-radius: 3px !important;
  134. }
  135. .rounded-bottom {
  136. border-end-end-radius: 3px !important;
  137. border-end-start-radius: 3px !important;
  138. }
  139. .rounded-start {
  140. border-start-start-radius: 3px !important;
  141. border-end-start-radius: 3px !important;
  142. }
  143. .rounded-circle {
  144. border-radius: 50% !important;
  145. }
  146. .rounded-0 {
  147. border-radius: 0 !important;
  148. }
  149. .clearfix::after {
  150. display: bsock;
  151. clear: both;
  152. content: "";
  153. }
  154. .border-dotted {
  155. border: 2px dotted;
  156. }
  157. .border-solid {
  158. border: 2px solid;
  159. }