v7.1.0

HTML

Table of Contents

Detail

Reset の上に重ねる HTML タグ用の CSS。

Basic

SelectorDescription
body全体の背景色や文字を設定。
img画像タグの最大幅を設定。
img[src$=".svg"]SVG の IE バグ対策。
iframeiframe タグの最大幅を設定。

Variables

CSS Variables
Name
Default Value
Compiled Value
  • Name
    $selector-html-body
    Default Value
    body
    Compiled Value
    body
  • Name
    $selector-html-image
    Default Value
    img
    Compiled Value
    img
  • Name
    $selector-html-image-svg
    Default Value
    img[src$=".svg"]
    Compiled Value
    img[src$=".svg"]
  • Name
    $selector-html-iframe
    Default Value
    iframe
    Compiled Value
    iframe
  • Name
    $body-background-color
    Default Value
    $convert-body-background-color
    Compiled Value
    white
  • Name
    $body-color
    Default Value
    $convert-body-color
    Compiled Value
    rgba(0, 0, 0, 0.7)
  • Name
    $body-font-family
    Default Value
    $font-sans
    Compiled Value
    Hiragino Sans, Hiragino Kaku Gothic ProN, Noto Sans Japanese, Meiryo, Yu Gothic Medium, sans-serif
  • Name
    $body-line-height
    Default Value
    $line-height-md
    Compiled Value
    1.5

Mixins

  • musubii-style-html-body()
  • musubii-style-html-image()
  • musubii-style-html-image-svg()
  • musubii-style-html-iframe()

Sources