Home Explore Help
Sign In
SMusatov
/
gentelella
mirror of https://github.com/ColorlibHQ/gentelella.git
1
0
Fork 0
Files
Branch: Gentelella-BS4
Branches Tags
gentelella
/
vendors
/
bootstrap
/
scss
/
utilities
/
_borders.scss

_borders.scss 1.5 KB
Permalink History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 
  1. // stylelint-disable declaration-no-important
    2. 

  2. 

  3. //
    4. 

  4. // Border
    5. 

  5. //
    6. 

  6. 

  7. .border         { border: $border-width solid $border-color !important; }
    8. 

  8. .border-top     { border-top: $border-width solid $border-color !important; }
    9. 

  9. .border-right   { border-right: $border-width solid $border-color !important; }
    10. 

  10. .border-bottom  { border-bottom: $border-width solid $border-color !important; }
    11. 

  11. .border-left    { border-left: $border-width solid $border-color !important; }
    12. 

  12. 

  13. .border-0        { border: 0 !important; }
    14. 

  14. .border-top-0    { border-top: 0 !important; }
    15. 

  15. .border-right-0  { border-right: 0 !important; }
    16. 

  16. .border-bottom-0 { border-bottom: 0 !important; }
    17. 

  17. .border-left-0   { border-left: 0 !important; }
    18. 

  18. 

  19. @each $color, $value in $theme-colors {
    20. 

  20.   .border-#{$color} {
    21. 

  21.     border-color: $value !important;
    22. 

  22.   }
    23. 

  23. }
    24. 

  24. 

  25. .border-white {
    26. 

  26.   border-color: $white !important;
    27. 

  27. }
    28. 

  28. 

  29. //
    30. 

  30. // Border-radius
    31. 

  31. //
    32. 

  32. 

  33. .rounded {
    34. 

  34.   border-radius: $border-radius !important;
    35. 

  35. }
    36. 

  36. .rounded-top {
    37. 

  37.   border-top-left-radius: $border-radius !important;
    38. 

  38.   border-top-right-radius: $border-radius !important;
    39. 

  39. }
    40. 

  40. .rounded-right {
    41. 

  41.   border-top-right-radius: $border-radius !important;
    42. 

  42.   border-bottom-right-radius: $border-radius !important;
    43. 

  43. }
    44. 

  44. .rounded-bottom {
    45. 

  45.   border-bottom-right-radius: $border-radius !important;
    46. 

  46.   border-bottom-left-radius: $border-radius !important;
    47. 

  47. }
    48. 

  48. .rounded-left {
    49. 

  49.   border-top-left-radius: $border-radius !important;
    50. 

  50.   border-bottom-left-radius: $border-radius !important;
    51. 

  51. }
    52. 

  52. 

  53. .rounded-circle {
    54. 

  54.   border-radius: 50% !important;
    55. 

  55. }
    56. 

  56. 

  57. .rounded-0 {
    58. 

  58.   border-radius: 0 !important;
    59. 

  59. }
    60.