Buttons

.btn

All Breakpoints

position: relative display: inline-block padding-left: 24 padding-right: 24 padding-top: 17 padding-bottom: 17 background-color: blue border: none border-radius: 3 font-family: Helvetica Neue font-size: 14 line-height: 1.2 color: white text-decoration: none letter-spacing: 0.05em fill: white cursor: pointer transition: 200ms ease-out
:hover
background-color: gray70
Sign In



.btn--icon

All Breakpoints

padding-left: 20

.btn--icon-right

All Breakpoints

padding-right: 20
Next Section

.btn--stroke

All Breakpoints

color: gray60 fill: gray60 border: 2px solid border-color: gray70 background-color: transparent
:hover
color: white fill: white background-color: gray70
Load More

Text-Links

.text-link

All Breakpoints

border: 0 padding: 0 background-color: transparent text-decoration: none font-family: Helvetica Neue color: blue
:hover
text-decoration: underline color: black
code.odopod.com

.text-link--gray

All Breakpoints

color: gray60
:hover
color: blue
Sign in Here

.text-link--icon

Odo Sassplate

.text-link--icon-right

Odo Sassplate

Inputs

.input

All Breakpoints

-webkit-appearance: none

.checkbox

.radio

Miscellaneous

Icons

.icon

All Breakpoints

position: relative display: inline-block size: 20 fill: currentColor vertical-align: middle

.icon--xsmall

All Breakpoints

size: 12

.icon--small

All Breakpoints

size: 16

.icon--medium

All Breakpoints

size: 20

.icon--large

All Breakpoints

size: 24

.icon--xlarge

All Breakpoints

size: 40