_borders.less 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. //
  2. // Border
  3. //
  4. .border { border: @border-width solid @border-color !important; }
  5. .border-top { border-top: @border-width solid @border-color !important; }
  6. .border-right { border-right: @border-width solid @border-color !important; }
  7. .border-bottom { border-bottom: @border-width solid @border-color !important; }
  8. .border-left { border-left: @border-width solid @border-color !important; }
  9. .border-0 { border: 0 !important; }
  10. .border-top-0 { border-top: 0 !important; }
  11. .border-right-0 { border-right: 0 !important; }
  12. .border-bottom-0 { border-bottom: 0 !important; }
  13. .border-left-0 { border-left: 0 !important; }
  14. each(@theme-colors, #(@value, @color) {
  15. .border-@{color} {
  16. border-color: @value !important;
  17. }
  18. });
  19. .border-white {
  20. border-color: @white !important;
  21. }
  22. //
  23. // Border-radius
  24. //
  25. .rounded-sm {
  26. border-radius: @border-radius-sm !important;
  27. }
  28. .rounded {
  29. border-radius: @border-radius !important;
  30. }
  31. .rounded-top {
  32. border-top-left-radius: @border-radius !important;
  33. border-top-right-radius: @border-radius !important;
  34. }
  35. .rounded-right {
  36. border-top-right-radius: @border-radius !important;
  37. border-bottom-right-radius: @border-radius !important;
  38. }
  39. .rounded-bottom {
  40. border-bottom-right-radius: @border-radius !important;
  41. border-bottom-left-radius: @border-radius !important;
  42. }
  43. .rounded-left {
  44. border-top-left-radius: @border-radius !important;
  45. border-bottom-left-radius: @border-radius !important;
  46. }
  47. .rounded-lg {
  48. border-radius: @border-radius-lg !important;
  49. }
  50. .rounded-circle {
  51. border-radius: 50% !important;
  52. }
  53. .rounded-pill {
  54. border-radius: @rounded-pill !important;
  55. }
  56. .rounded-0 {
  57. border-radius: 0 !important;
  58. }