Skip to content

Latest commit

 

History

History
143 lines (126 loc) · 3.52 KB

u87-0.9.19-map.md

File metadata and controls

143 lines (126 loc) · 3.52 KB
Raw

u87.css v0.9.19 map

  • 1. :root
    • fonts
    • breakpoints
  • 2. reset
  • 3. utility
    • display
    • break
    • hyphens
    • aligns
    • flex aligns
    • scrollable
    • margin
    • padding
    • border
    • opacity
    • hover
    • rounds
    • outline
    • offset
    • object-fit
    • float
    • width
    • max-width
    • height
    • max-height
    • scrollbar in FF
    • fonts
      • family
      • size
        • relative
        • absolute - font-size: xx-small;
        • absolute - ha-h6
      • weight
        • relative
        • absolute
      • styles
    • table
    • colors
      • labels
      • text
      • background + text
  • 4. print
  • 5. grid v0.9.7
    • .container-XX - .container = .container-xxl
    • .hide-XX
    • .gap-XX
    • .nogap-XX
    • 6. flex grid v0.9.8
      • flex items
        • .flex-f-XX
        • .flex-w-xs-XX + .flex-w-XX
        • .flex-w-sm-XX
        • .flex-w-md-XX
        • .flex-w-lg-XX
        • .flex-w-xl-XX
        • .flex-w-xxl-XX
      • flex containers
        • .flex-xs + .inline-flex-xs
        • .flex-sm + .inline-flex-sm
        • .flex-md + .inline-flex-md + .flex + .inline-flex
        • .flex-lg + .inline-flex-lg
        • .flex-xl + .inline-flex-xl
        • .flex-xxl + .inline-flex-xxl
      • flex grid sizing
      • flex utils
        • flex containers
        • flex containers - horizontal + grid containers - horizontal
        • flex containers - vertical + grid containers - vertical
        • flex containers - vertical - multi lines + wrap + grid containers - vertical - multi lines
        • flex items - position + .cell - vertical
        • flex items - order + .cell - order
    • 7. css grid v0.9.1
      • grid containers
        • .grid-xs + .inline-grid-xs
        • .grid-sm + .inline-grid-sm
        • .grid-md + .inline-grid-md + .grid + .inline-grid
        • .grid-lg + .inline-grid-lg
        • .grid-xl + .inline-grid-xl
        • .grid-xxl + .inline-grid-xxl
      • grid container sizes
        • .grid-rows-xs-XX + .grid-rows-XX
        • .grid-rows-sm-XX
        • .grid-rows-md-XX
        • .grid-rows-lg-XX
        • .grid-rows-xl-XX
        • .grid-rows-xxl-XX
        • .grid-cols-xs-XX + .grid-cols-XX
        • .grid-cols-sm-XX
        • .grid-cols-md-XX
        • .grid-cols-lg-XX
        • .grid-cols-xl-XX
        • .grid-cols-xxl-XX
      • .cell
        • .cell - .cell-rows-XX and .cell-rows-xs-XX for Explicit Grids
        • .cell - .cell-rows-sm-XX for Explicit Grids
        • .cell - .cell-rows-md-XX for Explicit Grids
        • .cell - .cell-rows-lg-XX for Explicit Grids
        • .cell - .cell-rows-xl-XX for Explicit Grids
        • .cell - .cell-rows-xxl-XX for Explicit Grids
        • .cell - .cell-cols-XX and .cell-cols-xs-XX for Explicit Grids
        • .cell - .cell-cols-sm-XX for Explicit Grids
        • .cell - .cell-cols-md-XX for Explicit Grids
        • .cell - .cell-cols-lg-XX for Explicit Grids
        • .cell - .cell-cols-xl-XX for Explicit Grids
        • .cell - .cell-cols-xxl-XX for Explicit Grids
        • .cell - row start position for Implicit Grids
        • .cell - row end position for Implicit Grids
        • .cell - column start position for Implicit Grids
        • .cell - column end position for Implicit Grids
      • css grid sizing
      • css grid utils
        • .grid - auto placement
        • .grid - row height for Implicit Grids
        • .grid - column width for Implicit Grids
        • .grid - cells position like in flex - only in css grid
        • .cell - horizontal - only in css grid