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

Popular posts from this blog

c# - DetailsView in ASP.Net - How to add another column on the side/add a control in each row? -

javascript - firefox memory leak -

Trying to import CSV file to a SQL Server database using asp.net and c# - can't find what I'm missing -