More than 5 years have passed since last update.

メモ: 軽量cssフレームワークMilligram(IE8非対応)

Last updated at 2016-10-21Posted at 2016-06-20

学習コストが低くて良い。IE8非対応

Milligram | A minimalist CSS framework.

<link rel="stylesheet" href="https://cdn.rawgit.com/milligram/milligram/master/dist/milligram.css">

メモ: 軽量cssフレームワークskeleton使ってみた - Qiitaのサンプルに読ませるだけで以下

グリッド

index.html

<!DOCTYPE html>
<link rel="stylesheet" href="http://milligram.github.io/css/milligram.min.css">
<link rel="stylesheet" href="http://milligram.github.io/css/style.css">

<div class="container">
  <div class="row">
    <div class="column column-demo">.column</div>
    <div class="column column-demo">.column</div>
    <div class="column column-demo">.column</div>
    <div class="column column-demo">.column</div>
  </div>
  <div class="row">
    <div class="column column-demo">.column</div>
    <div class="column column-50 column-offset-25 column-demo">.column column-50 column-offset-25</div>
  </div>
</div>

<input type="button" value="hoge">

改良

input[type=text] ,select{ width: 40% ; }
input[type=submit] { padding: 0 1em; }
form { display: inline; }

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up