{ "by_id": { "home": { "name": "Home", "path": "" }, "documentation": { "name": "Documentation", "subtitle": "Everything you need to create a website with Bulma", "path": "/documentation" }, "overview": { "name": "Overview", "subtitle": "An overview of what Bulma as a framework is all about", "path": "/documentation/overview" }, "overview-start": { "name": "Getting started", "subtitle": "You only need 1 CSS file to use Bulma", "path": "/documentation/overview/start" }, "overview-customize": { "name": "Customize", "subtitle": "Create your own theme with a simple set of variables", "path": "/documentation/overview/customize" }, "overview-classes": { "name": "CSS Classes", "subtitle": "Bulma is simply a collection of CSS classes. Write the HTML code you want.", "path": "/documentation/overview/classes" }, "overview-modular": { "name": "Modularity", "subtitle": "Just import what you need", "path": "/documentation/overview/modular" }, "overview-responsiveness": { "name": "Responsiveness", "subtitle": "Bulma is a mobile-first framework", "path": "/documentation/overview/responsiveness" }, "overview-variables": { "name": "Variables", "subtitle": "Easily customize Bulma to match your design", "path": "/documentation/overview/variables" }, "overview-colors": { "name": "Colors", "subtitle": "The colors that style most Bulma elements and components", "path": "/documentation/overview/colors" }, "overview-functions": { "name": "Functions", "subtitle": "Utility functions to calculate colors and other values", "path": "/documentation/overview/functions" }, "overview-mixins": { "name": "Mixins", "subtitle": "Utility mixins for custom elements and responsive helpers", "path": "/documentation/overview/mixins" }, "modifiers": { "name": "Modifiers", "subtitle": "An easy-to-read naming system designed for humans", "path": "/documentation/modifiers" }, "modifiers-syntax": { "name": "Syntax", "path": "/documentation/modifiers/syntax" }, "modifiers-helpers": { "name": "Helpers", "path": "/documentation/modifiers/helpers" }, "modifiers-responsive-helpers": { "name": "Responsive helpers", "path": "/documentation/modifiers/responsive-helpers" }, "modifiers-color-helpers": { "name": "Color helpers", "path": "/documentation/modifiers/color-helpers" }, "modifiers-typography-helpers": { "name": "Typography helpers", "path": "/documentation/modifiers/typography-helpers" }, "columns": { "name": "Columns", "subtitle": "The power of Flexbox in a simple interface", "path": "/documentation/columns" }, "columns-basics": { "name": "Basics", "path": "/documentation/columns/basics" }, "columns-gap": { "name": "Gap", "path": "/documentation/columns/gap" }, "columns-nesting": { "name": "Nesting", "path": "/documentation/columns/nesting" }, "columns-options": { "name": "Options", "path": "/documentation/columns/options" }, "columns-responsiveness": { "name": "Responsiveness", "path": "/documentation/columns/responsiveness" }, "columns-sizes": { "name": "Sizes", "path": "/documentation/columns/sizes" }, "layout": { "name": "Layout", "subtitle": "Design the structure of your webpage with these CSS classes", "path": "/documentation/layout" }, "layout-level": { "name": "Level", "path": "/documentation/layout/level" }, "layout-media": { "name": "Media Object", "path": "/documentation/layout/media" }, "layout-hero": { "name": "Hero", "path": "/documentation/layout/hero" }, "layout-section": { "name": "Section", "path": "/documentation/layout/section" }, "layout-footer": { "name": "Footer", "path": "/documentation/layout/footer" }, "layout-tiles": { "name": "Tiles", "path": "/documentation/layout/tiles" }, "form": { "name": "Form", "path": "/documentation/form" }, "form-general": { "name": "General", "path": "/documentation/form/general" }, "form-input": { "name": "Input", "path": "/documentation/form/input" }, "form-textarea": { "name": "Textarea", "path": "/documentation/form/textarea" }, "form-select": { "name": "Select", "path": "/documentation/form/select" }, "form-checkbox": { "name": "Checkbox", "path": "/documentation/form/checkbox" }, "form-radio": { "name": "Radio", "path": "/documentation/form/radio" }, "form-file": { "name": "File", "path": "/documentation/form/file" }, "elements": { "name": "Elements", "path": "/documentation/elements" }, "elements-box": { "name": "Box", "path": "/documentation/elements/box" }, "elements-button": { "name": "Button", "path": "/documentation/elements/button" }, "elements-content": { "name": "Content", "path": "/documentation/elements/content" }, "elements-delete": { "name": "Delete", "path": "/documentation/elements/delete" }, "elements-icon": { "name": "Icon", "path": "/documentation/elements/icon" }, "elements-image": { "name": "Image", "path": "/documentation/elements/image" }, "elements-notification": { "name": "Notification", "path": "/documentation/elements/notification" }, "elements-progress": { "name": "Progress bars", "path": "/documentation/elements/progress" }, "elements-table": { "name": "Table", "path": "/documentation/elements/table" }, "elements-tag": { "name": "Tag", "path": "/documentation/elements/tag" }, "elements-title": { "name": "Title", "path": "/documentation/elements/title" }, "components": { "name": "Components", "path": "/documentation/components" }, "components-breadcrumb": { "name": "Breadcrumb", "path": "/documentation/components/breadcrumb" }, "components-card": { "name": "Card", "path": "/documentation/components/card" }, "components-dropdown": { "name": "Dropdown", "path": "/documentation/components/dropdown" }, "components-menu": { "name": "Menu", "path": "/documentation/components/menu" }, "components-message": { "name": "Message", "path": "/documentation/components/message" }, "components-modal": { "name": "Modal", "path": "/documentation/components/modal" }, "components-navbar": { "name": "Navbar", "path": "/documentation/components/navbar" }, "components-pagination": { "name": "Pagination", "path": "/documentation/components/pagination" }, "components-panel": { "name": "Panel", "path": "/documentation/components/panel" }, "components-tabs": { "name": "Tabs", "path": "/documentation/components/tabs" } }, "categories": { "overview": ["overview-start", "overview-classes", "overview-modular", "overview-responsiveness", "overview-variables", "overview-colors", "overview-functions", "overview-mixins"], "modifiers": ["modifiers-syntax", "modifiers-helpers", "modifiers-responsive-helpers", "modifiers-color-helpers", "modifiers-typography-helpers"], "columns": ["columns-basics", "columns-sizes", "columns-responsiveness", "columns-nesting", "columns-gap", "columns-options"], "layout": ["layout-level", "layout-media", "layout-hero", "layout-section", "layout-footer", "layout-tiles"], "form": ["form-general", "form-input", "form-textarea", "form-select", "form-checkbox", "form-radio", "form-file"], "elements": ["elements-box", "elements-button", "elements-content", "elements-delete", "elements-icon", "elements-image", "elements-notification", "elements-progress", "elements-table", "elements-tag", "elements-title"], "components": ["components-breadcrumb", "components-card", "components-dropdown", "components-menu", "components-message", "components-modal", "components-navbar", "components-pagination", "components-panel", "components-tabs"] } }