css - Compass/Susy at-breakpoint specificity issues -
often when writing scss new at-breakpoints--also breakpoints not change layout, nonetheless still change styles @ breakpoints--if not specify did higher in code, at-breakpoint not override previous css. example, if in first instantiation of scss write layout header. if write header width, next inside of nav, , inside of ul, , inside of li, etc. if want change later, can't nest, example, li inside header in order change font. have re-list entire code before maintain same order of specificity.
am missing obvious way around this?
an example might be:
#about { @include span-columns(24,24); #contain_about { section { @include span-columns(20,20); } #profiles { @include span-columns(20,20); .profile { @include span-columns(20,20); .expandinside { @include span-columns(20,20); .hgroupinside { h1.description { font-size: 1.25em; } } } } } } }
just change font-size element.
Comments
Post a Comment