html - Do Bootstrap LESS variables stand for SCSS variables as well? -
this question has answer here:
i use bootstrap 3.3.6 projects.
i used write custom styles importing main bootstrap.less file , changing bootstrap less variales listed here:
http://getbootstrap.com/customize/#less-variables.
it worked ok.
now want try sass version of bootstrap.
i've set environment, replaced original bootstrap less files scss files , compiled stylesheets. looked far. tried change of variables, e.g.:
$navbar-height: 60px; $navbar-default-bg: #333333; taken have same names in less version. compiled no errors, new styles didn't have effect.
any ideas doing wrong?
for might looking answer, turned out need import original bootstrap files in end of file (after custom values) them take effect. seems caused original value set !default sass.
// import custom styles @import "colors"; @import "navbar"; // import original styles @import "../bootstrap/sass/bootstrap"; and, yes, bootstrap less values names listed on official website stand scss values well.
Comments
Post a Comment