Sass Inputs

Use the OCS input class and its size and style modifiers. Run each UI Runner to see the result.

Popcorn Hack (In-Class)

Refactor the inputs to use the OCS input grammar: one large gradient input and one compact plain input, both using ocs__input.

Challenge

Popcorn Hack - Refactor the search and volunteer inputs

Lines: 1 Characters: 0

UI Output

Remove inline styles and made-up classes. Use ocs__input with the appropriate size and style modifiers: a large gradient Assistance Category field and compact plain volunteer name and email fields.

Challenge

Homework - Refactor the signup form with OCS input classes

Lines: 1 Characters: 0

UI Output

Sass Inputs

Popcorn Hack (In-Class)

Challenge

Homework: Refactor the Signup Form

Challenge