{"id":3114,"date":"2014-04-19T04:10:45","date_gmt":"2014-04-18T19:10:45","guid":{"rendered":"http:\/\/blog.cgfm.jp\/garyu\/?p=3114"},"modified":"2014-04-19T04:14:08","modified_gmt":"2014-04-18T19:14:08","slug":"foundation5%e3%81%a7%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%82%92%e3%82%aa%e3%83%95%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95sass%e3%81%ae%e3%81%bf%ef%bc%89","status":"publish","type":"post","link":"https:\/\/blog.cgfm.jp\/garyu\/archives\/3114","title":{"rendered":"Foundation5\u3067\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u3092\u30aa\u30d5\u306b\u3059\u308b\u65b9\u6cd5(sass\u306e\u307f\uff09"},"content":{"rendered":"

\u81ea\u5206\u7528\u306b\u30e1\u30e2\u3002<\/p>\n

CSS\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af Foundation5<\/a> \u3067\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u306e\u6a5f\u80fd\u3092\u30aa\u30d5\u306b\u3059\u308b\u65b9\u6cd5\u3067\u3059\u3002
\n_settings.scss \u3092\u958b\u304d\u307e\u3059\u3002<\/p>\n

\u4ee5\u4e0b\u306e\u7b87\u6240\u3092\u63a2\u3057\u307e\u3059\u3002
\n[css]
\n\/\/ $screen: “only screen”;<\/p>\n

\/\/ $landscape: “#{$screen} and (orientation: landscape)”;
\n\/\/ $portrait: “#{$screen} and (orientation: portrait)”;<\/p>\n

\/\/ $small-up: $screen;
\n\/\/ $small-only: “#{$screen} and (max-width: #{upper-bound($small-range)})”;<\/p>\n

\/\/ $medium-up: “#{$screen} and (min-width:#{lower-bound($medium-range)})”;
\n\/\/ $medium-only: “#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})”;<\/p>\n

\/\/ $large-up: “#{$screen} and (min-width:#{lower-bound($large-range)})”;
\n\/\/ $large-only: “#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})”;<\/p>\n

\/\/ $xlarge-up: “#{$screen} and (min-width:#{lower-bound($xlarge-range)})”;
\n\/\/ $xlarge-only: “#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})”;<\/p>\n

\/\/ $xxlarge-up: “#{$screen} and (min-width:#{lower-bound($xxlarge-range)})”;
\n\/\/ $xxlarge-only: “#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})”;
\n[\/css]<\/p>\n

\u4ee5\u4e0b\u306b\u4fee\u6b63
\n[css]
\n$screen: “only screen”;<\/p>\n

$small-up: $screen;
\n$small-only: $screen;<\/p>\n

$medium-up: $screen;
\n$medium-only: $screen;<\/p>\n

$large-up: $screen;
\n$large-only: $screen;<\/p>\n

$xlarge-up:$screen;
\n$xlarge-only: $screen;<\/p>\n

$xxlarge-up: $screen;
\n$xxlarge-only: $screen;
\n[\/css]<\/p>\n

\u8981\u306f\u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea\u3092\u5168\u90e8\u540c\u3058\u5024\u306b\u3057\u3066\u3057\u307e\u3046\u5f37\u5f15\u306a\u65b9\u6cd5\u3067\u3059\u3002
\n\u7121\u99c4\u306a\u30bd\u30fc\u30b9\u306f\u51fa\u529b\u3055\u308c\u3066\u3057\u307e\u3044\u307e\u3059\u304c\u3001PC\u7248\u3060\u3051\u3067\u53d6\u308a\u6025\u304e\u4f5c\u6210\u3057\u305f\u3044\u5834\u5408\u306b\u3069\u3046\u305e\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"

\u81ea\u5206\u7528\u306b\u30e1\u30e2\u3002 CSS\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af Foundation5 \u3067\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u306e\u6a5f\u80fd\u3092\u30aa\u30d5\u306b\u3059\u308b\u65b9\u6cd5\u3067\u3059\u3002 _settings.scss \u3092\u958b\u304d\u307e\u3059\u3002 \u4ee5\u4e0b\u306e\u7b87\u6240\u3092\u63a2\u3057\u307e\u3059\u3002 [css] \/\/ $screen: &#822 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":"","footnotes":""},"categories":[7],"tags":[350,351,335,336,8,78],"class_list":["post-3114","post","type-post","status-publish","format-standard","hentry","category-css","tag-foundation","tag-foundation5","tag-sass","tag-scss","tag-tips","tag-78"],"_links":{"self":[{"href":"https:\/\/blog.cgfm.jp\/garyu\/wp-json\/wp\/v2\/posts\/3114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.cgfm.jp\/garyu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.cgfm.jp\/garyu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.cgfm.jp\/garyu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.cgfm.jp\/garyu\/wp-json\/wp\/v2\/comments?post=3114"}],"version-history":[{"count":3,"href":"https:\/\/blog.cgfm.jp\/garyu\/wp-json\/wp\/v2\/posts\/3114\/revisions"}],"predecessor-version":[{"id":3117,"href":"https:\/\/blog.cgfm.jp\/garyu\/wp-json\/wp\/v2\/posts\/3114\/revisions\/3117"}],"wp:attachment":[{"href":"https:\/\/blog.cgfm.jp\/garyu\/wp-json\/wp\/v2\/media?parent=3114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.cgfm.jp\/garyu\/wp-json\/wp\/v2\/categories?post=3114"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.cgfm.jp\/garyu\/wp-json\/wp\/v2\/tags?post=3114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}