Topics

• Objects
• Variables
• Arithmetic (Math)
• Input Control Elements
• Backgrounds
• Centering
• Lists
• Selectors
• Colors
• Length Units
• Pseudo-Elements
• Getting started with sass
• Installation
• Variables

Examples

• echo and print
• Addition (+)
• Subtraction (-)
• Multiplication (*)
• Division (/)
• Remainder / Modulus (%)
• Incrementing (++)
• Decrementing (--)
• Exponentiation (Math.pow() or **)
• Checkbox and Radio Buttons
• Using CSS transform
• Ordered List
• Using Flexbox
• Attribute Selectors
• File
• Hexadecimal Value
• rgb() Notation
• hsl() Notation
• Input Validation
• Color
• Using position: absolute
• Date
• DateTime-Local
• Image
• Range
• Month
• Time
• Week
• Text
• Background Position
• Basic selectors
• Ghost element technique (Michał Czernow's hack)
• Using text-align
• Mac
• Linux
• Windows
• Centering in relation to another item
• Sass
• SCSS
• Vertical align anything with 3 lines of code
• Vertically align an image inside div
• Horizontal and Vertical centering using table layout
• Using calc()
• Vertically align dynamic height elements
• Using line-height
• Centering vertically and horizontally without worrying about height or width
• Centering with fixed size
• Using margin: 0 auto;