//Background colors .bg-pink { background-color: $pink; } .bg-purple { background-color: $purple; } /* Margin / Padding classes */ .p-0 { padding: 0 !important; } .p-20 { padding: 20px !important; } .m-0 { margin: 0 !important; } .m-t-10 { margin-top: 10px !important; } .m-t-20 { margin-top: 20px !important; } .m-t-30 { margin-top: 30px !important; } .m-t-50 { margin-top: 50px !important; } .m-t-70 { margin-top: 70px !important; } .m-b-10 { margin-bottom: 10px !important; } .m-b-15 { margin-bottom: 15px !important; } .m-b-20 { margin-bottom: 20px !important; } .m-b-30 { margin-bottom: 30px !important; } .m-l-5 { margin-left: 5px !important; } .m-r-5 { margin-right: 5px !important; } @media (max-width: 767px) { .m-t-sm-40 { margin-top: 40px !important; } } @media (max-width: 480px) { .m-t-xs-40 { margin-top: 40px !important; } } /* Width */ .w-xs { min-width: 80px; } .w-sm { min-width: 95px; } .w-md { min-width: 110px; } .w-lg { min-width: 140px; } .font-13 { font-size: 13px; } .display-block { display: block; } /* Demo only */ .icon-list-demo div { cursor: pointer; line-height: 45px; white-space: nowrap; } .icon-list-demo div p { margin-bottom: 0; line-height: inherit; } .icon-list-demo i { text-align: center; margin: 0; vertical-align: middle; font-size: 24px; border: 1px solid $gray-lighter; width: 50px; height: 50px; line-height: 50px; margin-right: 12px; color: rgba($dark, 0.7); border-radius: 3px; display: inline-block; } .icon-list-demo .col-md-4 { -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; background-clip: padding-box; margin-bottom: 10px; } .icon-list-demo .col-md-4:hover { i { color: $custom; } } .icon-list-pe7 i { font-size: 28px; color: $dark; } /* Switchery demo */ .switchery-demo .switchery { margin-bottom: 10px; margin-right: 5px; } // Dropdown demo .dropdown-example { position: static; display: block; margin-bottom: .25rem; clear: left; }