_utilities.scss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. /* Utilities */
  2. .grid-margin {
  3. margin-bottom: $card-spacing-y;
  4. }
  5. .grid-margin-sm-0 {
  6. @media (min-width: 576px) {
  7. margin-bottom: 0;
  8. }
  9. }
  10. .grid-margin-md-0 {
  11. @media (min-width: 768px) {
  12. margin-bottom: 0;
  13. }
  14. }
  15. .grid-margin-lg-0 {
  16. @media (min-width: 992px) {
  17. margin-bottom: 0;
  18. }
  19. }
  20. .grid-margin-xl-0 {
  21. @media (min-width: 1200px) {
  22. margin-bottom: 0;
  23. }
  24. }
  25. .img-lg {
  26. width: 92px;
  27. height: 92px;
  28. }
  29. .img-sm {
  30. width: 43px;
  31. height: 43px;
  32. }
  33. .img-xs {
  34. width: 37px;
  35. height: 37px;
  36. }
  37. .img-ss {
  38. width: 26px;
  39. height: 26px;
  40. }
  41. .stretch-card {
  42. @include display-flex;
  43. @include align-items(stretch);
  44. @include justify-content(stretch);
  45. >.card{
  46. width: 100%;
  47. min-width: 100%;
  48. }
  49. }
  50. .border-right-sm {
  51. @media (min-width: 576px) {
  52. border-right: $border-width solid $border-color;
  53. }
  54. }
  55. .border-right-md {
  56. @media (min-width: 768px) {
  57. border-right: $border-width solid $border-color;
  58. }
  59. }
  60. .border-right-lg {
  61. @media (min-width: 992px) {
  62. border-right: $border-width solid $border-color;
  63. }
  64. }
  65. .border-left-sm {
  66. @media (min-width: 576px) {
  67. border-left: $border-width solid $border-color;
  68. }
  69. }
  70. .border-left-md {
  71. @media (min-width: 768px) {
  72. border-left: $border-width solid $border-color;
  73. }
  74. }
  75. .border-left-lg {
  76. @media (min-width: 992px) {
  77. border-left: $border-width solid $border-color;
  78. }
  79. }
  80. .text-gray {
  81. color: #8c8c8c;
  82. }
  83. .text-black {
  84. color: $black;
  85. }
  86. .text-small {
  87. font-size: 12px;
  88. }
  89. .flex-grow {
  90. flex-grow: 1;
  91. }
  92. .font-weight-light {
  93. font-family: $type1-light;
  94. }
  95. .font-weight-bold {
  96. font-family: $type1-bold;
  97. }
  98. .font-weight-normal {
  99. font-family: $type1-regular;
  100. }