引导V4栅格尺寸/萨斯名单

我想在我的项目，使用引导v4的变量，但它是一个存储阵列（_variables.scss）内：引导V4栅格尺寸/萨斯名单

$grid-breakpoints: (
    xs: 0, 
    sm: 544px, 
    md: 768px, 
    lg: 992px, 
    xl: 1200px 
) !default;

我怎么能reffer它在我顶嘴：

@media(max-width: $grid-breakpoints[xs]) { 
font-size: 20px; 
}

请帮我:(

来源

2016-09-17 Rostislav Dascal

请咨询SASS文档。这是该语言的基本特征。搜索'import'。 – Kroltan

@Kroltan你的rtfm评论是非生产性的，这是一个q＆a网站，它是一个合法的问题。 – Lee

@Lee在撰写本文时，我可能没有时间发布完整答案。在我看来，建议寻找什么至少比不说任何话要更有成效。 – Kroltan

您可以使用$map-get ..

@media (min-width: map-get($grid-breakpoints, xs)) and (max-width: map-get($grid-breakpoints, sm)){ 
    [class*='col-'] { 
    font-size: 20px; 
    } 
}

$grid-breakpoints demo

也有在引导4几个断点混入可以用来针对特定断点...

@include media-breakpoint-between(sm, md){ 
    ... 
} 

@include media-breakpoint-only(lg){ 
    ... 
}

media-breakpoint mixin demo

来源

2016-09-17 12:01:16 ZimSystem

感谢它的工作，我喜欢媒体断点:) –

引导V4栅格尺寸/萨斯名单

回答

相关问题