git.roojs.org Git - roojs1/blob - scss/bootstrap/utilities/_borders.scss

   1 // stylelint-disable property-disallowed-list, declaration-no-important
   2
   3 //
   4 // Border
   5 //
   6
   7 .border         { border: $border-width solid $border-color !important; }
   8 .border-top     { border-top: $border-width solid $border-color !important; }
   9 .border-right   { border-right: $border-width solid $border-color !important; }
  10 .border-bottom  { border-bottom: $border-width solid $border-color !important; }
  11 .border-left    { border-left: $border-width solid $border-color !important; }
  12
  13 .border-0        { border: 0 !important; }
  14 .border-top-0    { border-top: 0 !important; }
  15 .border-right-0  { border-right: 0 !important; }
  16 .border-bottom-0 { border-bottom: 0 !important; }
  17 .border-left-0   { border-left: 0 !important; }
  18
  19 @each $color, $value in $theme-colors {
  20   .border-#{$color} {
  21     border-color: $value !important;
  22   }
  23 }
  24
  25 .border-white {
  26   border-color: $white !important;
  27 }
  28
  29 //
  30 // Border-radius
  31 //
  32
  33 .rounded-sm {
  34   border-radius: $border-radius-sm !important;
  35 }
  36
  37 .rounded {
  38   border-radius: $border-radius !important;
  39 }
  40
  41 .rounded-top {
  42   border-top-left-radius: $border-radius !important;
  43   border-top-right-radius: $border-radius !important;
  44 }
  45
  46 .rounded-right {
  47   border-top-right-radius: $border-radius !important;
  48   border-bottom-right-radius: $border-radius !important;
  49 }
  50
  51 .rounded-bottom {
  52   border-bottom-right-radius: $border-radius !important;
  53   border-bottom-left-radius: $border-radius !important;
  54 }
  55
  56 .rounded-left {
  57   border-top-left-radius: $border-radius !important;
  58   border-bottom-left-radius: $border-radius !important;
  59 }
  60
  61 .rounded-lg {
  62   border-radius: $border-radius-lg !important;
  63 }
  64
  65 .rounded-circle {
  66   border-radius: 50% !important;
  67 }
  68
  69 .rounded-pill {
  70   border-radius: $rounded-pill !important;
  71 }
  72
  73 .rounded-0 {
  74   border-radius: 0 !important;
  75 }