質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

1回答

1560閲覧

FLOCCSのobjectやprojectは、oocssの見た目と構造の分離を取り入れて、 margin、padding、fontsizeなどをそこには指定せず、 utilityにある下記のようなファ

退会済みユーザー

退会済みユーザー

総合スコア0

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2016/07/04 01:37

FLOCCSのobjectやprojectは、oocssの見た目と構造の分離を取り入れて、
margin、padding、fontsizeなどをそこには指定せず、
utilityにある下記のようなファイルを利用して、できる限り指定するそうですが、
1px単位で幅などを指定しないといけない場合や下記にない場合はどうすればよいでしょうか?
できる限り下記でやるべきですが、無理な場合だけobjectやprojectに記載してよいということでしょうか?

・utilityの例

/* margin - utility --------------------------------------------------------- */ /* auto margin */ .u-m-c{ margin-right: auto !important; margin-left: auto !important; } /* Top margin */ .u-mt-0{ margin-top: 0 !important; } .u-mt-8{ margin-top: 8px !important; } .u-mt-16{ margin-top: 16px !important; } .u-mt-24{ margin-top: 24px !important; } .u-mt-32{ margin-top: 32px !important; } .u-mt-40{ margin-top: 40px !important; } .u-mt-48{ margin-top: 48px !important; } .u-mt-56{ margin-top: 56px !important; } .u-mt-64{ margin-top: 64px !important; }

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

sassのmixinで動的にマージン値設定して対応すりゃーええやん

投稿2016/07/05 03:48

harashow1701

総合スコア854

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問