// Custom.scss // Option B: Include parts of Bootstrap // Required @import "assets/scss/functions"; @import "assets/scss/variables"; @import "assets/scss/mixins"; // Optional @import "assets/scss/reboot"; @import "assets/scss/type"; @import "assets/scss/images"; @import "assets/scss/code"; @import "assets/scss/grid"; // Your variable overrides $body-bg: #000; $body-color: #111; // Bootstrap and its default variables @import "assets/scss/bootstrap"; $theme-colors: ( "primary": #0074d9, "danger": #ff4136 "projeto": #900 ); //Navbar .navbar-margin { margin-left: 5px; margin-right: 5px; } // Extra small devices (portrait phones, less than 576px) @media (max-width: 575.98px) { .navbar-margin { margin-left: 5px; margin-right: 5px; } } // Small devices (landscape phones, 576px and up) @media (min-width: 576px) and (max-width: 767.98px) { ... } // Medium devices (tablets, 768px and up) @media (min-width: 768px) and (max-width: 991.98px) { ... } // Large devices (desktops, 992px and up) @media (min-width: 992px) and (max-width: 1199.98px) { ... } // Extra large devices (large desktops, 1200px and up) @media (min-width: 1200px) { ... }