Bootstrap 4
The Build
$ npm start
@import framework/core
_application.scss
@import variables
@import global_colors
@import <partner>_variables
(Bootstrap variables)
<partner>_application.scss
...and THEN Bootstrap styles are loaded
and this loads...
(our Bootstrap variable overrides)
...followed by our Bootstrap style overrides
_variables.scss
_variables.scss
common to all partners
overrides Bootstrap defaults
(including Adwerx)
_global_colors.scss
_adwerx_variables.scss
Any partner can work this same way
what's with the color names?
$gold-pirate
1 rem = 16px
custom components!
.menu_accordion
Bootstrap components!
.card
components!
Welcome to responsive!
Bootstrap does responsive
(XS) 320/375 - 575
SM 576 - 767
MD 768 - 991
LG 992 - 1199
XL 1200 - ????
media queries
Responsive utilities
Bootstrap
By amy_nc
