/* ###### Border ###### */ .border { border: 1px solid $border !important; } .border-top { border-top: 1px solid $border !important; } .border-end { border-right: 1px solid $border; } .border-bottom { border-bottom: 1px solid $border !important; } .border-start { border-left: 1px solid $border; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-end-0 { border-right: 0 ; } .border-bottom-0 { border-bottom: 0 !important; } .border-start-0 { border-left: 0 ; } .border-secondary { border-color: $secondary !important; } .border-success { border-color: $success !important; } .border-info { border-color: $info !important; } .border-warning { border-color: $warning !important; } .border-danger { border-color: $danger !important; } .border-light { border-color: $light !important; } .border-dark { border-color: $dark !important; } .border-white { border-color: $white !important; } .text-pink { color: $secondary !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 3px !important; } .rounded-top { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } .rounded-end { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } .rounded-bottom { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; } .rounded-start { border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; } .rounded-top-0 { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } .rounded-end-0 { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .rounded-bottom-0 { border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; } .rounded-start-0 { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } .rounded-top-11 { border-top-left-radius: 11px !important; border-top-right-radius: 11px !important; } .rounded-end-11 { border-top-right-radius: 11px !important; border-bottom-right-radius: 11px !important; } .rounded-bottom-11 { border-bottom-right-radius: 11px !important; border-bottom-left-radius: 11px !important; } .rounded-start-11 { border-top-left-radius: 11px !important; border-bottom-left-radius: 11px !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .bd-transparent { border-color: transparent; } .bd { border: 1px solid $border; } .bd-t { border-top: 1px solid $border; } .bd-r { border-right: 1px solid $border; } .bd-b { border-bottom: 1px solid $border; } .bd-l { border-left: 1px solid $border; } .bd-y { border-top: 1px solid $border; border-bottom: 1px solid $border; } .bd-x { border-left: 1px solid $border; border-right: 1px solid $border; } .bd-0 { border-width: 0; } .bd-1 { border-width: 1px; } .bd-2 { border-width: 2px; } .bd-3 { border-width: 3px; } .bd-4 { border-width: 4px; } .bd-5 { border-width: 5px; } .bd-t-0 { border-top: 0; } .bd-r-0 { border-right: 0; } .bd-b-0 { border-bottom: 0; } .bd-l-0 { border-left: 0; } .bd-y-0 { border-top-width: 0; border-bottom-width: 0; } .bd-y-1 { border-top-width: 1px; border-bottom-width: 1px; } .bd-x-0 { border-left-width: 0; border-right-width: 0; } .bd-x-1 { border-left-width: 1px; border-right-width: 1px; } .bd-secondary { border-color: $secondary; } .bd-success { border-color: $success; } .bd-warning { border-color: $warning; } .bd-danger { border-color: #f16d75; } .bd-info { border-color: $info; } .bd-white { border-color: $white; } .bd-gray-100 { border-color: $light; } .bd-gray-200, .bd-gray-300 { border-color: $background; } .bd-gray-400 { border-color: $border; } .bd-gray-500, .bd-gray-600 { border-color: #a8afc7; } .bd-gray-700 { border-color: #3c4858; } .bd-gray-800 { border-color: $dark; } .bd-gray-900 { border-color: #8f9cc0; } .bd-white-1 { border-color: $white-1; } .bd-white-2 { border-color: $white-2; } .bd-white-3 { border-color: $white-3; } .bd-white-4 { border-color: $white-4; } .bd-white-5 { border-color: $white-5; } .bd-white-6 { border-color: $white-6; } .bd-white-7 { border-color: $white-7; } .bd-white-8 { border-color: $white-8; } .rounded-5 { border-radius: 5px; } .rounded-10 { border-radius: 10px; } .rounded-20 { border-radius: 20px; } .rounded-30 { border-radius: 30px !important; } .rounded-40 { border-radius: 40px; } .rounded-50 { border-radius: 50px; } .bd-dashed { border-style: dashed; } .bd-dotted { border-style: dotted; } @media (min-width: 480px) { .bd-xs { border: 1px solid $border; } .bd-xs-t { border-top: 1px solid $border; } .bd-xs-r { border-right: 1px solid $border; } .bd-xs-b { border-bottom: 1px solid $border; } .bd-xs-l { border-left: 1px solid $border; } .bd-xs-y { border-top: 1px solid $border; border-bottom: 1px solid $border; } .bd-xs-x { border-left: 1px solid $border; border-right: 1px solid $border; } } @media (min-width: 576px) { .bd-sm { border: 1px solid $border; } .bd-sm-t { border-top: 1px solid $border; } .bd-sm-r { border-right: 1px solid $border; } .bd-sm-b { border-bottom: 1px solid $border; } .bd-sm-l { border-left: 1px solid $border; } .bd-sm-y { border-top: 1px solid $border; border-bottom: 1px solid $border; } .bd-sm-x { border-left: 1px solid $border; border-right: 1px solid $border; } } @media (min-width: 768px) { .bd-md { border: 1px solid $border; } .bd-md-t { border-top: 1px solid $border; } .bd-md-r { border-right: 1px solid $border; } .bd-md-b { border-bottom: 1px solid $border; } .bd-md-l { border-left: 1px solid $border; } .bd-md-y { border-top: 1px solid $border; border-bottom: 1px solid $border; } .bd-md-x { border-left: 1px solid $border; border-right: 1px solid $border; } } @media (min-width: 992px) { .bd-lg { border: 1px solid $border; } .bd-lg-t { border-top: 1px solid $border; } .bd-lg-r { border-right: 1px solid $border; } .bd-lg-b { border-bottom: 1px solid $border; } .bd-lg-l { border-left: 1px solid $border; } .bd-lg-y { border-top: 1px solid $border; border-bottom: 1px solid $border; } .bd-lg-x { border-left: 1px solid $border; border-right: 1px solid $border; } } @media (min-width: 1200px) { .bd-xl { border: 1px solid $border; } .bd-xl-t { border-top: 1px solid $border; } .bd-xl-r { border-right: 1px solid $border; } .bd-xl-b { border-bottom: 1px solid $border; } .bd-xl-l { border-left: 1px solid $border; } .bd-xl-y { border-top: 1px solid $border; border-bottom: 1px solid $border; } .bd-xl-x { border-left: 1px solid $border; border-right: 1px solid $border; } } .be-0{ border-radius:0; } .square { border-radius: 0 !important; } .radius { border-radius: 5px !important; } /* ###### Border ###### */