I have set the $ topbar-height variable for a specific value, which is the default value .
I want to keep the default value for the mobile version.
How can I do this?
I just can not change the height value of
.topbar , because this variable is used by the foundation to create the topbar and its children's elements (line-height, padding, margin etc.) Many other qualities are done in.
I found out that this works:
@ Media # {$ small} {$ Topbar-height: 85px; @import "foundation / component / top-bar"; ...} There is probably no clear view (I must definitely check that it produces unnecessary CSS) but I like it, even if I respond well on the accusation (Maybe it's a question of what CSS is from even produced)
I think a real top-bar mixer will solve this problem: I'll add it as a suggestion. / P>
No comments:
Post a Comment