Skip to content

Instantly share code, notes, and snippets.

@mattstauffer
Last active January 24, 2019 16:27
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mattstauffer/024bdb4dba6b4e53cd793407a4361753 to your computer and use it in GitHub Desktop.
Save mattstauffer/024bdb4dba6b4e53cd793407a4361753 to your computer and use it in GitHub Desktop.
Possible structure for tailwind nav
<?php
return [
'Installation' => [
'Installation' => 'installation',
'Configuration' => 'configuration',
'Colors' => 'colors',
'Responsive Design' => 'responsive-design',
'Adding New Utilities' => 'adding-new-utilities',
'Extracting Components' => 'extracting-components',
'Functions &amp; Directives' => 'functions-and-directives',
],
'Styles' => [
'Backgrounds' => [
'Color' => 'background-color',
'Position' => 'background-position',
'Size' => 'background-size',
],
'Borders' => [
'Color' => 'background-color',
'Position' => 'background-position',
'Size' => 'background-size',
],
'Flexbox' => [
'Display' => 'flexbox-display',
'Direction' => 'flexbox-direction',
'Wrapping' => 'flexbox-wrapping',
'Justify Content' => 'flexbox-justify-content',
'Align Items' => 'flexbox-align-items',
'Align Content' => 'flexbox-align-content',
'Align Self' => 'flexbox-align-self',
'Flex, Grow, &amp; Shrink' => 'flexbox-flex-grow-shrink',
],
'Floats' => 'floats',
'Forms' => 'forms',
'Grid' => 'grid',
'Interactivity' => [
'Cursor' => 'cursor',
'Resize' => 'resize',
'Pointer Events' => 'pointer-events',
'User Select' => 'user-select',
],
'Lists' => 'lists',
'Opacity' => 'opacity',
'Overflow' => 'overflow',
'Positioning' => 'positioning',
'Shadows' => 'shadows',
'Sizing' => [
'Width' => 'width',
'Min-Width' => 'min-width',
'Max-Width' => 'max-width',
'Height' => 'height',
'Min-Height' => 'min-height',
'Max-Height' => 'max-height',
],
'Spacing' => 'spacing',
'SVG' => 'svg',
'Typography' => [
'Fonts' => 'fonts',
'Color' => 'text-color',
'Sizing' => 'text-sizing',
'Weight' => 'font-weight',
'Alignment' => 'text-alignment',
'Line Height' => 'line-height',
'Letter Spacing' => 'letter-spacing',
'Style &amp; Decoration' => 'text-style',
'Whitespace &amp; Wrapping' => 'whitespace-and-wrapping',
],
'Vertical Alignment' => 'vertical-alignment',
'Visibility' => 'visibility',
'Z-Index' => 'z-index',
],
'Examples' => [
'Alerts' => 'examples/alerts',
'Buttons' => 'examples/buttons',
'Cards' => 'examples/cards',
'Forms' => 'examples/forms',
'Navigation' => 'examples/navigation',
],
];
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment