library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-12-12 13:28:30 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity
58d4f856a0
bulma/docs/_data/links.json
Jeremy Thomas 4380aacda6 Add component icons
2018-04-11 15:43:26 +01:00

514 lines
18 KiB
JSON
Raw Blame History

{
"by_id": {
"home": {
"name": "Home",
"path": ""
},
"documentation": {
"name": "Documentation",
"subtitle": "Everything you need to <strong>create a website</strong> with Bulma",
"path": "/documentation"
},
"overview": {
"name": "Overview",
"subtitle": "An overview of what Bulma as a <strong>framework</strong> is all about",
"color": "primary",
"icon": "eye",
"path": "/documentation/overview"
},
"overview-start": {
"name": "Getting started",
"subtitle": "You only need <strong>1 CSS file</strong> to use Bulma",
"color": "danger",
"icon": "rocket",
"path": "/documentation/overview/start"
},
"overview-customize": {
"name": "Customize",
"subtitle": "Create your <strong>own theme</strong> with a simple set of <strong>variables</strong>",
"color": "star",
"icon": "paint-brush",
"path": "/documentation/overview/customize"
},
"overview-classes": {
"name": "CSS Classes",
"subtitle": "Bulma is simply a <strong>collection</strong> of CSS classes. Write the HTML code you want.",
"color": "link",
"icon_brand": "true",
"icon": "css3",
"path": "/documentation/overview/classes"
},
"overview-modular": {
"name": "Modularity",
"subtitle": "Just import what you <strong>need</strong>",
"color": "success",
"icon": "cubes",
"path": "/documentation/overview/modular"
},
"overview-responsiveness": {
"name": "Responsiveness",
"subtitle": "Bulma is a <strong>mobile-first</strong> framework",
"color": "primary",
"icon": "arrows-alt-h",
"path": "/documentation/overview/responsiveness"
},
"overview-variables": {
"name": "Variables",
"subtitle": "See how Bulma uses <strong>Sass variables</strong> to allows easy customization",
"color": "grey",
"icon": "cogs",
"path": "/documentation/overview/variables"
},
"overview-colors": {
"name": "Colors",
"subtitle": "The <strong>colors</strong> that <strong>style</strong> most Bulma elements and components",
"color": "info",
"icon": "tint",
"path": "/documentation/overview/colors"
},
"overview-functions": {
"name": "Functions",
"subtitle": "Utility functions to calculate colors and other values",
"color": "orange",
"icon": "code",
"path": "/documentation/overview/functions"
},
"overview-mixins": {
"name": "Mixins",
"subtitle": "Utility mixins for custom elements and responsive helpers",
"color": "purple",
"icon": "plus",
"path": "/documentation/overview/mixins"
},
"modifiers": {
"name": "Modifiers",
"subtitle": "An <strong>easy-to-read</strong> naming system designed for humans",
"color": "grey",
"icon": "cogs",
"path": "/documentation/modifiers"
},
"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>.",
"color": "orange",
"icon": "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",
"color": "danger",
"icon": "medkit",
"path": "/documentation/modifiers/helpers"
},
"modifiers-responsive-helpers": {
"name": "Responsive helpers",
"subtitle": "<strong>Show/hide content</strong> depending on the width of the viewport",
"color": "primary",
"icon": "arrows-alt-h",
"path": "/documentation/modifiers/responsive-helpers"
},
"modifiers-color-helpers": {
"name": "Color helpers",
"subtitle": "Change the <strong>color</strong> of the text and/or background",
"color": "info",
"icon": "tint",
"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",
"color": "grey-dark",
"icon": "font",
"path": "/documentation/modifiers/typography-helpers"
},
"columns": {
"name": "Columns",
"subtitle": "The power of <strong>Flexbox</strong> in a simple interface",
"color": "star",
"icon": "columns",
"path": "/documentation/columns"
},
"columns-basics": {
"name": "Basics",
"subtitle": "A simple way to build <strong>responsive columns</strong>",
"color": "star",
"icon": "columns",
"path": "/documentation/columns/basics"
},
"columns-sizes": {
"name": "Sizes",
"subtitle": "Define the <strong>size</strong> of each column <strong>individually</strong>",
"color": "success",
"icon": "expand-arrows-alt",
"path": "/documentation/columns/sizes"
},
"columns-responsiveness": {
"name": "Responsiveness",
"subtitle": "Handle <strong>different</strong> column layouts for each <strong>breakpoint</strong>",
"color": "primary",
"icon": "arrows-alt-h",
"path": "/documentation/columns/responsiveness"
},
"columns-nesting": {
"name": "Nesting",
"subtitle": "A simple way to build <strong>responsive columns</strong>",
"color": "danger",
"icon": "sitemap",
"path": "/documentation/columns/nesting"
},
"columns-gap": {
"name": "Gap",
"subtitle": "Customize the <strong>gap</strong> between the columns",
"color": "info",
"icon": "pause",
"path": "/documentation/columns/gap"
},
"columns-options": {
"name": "Options",
"subtitle": "Design different <strong>types</strong> of column layouts",
"color": "grey",
"icon": "cogs",
"path": "/documentation/columns/options"
},
"layout": {
"name": "Layout",
"subtitle": "Design the <strong>structure</strong> of your webpage with these CSS classes",
"color": "success",
"icon": "warehouse",
"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-object"
},
"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",
"color": "link",
"icon_brand": "true",
"icon": "wpforms",
"path": "/documentation/form"
},
"form-general": {
"name": "General",
"subtitle": "All generic <strong>form controls</strong>, designed for consistency",
"color": "link",
"icon": "keyboard",
"icon_regular": "true",
"path": "/documentation/form/general"
},
"form-input": {
"name": "Input",
"subtitle": "The <strong>text input</strong> and its variations",
"color": "link",
"icon": "minus",
"path": "/documentation/form/input"
},
"form-textarea": {
"name": "Textarea",
"subtitle": "The multiline <strong>textarea</strong> and its variations",
"color": "link",
"icon": "square",
"path": "/documentation/form/textarea"
},
"form-select": {
"name": "Select",
"subtitle": "The browser built-in <strong>select dropdown</strong>, styled accordingly",
"color": "link",
"icon": "mouse-pointer",
"path": "/documentation/form/select"
},
"form-checkbox": {
"name": "Checkbox",
"subtitle": "The 2-state <strong>checkbox</strong> in its native format",
"color": "link",
"icon": "check-square",
"path": "/documentation/form/checkbox"
},
"form-radio": {
"name": "Radio",
"subtitle": "The mutually exclusive <strong>radio buttons</strong> in their native format",
"color": "link",
"icon": "dot-circle",
"path": "/documentation/form/radio"
},
"form-file": {
"name": "File",
"subtitle": "A custom <strong>file upload</strong> input, without JavaScript",
"color": "link",
"icon": "cloud-upload-alt",
"path": "/documentation/form/file"
},
"elements": {
"name": "Elements",
"subtitle": "Essential interface elements that only require a <strong>single CSS class</strong>",
"color": "orange",
"icon": "cube",
"path": "/documentation/elements"
},
"elements-box": {
"name": "Box",
"subtitle": "A white <strong>box</strong> to contain other elements",
"color": "grey",
"icon": "square",
"icon_regular": "true",
"path": "/documentation/elements/box"
},
"elements-button": {
"name": "Button",
"subtitle": "The classic <strong>button</strong>, in different colors, sizes, and states",
"color": "success",
"icon": "hand-pointer",
"icon_regular": "true",
"path": "/documentation/elements/button"
},
"elements-content": {
"name": "Content",
"subtitle": "A single class to handle <strong>WYSIWYG</strong> generated content, where only <strong>HTML tags</strong> are available",
"color": "primary",
"icon": "align-left",
"path": "/documentation/elements/content"
},
"elements-delete": {
"name": "Delete",
"subtitle": "A versatile <strong>delete</strong> cross",
"color": "danger",
"icon": "times-circle",
"path": "/documentation/elements/delete"
},
"elements-icon": {
"name": "Icon",
"subtitle": "Compatible with all icon font libraries, including <strong>Font Awesome 5</strong>",
"icon": "font-awesome",
"icon_brand": "true",
"path": "/documentation/elements/icon"
},
"elements-image": {
"name": "Image",
"subtitle": "A container for <strong>responsive images</strong>",
"color": "purple",
"icon": "image",
"path": "/documentation/elements/image"
},
"elements-notification": {
"name": "Notification",
"subtitle": "Bold <strong>notification</strong> blocks, to alert your users of something",
"color": "orange",
"icon": "exclamation-triangle",
"path": "/documentation/elements/notification"
},
"elements-progress": {
"name": "Progress bars",
"subtitle": "Native HTML <strong>progress</strong> bars",
"color": "warning",
"icon": "spinner",
"path": "/documentation/elements/progress"
},
"elements-table": {
"name": "Table",
"subtitle": "The inevitable HTML <strong>table</strong>, with special case cells",
"color": "info",
"icon": "table",
"path": "/documentation/elements/table"
},
"elements-tag": {
"name": "Tag",
"subtitle": "Small <strong>tag labels</strong> to insert anywhere",
"color": "success",
"icon": "tag",
"path": "/documentation/elements/tag"
},
"elements-title": {
"name": "Title",
"subtitle": "Simple <strong>headings</strong> to add depth to your page",
"color": "black",
"icon": "heading",
"path": "/documentation/elements/title"
},
"components": {
"name": "Components",
"subtitle": "Advanced multi-part components with lots of possibilities",
"color": "danger",
"icon": "cubes",
"path": "/documentation/components"
},
"components-breadcrumb": {
"name": "Breadcrumb",
"subtitle": "A simple <strong>breadcrumb</strong> component to improve your navigation experience",
"color": "star",
"icon": "ellipsis-h",
"path": "/documentation/components/breadcrumb"
},
"components-card": {
"name": "Card",
"subtitle": "An all-around flexible and composable component",
"color": "success",
"icon": "id-card",
"path": "/documentation/components/card"
},
"components-dropdown": {
"name": "Dropdown",
"subtitle": "An interactive <strong>dropdown menu</strong> for discoverable content",
"color": "success",
"icon": "angle-down",
"path": "/documentation/components/dropdown"
},
"components-menu": {
"name": "Menu",
"subtitle": "A simple <strong>menu</strong>, for any type of vertical navigation",
"icon": "bars",
"path": "/documentation/components/menu"
},
"components-message": {
"name": "Message",
"subtitle": "Colored <strong>message</strong> blocks, to emphasize part of your page",
"color": "info",
"icon": "window-maximize",
"icon_regular": "true",
"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",
"color": "danger",
"icon": "clone",
"path": "/documentation/components/modal"
},
"components-navbar": {
"name": "Navbar",
"subtitle": "A responsive horizontal <strong>navbar</strong> that can support images, links, buttons, and dropdowns",
"color": "primary",
"icon": "minus",
"path": "/documentation/components/navbar"
},
"components-pagination": {
"name": "Pagination",
"subtitle": "A responsive, usable, and flexible <strong>pagination</strong>",
"color": "orange",
"icon": "caret-square-right",
"path": "/documentation/components/pagination"
},
"components-panel": {
"name": "Panel",
"subtitle": "A composable <strong>panel</strong>, for compact controls",
"color": "grey-dark",
"icon": "list-alt",
"icon_regular": "true",
"path": "/documentation/components/panel"
},
"components-tabs": {
"name": "Tabs",
"subtitle": "Simple responsive horizontal navigation <strong>tabs</strong>, with different styles",
"color": "purple",
"icon": "folder",
"path": "/documentation/components/tabs"
},
"blog": {
"name": "Blog",
"path": "/blog"
},
"expo": {
"name": "Expo",
"subtitle": "Official Bulma showcase",
"icon": "star",
"color": "star",
"path": "/expo"
},
"love": {
"name": "Love",
"subtitle": "Fans of Bulma around the world",
"color": "danger",
"icon": "heart",
"path": "/love"
},
"more": {
"name": "More",
"path": "/more"
},
"bulma-start": {
"name": "Bulma start",
"subtitle": "A tiny npm package to get started",
"icon": "rocket",
"color": "success",
"path": "/bulma-start"
},
"made-with-bulma": {
"name": "Made with Bulma",
"subtitle": "The official community badge",
"icon": "certificate",
"color": "primary",
"path": "/made-with-bulma"
},
"bootstrap": {
"name": "Coming from Bootstrap",
"subtitle": "See how Bulma is an alternative to Bootstrap",
"icon": "exchange-alt",
"color": "bootstrap",
"path": "/alternative-to-bootstrap"
},
"patreon-backers": {
"name": "Patreon backers",
"subtitle": "Everyone who is supporting Bulma",
"icon_brand": "true",
"icon": "patreon",
"color": "patreon",
"path": "/backers"
},
"extensions": {
"name": "Bulma extensions",
"subtitle": "Side projects to enhance Bulma",
"icon": "plug",
"color": "orange",
"path": "/extensions"
}
},
"more": [
"bulma-start",
"made-with-bulma",
"bootstrap",
"patreon-backers",
"extensions"
],
"categories": {
"overview": ["overview-start", "overview-customize", "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-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"]
}
}
Reference in New Issue View Git Blame Copy Permalink