Sass 我刚刚开始使用susy grid,并试图找出响应部分
苏西对我来说是新来的,对我来说是如此赤裸裸。我正在尝试为我的页面设置断点 这是站点文档中的演示代码Sass 我刚刚开始使用susy grid,并试图找出响应部分,sass,compass-sass,susy-compass,Sass,Compass Sass,Susy Compass,苏西对我来说是新来的,对我来说是如此赤裸裸。我正在尝试为我的页面设置断点 这是站点文档中的演示代码 // at-breakpoint(<$media-layout> [, <$font-size>]) { <@content> } @include at-breakpoint(30em 12) { .page { @include container; } } 你的答案在来源中: 文件中还包括: 你的答案在来源中: 文件中还包括: 我添加了一个更新,试图
// at-breakpoint(<$media-layout> [, <$font-size>]) { <@content> }
@include at-breakpoint(30em 12) {
.page { @include container; }
}
你的答案在来源中: 文件中还包括:
你的答案在来源中: 文件中还包括:
我添加了一个更新,试图澄清我不明白的地方。谢谢我添加了一个更新,试图澄清我不明白的地方。谢谢虽然不需要使用font size参数或参数名称,但您在那里所做的是正确的。@cimmanon的答案也是正确的。你犯了什么错误?编辑:您需要将@mixin更改为@include。您会遇到什么错误?根据文档,$media layout的值看起来是正确的。虽然不需要font size参数或参数名称,但您在那里执行的操作是正确的。@cimmanon的答案也是正确的。你犯了什么错误?编辑:您需要将@mixin更改为@include。您会遇到什么错误?根据文档,$media layout的值看起来是正确的。
@mixin at-breakpoint($media-layout: 30em 12, $base-font-size){
#mastHead{background: red;}
}
// Nest a block of code inside a new media-query and layout context.
//
// $media-layout : a list of values [$min $layout $max $ie] including...
// : - one unitless number (columns in a layout)
// : - two optional lengths (min and max-width media-query breakpoints).
// : - one optional boolean or string to trigger fallback support for IE.
// $font-size : [optional] The base font-size of your layout, if you are using ems.
// : - defaults to $base-font-size
@mixin at-breakpoint(
$media-layout,
$font-size: $base-font-size
) {
// stuff
}
// $media-layout: <min-width> <layout> <max-width> <ie-fallback>;
// - You must supply either <min-width> or <layout>.
$media-layout: 12; // Use 12-col layout at matching min-width.
$media-layout: 30em; // At min 30em, use closest fitting layout.
$media-layout: 30em 12; // At min 30em, use 12-col layout.
$media-layout: 12 60em; // Use 12 cols up to max 60em.
$media-layout: 30em 60em; // Between min 30em & max 60em, use closest layout.
$media-layout: 30em 12 60em;// Use 12 cols between min 30em & max 60em.
$media-layout: 60em 12 30em;// Same. Larger length will always be max-width.
$media-layout : 12 lt-ie9; // Output is included under `.lt-ie9` class,
// for use with IE conditional comments
// on the <html> tag.