-
#169 で作成したBoxレイアウトでは `.is-separate` または `.is-separate-parent .is-separate-child` で区切り線が引ける。
設計上、`:not(:first-child)` で `border-top` を引くか `:not(:last-child)` で `border-bottom` を引くことになるが、前者を選んでいた。
…
-
以下修正の不具合。
> - [Form:Selectタグが伸びないバグ · Issue #133 · qrac/musubii](https://github.com/qrac/musubii/issues/133)
![image](https://user-images.githubusercontent.com/9658016/53853699-e3aa8f80-4009-11e…
-
以下修正によって発生した不具合。
> - [Flex:フルサイズ幅をautoで変更できない不具合の解決 · Issue #123 · qrac/musubii](https://github.com/qrac/musubii/issues/123)
![image](https://user-images.githubusercontent.com/9658016/53854918-c…
-
`$primary` などはプロジェクト側で持っておかないとオーバーライドの順序が統一できないため、以下の変数は排除する。
```scss
//----------------------------------------------------
// / Theme
//----------------------------------------------------
…
-
MUSUBiiを元にVueコンポーネントを作る場合、1つのSCSSファイルに同封されているスタイルが多くネックになる。そこで、状態やパターンごとにスタイルを小分けにして重複した呼び出しを行わないようにする。従来通りのパスでも読み込めるようインポートの設計を行う。
-
macOS 10.13・iOS11以降のSafariでは、`font-family` に `-apple-system` を指定するとSanfranciscoに加えて小ぶりのヒラギノ角ゴシックが出力される。
> - [San Franciscoと日本語フォント―terkel.jp](https://terkel.jp/archives/2018/07/san-francisco-and-ja…
-
`body` の文字色が `#000` 以外の場合(※ここでは確認のためわかりやすい `red` を指定)
## Before
![image](https://user-images.githubusercontent.com/9658016/47973188-7253e200-e0e6-11e8-8aaa-24fd3c831bad.png)
`button` `input` …
-
- [フォームパーツ内の高さをline-heightで調整 · Issue #72 · qrac/musubii](https://github.com/qrac/musubii/issues/72)
- [ボタン内の高さをline-heightで調整 · Issue #70 · qrac/musubii](https://github.com/qrac/musubii/issues/70)
…
-
![img_8417](https://user-images.githubusercontent.com/9658016/43363658-eb652360-9344-11e8-8427-816627904259.JPG)
モバイルでフォーカスした時にline-heightが大きすぎるため不自然。高さのバグフィックスに関わらないようであればline-heightを標準にする。
-
## before
幅をフルサイズにしている場合に、メディアクエリでautoに戻せない。
```scss
.is-mobile-full {
flex: 0 1 100%;
max-width: 100%;
width: 100%;
}
.is-tablet-auto {
flex: 0 1 auto;
max-width: …