},
"modifiers-syntax": {
"name": "Syntax",
+ "subtitle": "Most Bulma elements have <strong>alternative</strong> styles. To apply them, you only need to append one of the <strong>modifier classes</strong>. They all start with <code>is-</code> or <code>has-</code>.",
"path": "/documentation/modifiers/syntax"
},
"modifiers-helpers": {
"name": "Helpers",
+ "subtitle": "Apply <strong>helper classes</strong> to almost any element, in order to alter its style",
"path": "/documentation/modifiers/helpers"
},
"modifiers-responsive-helpers": {
"name": "Responsive helpers",
+ "subtitle": "<strong>Show/hide content</strong> depending on the width of the viewport",
"path": "/documentation/modifiers/responsive-helpers"
},
"modifiers-color-helpers": {
"name": "Color helpers",
+ "subtitle": "Change the <strong>color</strong> of the text and/or background",
"path": "/documentation/modifiers/color-helpers"
},
"modifiers-typography-helpers": {
"name": "Typography helpers",
+ "subtitle": "Change the <strong>size</strong> and <strong>color</strong> of the text for one or multiple viewport width",
"path": "/documentation/modifiers/typography-helpers"
},
"columns": {
},
"columns-basics": {
"name": "Basics",
+ "subtitle": "A simple way to build <strong>responsive columns</strong>",
"path": "/documentation/columns/basics"
},
"columns-gap": {
"name": "Gap",
+ "subtitle": Customize the <strong>gap</strong> between the columns,
"path": "/documentation/columns/gap"
},
"columns-nesting": {
"name": "Nesting",
+ "subtitle": "A simple way to build <strong>responsive columns</strong>",
"path": "/documentation/columns/nesting"
},
"columns-options": {
"name": "Options",
+ "subtitle": "Design different <strong>types</strong> of column layouts",
"path": "/documentation/columns/options"
},
"columns-responsiveness": {
"name": "Responsiveness",
+ "subtitle": "Handle <strong>different</strong> column layouts for each <strong>breakpoint</strong>",
"path": "/documentation/columns/responsiveness"
},
"columns-sizes": {
"name": "Sizes",
+ "subtitle": "Define the <strong>size</strong> of each column <strong>individually</strong>",
"path": "/documentation/columns/sizes"
},
"layout": {
"subtitle": "Design the <strong>structure</strong> of your webpage with these CSS classes",
"path": "/documentation/layout"
},
+ "layout-container": {
+ "name": "Container",
+ "subtitle": "A simple <strong>container</strong> to center your content horizontally",
+ "path": "/documentation/layout/container"
+ },
"layout-level": {
"name": "Level",
+ "subtitle": "A multi-purpose <strong>horizontal level</strong>, which can contain almost any other element",
"path": "/documentation/layout/level"
},
"layout-media": {
"name": "Media Object",
+ "subtitle": "The famous <strong>media object</strong> prevalent in social media interfaces, but useful in any context",
"path": "/documentation/layout/media"
},
"layout-hero": {
"name": "Hero",
+ "subtitle": "An imposing <strong>hero banner</strong> to showcase something",
"path": "/documentation/layout/hero"
},
"layout-section": {
"name": "Section",
+ "subtitle": "A simple container to divide your page into <strong>sections</strong>, like the one you're currently reading",
"path": "/documentation/layout/section"
},
"layout-footer": {
"name": "Footer",
+ "subtitle": "A simple responsive <strong>footer</strong> which can include anything: lists, headings, columns, icons, buttons, etc.",
"path": "/documentation/layout/footer"
},
"layout-tiles": {
"name": "Tiles",
+ "subtitle": "A <strong>single tile</strong> element to build 2-dimensional Metro-like, Pinterest-like, or whatever-you-like grids",
"path": "/documentation/layout/tiles"
},
"form": {
"name": "Form",
+ "subtitle": "The indispensable <strong>form controls</strong>, designed for maximum clarity",
"path": "/documentation/form"
},
"form-general": {
"name": "General",
+ "subtitle": "All generic <strong>form controls</strong>, designed for consistency",
"path": "/documentation/form/general"
},
"form-input": {
"name": "Input",
+ "subtitle": "The <strong>text input</strong> and its variations",
"path": "/documentation/form/input"
},
"form-textarea": {
"name": "Textarea",
+ "subtitle": "The multiline <strong>textarea</strong> and its variations",
"path": "/documentation/form/textarea"
},
"form-select": {
"name": "Select",
+ "subtitle": "The browser built-in <strong>select dropdown</strong>, styled accordingly",
"path": "/documentation/form/select"
},
"form-checkbox": {
"name": "Checkbox",
+ "subtitle": "The 2-state <strong>checkbox</strong> in its native format",
"path": "/documentation/form/checkbox"
},
"form-radio": {
"name": "Radio",
+ "subtitle": "The mutually exclusive <strong>radio buttons</strong> in their native format",
"path": "/documentation/form/radio"
},
"form-file": {
"name": "File",
+ "subtitle": "A custom <strong>file upload</strong> input, without JavaScript",
"path": "/documentation/form/file"
},
"elements": {
"name": "Elements",
+ "subtitle": "Essential interface elements that only require a <strong>single CSS class</strong>",
"path": "/documentation/elements"
},
"elements-box": {
"name": "Box",
+ "subtitle": "A white <strong>box</strong> to contain other elements",
"path": "/documentation/elements/box"
},
"elements-button": {
"name": "Button",
+ "subtitle": "The classic <strong>button</strong>, in different colors, sizes, and states",
"path": "/documentation/elements/button"
},
"elements-content": {
"name": "Content",
+ "subtitle": "A single class to handle WYSIWYG generated content, where only <strong>HTML tags</strong> are available",
"path": "/documentation/elements/content"
},
"elements-delete": {
"name": "Delete",
+ "subtitle": "A versatile <strong>delete</strong> cross",
"path": "/documentation/elements/delete"
},
"elements-icon": {
"name": "Icon",
+ "subtitle": "Compatible with all icon font libraries, including <strong>Font Awesome 5</strong>",
"path": "/documentation/elements/icon"
},
"elements-image": {
"name": "Image",
+ "subtitle": "A container for <strong>responsive images</strong>",
"path": "/documentation/elements/image"
},
"elements-notification": {
"name": "Notification",
+ "subtitle": "Bold <strong>notification</strong> blocks, to alert your users of something",
"path": "/documentation/elements/notification"
},
"elements-progress": {
"name": "Progress bars",
+ "subtitle": "Native HTML <strong>progress</strong> bars",
"path": "/documentation/elements/progress"
},
"elements-table": {
"name": "Table",
+ "subtitle": "The inevitable HTML <strong>table</strong>, with special case cells",
"path": "/documentation/elements/table"
},
"elements-tag": {
"name": "Tag",
+ "subtitle": "Small <strong>tag labels</strong> to insert anywhere",
"path": "/documentation/elements/tag"
},
"elements-title": {
"name": "Title",
+ "subtitle": "Simple <strong>headings</strong> to add depth to your page",
"path": "/documentation/elements/title"
},
"components": {
"name": "Components",
+ "subtitle": "Advanced multi-part components with lots of possibilities",
"path": "/documentation/components"
},
"components-breadcrumb": {
"name": "Breadcrumb",
+ "subtitle": "A simple <strong>breadcrumb</strong> component to improve your navigation experience",
"path": "/documentation/components/breadcrumb"
},
"components-card": {
"name": "Card",
+ "subtitle": "An all-around flexible and composable component",
"path": "/documentation/components/card"
},
"components-dropdown": {
"name": "Dropdown",
+ "subtitle": "An interactive <strong>dropdown menu</strong> for discoverable content",
"path": "/documentation/components/dropdown"
},
"components-menu": {
"name": "Menu",
+ "subtitle": "A simple <strong>menu</strong>, for any type of vertical navigation",
"path": "/documentation/components/menu"
},
"components-message": {
"name": "Message",
+ "subtitle": "Colored <strong>message</strong> blocks, to emphasize part of your page",
"path": "/documentation/components/message"
},
"components-modal": {
"name": "Modal",
+ "subtitle": "A classic <strong>modal</strong> overlay, in which you can include <em>any</em> content you want",
"path": "/documentation/components/modal"
},
"components-navbar": {
"name": "Navbar",
+ "subtitle": "A responsive horizontal <strong>navbar</strong> that can support images, links, buttons, and dropdowns",
"path": "/documentation/components/navbar"
},
"components-pagination": {
"name": "Pagination",
+ "subtitle": "A responsive, usable, and flexible <strong>pagination</strong>",
"path": "/documentation/components/pagination"
},
"components-panel": {
"name": "Panel",
+ "subtitle": "A composable <strong>panel</strong>, for compact controls",
"path": "/documentation/components/panel"
},
"components-tabs": {
"name": "Tabs",
+ "subtitle": "Simple responsive horizontal navigation <strong>tabs</strong>, with different styles",
"path": "/documentation/components/tabs"
}
},
"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"],
+ "layout": ["layout-container", "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"]
projects / thirdparty / bulma.git / commitdiff
