update for Material Icons

Author: UnderlineWords

src/classnames.scss

@@ -5,173 +5,173 @@ $classnames: (
 	/////////////////////////////////////////////////////////
 	/// Components
 	'alert': (
-		'name': 'alert',
+		'name'  : 'alert',
 		'active': 'active'
 	),
 	'badge': (
 		'name': 'badge'
 	),
 	'billboard': (
-		'name': 'billboard',
+		'name' : 'billboard',
 		'media': 'media',
-		'body': 'body',
+		'body' : 'body',
 		'cover': 'cover',
 	),
 	'breadcrumb': (
-		'name': 'breadcrumb',
-		'item': 'item',
+		'name'  : 'breadcrumb',
+		'item'  : 'item',
 		'active': 'active'
 	),
 	'card': (
-		'name': 'card',
-		'cards': 'cards',
-		'body': 'body',
-		'title': 'title',
-		'subtitle': 'subtitle',
+		'name'       : 'card',
+		'cards'      : 'cards',
+		'body'       : 'body',
+		'title'      : 'title',
+		'subtitle'   : 'subtitle',
 		'description': 'description',
-		'media': 'media',
-		'horizontal': 'horizontal',
-		'actions': 'actions',
+		'media'      : 'media',
+		'horizontal' : 'horizontal',
+		'actions'    : 'actions',
 	),
 	'list': (
-		'name': 'list',
-		'item': 'item',
-		'body': 'body',
-		'title': 'title',
-		'active': 'active',
+		'name'    : 'list',
+		'item'    : 'item',
+		'body'    : 'body',
+		'title'   : 'title',
+		'active'  : 'active',
 		'subtitle': 'subtitle',
-		'divided': 'divided',
-		'actions': 'actions',
-		'hovered': 'hovered',
-		'striped': 'striped'
+		'divided' : 'divided',
+		'actions' : 'actions',
+		'hovered' : 'hovered',
+		'striped' : 'striped'
 	),
 	'menu': (
-		'name': 'menu',
-		'small': 'small',
-		'title': 'title',
-		'item': 'item',
-		'active': 'active',
-		'badge': 'badge',
+		'name'   : 'menu',
+		'small'  : 'small',
+		'title'  : 'title',
+		'item'   : 'item',
+		'active' : 'active',
+		'badge'  : 'badge',
 		'divided': 'divided'
 	),
 	'navbar': (
-		'name': 'navbar',
+		'name'   : 'navbar',
 		'section': 'section',
-		'fixed': 'fixed',
-		'brand': 'brand',
-		'links': 'links',
-		'burger': 'burger',
+		'fixed'  : 'fixed',
+		'brand'  : 'brand',
+		'links'  : 'links',
+		'burger' : 'burger',
 		'divided': 'divided',
-		'spacer': 'navbar-spacer',
+		'spacer' : 'navbar-spacer',
 	),
 	'panel': (
-		'name': 'panel',
-		'header': 'header',
-		'title': 'title',
+		'name'    : 'panel',
+		'header'  : 'header',
+		'title'   : 'title',
 		'headline': 'headline',
-		'bottom': 'bottom',
-		'content': 'content',
-		'media': 'media',
-		'actions': 'actions',
+		'bottom'  : 'bottom',
+		'content' : 'content',
+		'media'   : 'media',
+		'actions' : 'actions',
 	),
 	'process': (
-		'name': 'process',
-		'item': 'item',
-		'active': 'active',
+		'name'    : 'process',
+		'item'    : 'item',
+		'active'  : 'active',
 		'vertical': 'vertical',
 		'reversed': 'reversed',
 	),
 	'progress': (
 		'name': 'progress'
 	),
 	'stats': (
-		'name': 'stats',
-		'title': 'title',
+		'name'    : 'stats',
+		'title'   : 'title',
 		'subtitle': 'subtitle',
-		'value': 'value'
+		'value'   : 'value'
 	),
 	'tabnav': (
-		'name': 'tab',
-		'active': 'active',
+		'name'    : 'tab',
+		'active'  : 'active',
 		'centered': 'centered',
-		'bottom': 'bottom'
+		'bottom'  : 'bottom'
 	),
 	'timeline': (
-		'name': 'timeline',
-		'item': 'activity',
-		'author': 'author',
-		'body': 'body',
-		'type': 'type',
-		'date': 'date',
-		'media': 'media',
+		'name'   : 'timeline',
+		'item'   : 'activity',
+		'author' : 'author',
+		'body'   : 'body',
+		'type'   : 'type',
+		'date'   : 'date',
+		'media'  : 'media',
 		'actions': 'actions',
 	),
 	'tooltip': (
-		'name': 'tooltip',
-		'text': 'text',
+		'name' : 'tooltip',
+		'text' : 'text',
 		'right': 'right',
-		'left': 'left',
-		'top': 'top',
+		'left' : 'left',
+		'top'  : 'top',
 	),
 	/////////////////////////////////////////////////////////
 	/// Elements
 	'button': (
-		'name': 'button',
-		'group': 'buttons',
-		'link': 'link',
-		'outlined': 'outlined',
-		'secondary': 'secondary',
-		'active': 'active',
-		'inactive': 'inactive',
-		'block': 'block',
-		'vertical': 'vertical',
+		'name'              : 'button',
+		'group'             : 'buttons',
+		'link'              : 'link',
+		'outlined'          : 'outlined',
+		'secondary'         : 'secondary',
+		'active'            : 'active',
+		'inactive'          : 'inactive',
+		'block'             : 'block',
+		'vertical'          : 'vertical',
 		// dropdown
-		'dropdown': 'dropdown',
-		'dropdown-right': 'right',
-		'dropdown-left': 'left',
-		'dropdown-top': 'top',
-		'dropdown-bottom': 'bottom',
-		'dropdown-toggle': 'toggle',
+		'dropdown'          : 'dropdown',
+		'dropdown-right'    : 'right',
+		'dropdown-left'     : 'left',
+		'dropdown-top'      : 'top',
+		'dropdown-bottom'   : 'bottom',
+		'dropdown-toggle'   : 'toggle',
 		'dropdown-clickable': 'clickable'
 	),
 	'caption': (
-		'name': 'caption',
+		'name'    : 'caption',
 		'centered': 'centered',
-		'divided': 'divided'
+		'divided' : 'divided'
 	),
 	'form': (
-		'name': 'form',
-		'items': 'items',
-		'item': 'item',
+		'name'    : 'form',
+		'items'   : 'items',
+		'item'    : 'item',
 		'checkbox': 'checkbox',
-		'radio': 'radio',
-		'group': 'group',
+		'radio'   : 'radio',
+		'group'   : 'group',
 	),
 	'icon': (
-		'class-name': 'material-icons'
+		'class-name': 'material-symbols-outlined'
 	),
 	'label': (
 		'name': 'label'
 	),
 	'table': (
-		'name': 'table',
+		'name'   : 'table',
 		'striped': 'striped',
 		'hovered': 'hovered',
-		'active': 'active'
+		'active' : 'active'
 	),
 	'typography': (),
 	/////////////////////////////////////////////////////////
 	/// Layout
 	'grid': (
-		'row': 'row',
-		'container': 'container',
-		'column': 'col',
-		'offset': 'offset',
-		'equal': 'equal',
+		'row'        : 'row',
+		'container'  : 'container',
+		'column'     : 'col',
+		'offset'     : 'offset',
+		'equal'      : 'equal',
 		'extra-small': 'xs',
-		'small': 'sm',
-		'medium': 'md',
-		'large': 'lg',
+		'small'      : 'sm',
+		'medium'     : 'md',
+		'large'      : 'lg',
 		'extra-large': 'xl',
 	),
 )