'red', 'pink', 'purple', 'deep-purple', 'indigo', 'blue', 'light-blue', 'cyan', 'teal', 'green', 'light-green',
'lime',
'yellow', 'amber', 'orange', 'deep-orange', 'brown', 'blue-grey', 'grey', 'white'
darken-[1-4], lighten-[1-4], accent-[1-4]
Default is color for background. If you like to change to font color add '--text' for colors or 'text--' for
color variants
m => Margin, m[t,r,b,l,x,y][0,1,2,3,4,5]
p => Padding p[t,r,b,l,x,y][0,1,2,3,4,5]
top,left,bottom,right,x-axis,y-axis
'display-4', 'display-3', 'display-2', 'display-1', 'headline', 'title', 'subheading', 'body-2', 'body-1', 'caption'
'hidden-xs-only', 'hidden-sm-and-down', 'hidden-sm-and-up', 'hidden-md-only', 'hidden-md-and-down', 'hidden-md-and-up', 'hidden-lg-only', 'hidden-lg-and-down', 'hidden-lg-and-up', 'hidden-xl-only'
'elevation-0', 'elevation-3', 'elevation-6', 'elevation-9', 'elevation-12', 'elevation-15', 'elevation-18', 'elevation-21', 'elevation-24'
'content-boxed', 'content-fluid', 'background-transparent' => boxed max-with, fluid no max-width
'grid-cards-no-gap', 'grid-list-xs', 'grid-list-sm', 'grid-list-md', 'grid-list-lg', 'grid-list-xl',
'grid-cards-flat', 'grid-cards-centered'
'responsive-frame',
'max-width-900', 'max-width-700', 'max-width-auto'