Base styles - Kris-Bastiani/CSS-Styleguide GitHub Wiki

Base styles

Rules

These should be grouped into partials inside _partials/base/ according to their function, broadly following the method used by MDN:

  • Root
  • Sectioning
  • Text content
  • Text semantics
  • Media
  • Embedded content
  • Scripting
  • Demarcating edits
  • Tables
  • Forms
  • Interactive

Groups

Root

  • *
  • body
  • html

Sectioning

  • address
  • article
  • aside
  • footer
  • header
  • h1
  • h2
  • h3
  • h4
  • h5
  • h6
  • hgroup
  • main
  • nav
  • section

Text content

  • blockquote
  • dd
  • div
  • dl
  • dt
  • figcaption
  • figure
  • hr
  • li
  • ol
  • p
  • pre
  • ul

Text semantics

  • a
  • abbr
  • b
  • bdi
  • bdo
  • cite
  • code
  • data
  • dfn
  • em
  • i
  • kbd
  • mark
  • q
  • rb
  • rp
  • rt
  • rtc
  • ruby
  • s
  • samp
  • small
  • span
  • strong
  • sub
  • sup
  • time
  • u
  • var

Media

  • area
  • audio
  • img
  • map
  • track
  • video

Embedded content

  • embed
  • iframe
  • object
  • picture

Scripting

  • canvas
  • noscript

Demarcating edits

  • del
  • ins

Tables

  • caption
  • col
  • colgroup
  • table
  • tbody
  • td
  • tfoot
  • th
  • thead
  • tr

Forms

  • button
  • datalist
  • fieldset
  • form
  • input
  • label
  • legend
  • meter
  • optgroup
  • option
  • output
  • progress
  • select
  • textarea

Interactive

  • details
  • dialog
  • menu
  • menuitem
  • summary