zurb-foundation

Using a function in Sass is returning the string containing the name of the function rather than the result

南笙酒味 提交于 2019-11-26 02:15:31
问题 I\'m trying Zurb Foundation 5. So, I\'ve created a new project and try changing settings. When I changed, for example, $row-width: rem-calc(1170); in my-project/scss/settings.scss, it compiled (in my-project/stylesheets/app.css) into: .row { max-width: rem-calc(1170); } It seems like it doesn\'t know about rem-calc function. How to make it calculate rem-calc properly? 回答1: Your function doesn't exist. You must declare it (or import it from another file) before you use it. Sass does not throw

Responsive font size in CSS

亡梦爱人 提交于 2019-11-25 23:12:43
问题 I\'ve created a site using the Zurb Foundation 3 grid. Each page has a large h1 : body { font-size: 100% } /* Headers */ h1 { font-size: 6.2em; font-weight: 500; } <div class=\"row\"> <div class=\"twelve columns text-center\"> <h1> LARGE HEADER TAGLINE </h1> </div> <!-- End Tagline --> </div> <!-- End Row --> When I resize the browser to mobile size the large font doesn\'t adjust and causes the browser to include a horizontal scroll to accommodate for the large text. I\'ve noticed that on the