navigation.php

<?php

return [
    'Getting Started' => [
        'Installation' => 'installation',
        'Release Notes' => 'release-notes',
        'Upgrade Guide' => 'upgrading-to-v1',
        'Using with Preprocessors' => 'using-with-preprocessors',
        'Controlling File Size' => 'controlling-file-size',
        'Browser Support' => 'browser-support',
    ],
    'Core Concepts' => [
        'Utility-First' => 'utility-first',
        // 'Core Plugins' => 'core-plugins',
        'Responsive Design' => 'responsive-design',
        'Pseudo-Class Variants' => 'pseudo-class-variants',
        'Adding Base Styles' => 'adding-base-styles',
        'Extracting Components' => 'extracting-components',
        'Adding New Utilities' => 'adding-new-utilities',
        'Functions & Directives' => 'functions-and-directives',
    ],
    'Customization' => [
        'Configuration' => 'configuration',
        'Theme' => 'theme',
        'Breakpoints' => 'breakpoints',
        'Colors' => 'customizing-colors',
        'Spacing' => 'customizing-spacing',
        'Variants' => 'configuring-variants',
        'Writing Plugins' => 'plugins',
    ],
    'Base styles' => [
        'Preflight' => 'preflight',
    ],
    'Layout' => [
        'Container' => 'container',
        'Display' => 'display',
        'Float' => 'float',
        'Object Fit' => 'object-fit',
        'Object Position' => 'object-position',
        'Overflow' => 'overflow',
        'Position' => 'position',
        'Top / Right / Bottom / Left' => 'top-right-bottom-left',
        'Visibility' => 'visibility',
        'Z-Index' => 'z-index',
    ],
    'Typography' => [
        'Font Family' => 'font-family',
        'Font Size' => 'font-size',
        'Font Smoothing' => 'font-smoothing',
        'Font Style' => 'font-style',
        'Font Weight' => 'font-weight',
        'Letter Spacing' => 'letter-spacing',
        'Line Height' => 'line-height',
        'List Style Type' => 'list-style-type',
        'List Style Position' => 'list-style-position',
        'Text Align' => 'text-align',
        'Text Color' => 'text-color',
        'Text Decoration' => 'text-decoration',
        'Text Transform' => 'text-transform',
        'Vertical Align' => 'vertical-align',
        'Whitespace' => 'whitespace',
        'Word Break' => 'word-break',
    ],
    'Backgrounds' => [
        'Background Attachment' => 'background-attachment',
        'Background Color' => 'background-color',
        'Background Position' => 'background-position',
        'Background Repeat' => 'background-repeat',
        'Background Size' => 'background-size',
    ],
    'Borders' => [
        'Border Color' => 'border-color',
        'Border Style' => 'border-style',
        'Border Width' => 'border-width',
        'Border Radius' => 'border-radius',
    ],
    'Flexbox' => [
        'Flex Direction' => 'flex-direction',
        'Flex Wrap' => 'flex-wrap',
        'Align Items' => 'align-items',
        'Align Content' => 'align-content',
        'Align Self' => 'align-self',
        'Justify Content' => 'justify-content',
        'Flex' => 'flex',
        'Flex Grow' => 'flex-grow',
        'Flex Shrink' => 'flex-shrink',
        'Order' => 'order',
    ],
    'Spacing' => [
        'Padding' => 'padding',
        'Margin' => 'margin',
    ],
    'Sizing' => [
        'Width' => 'width',
        'Min-Width' => 'min-width',
        'Max-Width' => 'max-width',
        'Height' => 'height',
        'Min-Height' => 'min-height',
        'Max-Height' => 'max-height',
    ],
    'Tables' => [
        'Border Collapse' => 'border-collapse',
        'Table Layout' => 'table-layout',
    ],
    'Effects' => [
        'Box Shadow' => 'box-shadow',
        'Opacity' => 'opacity',
    ],
    'Interactivity' => [
        'Appearance' => 'appearance',
        'Cursor' => 'cursor',
        'Outline' => 'outline',
        'Pointer Events' => 'pointer-events',
        'Resize' => 'resize',
        'User Select' => 'user-select',
    ],
    'SVG' => [
        'Fill' => 'fill',
        'Stroke' => 'stroke',
    ],
    'Component Examples' => [
        'Alerts' => 'examples/alerts',
        'Buttons' => 'examples/buttons',
        'Cards' => 'examples/cards',
        'Forms' => 'examples/forms',
        'Grids' => 'examples/grids',
        'Navigation' => 'examples/navigation',
    ],
];