Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 02:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Bulma v9 website (#3249)

Browse Source 
* Add Bulma v9

* Add vendor dependencies

* Fix native

* Fix sponsors

* Add style attribute
This commit is contained in:
Jeremy Thomas
2021-01-27 23:30:42 +00:00
committed by GitHub
parent c5edaea84f
commit 08ef4df2c0
1963 changed files with 157468 additions and 9452 deletions
Download Patch File Download Diff File Expand all files Collapse all files

291
docs/_data/backers.json
View File

@@ -1,249 +1,114 @@
{
"10": [
{
"name": "Beth LeBeau",
"twitter": "",
"start_timestamp": null
},
{
"name": "divby0",
"twitter": "",
"start_timestamp": null
},
{
"name": "Nikola",
"twitter": "",
"start_timestamp": null
},
{
"name": "Steen Jakobsen",
"twitter": "",
"start_timestamp": null
},
{
"name": "Osvalds Ozolnieks",
"twitter": "",
"start_timestamp": null
},
{
"name": "Steve Trambert",
"twitter": "",
"start_timestamp": null
},
{
"name": "J.T. Feng",
"twitter": "",
"start_timestamp": null
},
{
"name": "Felipe Lujan-Bear",
"twitter": "",
"start_timestamp": null
},
{
"name": "Matthew Tole",
"twitter": "matthewtole",
"start_timestamp": null
},
{
"name": "Benjamin Gorez",
"twitter": "",
"start_timestamp": null
},
{
"name": "Mike Moran",
"twitter": "",
"start_timestamp": null
},
{
"name": "Manish Malik",
"twitter": "",
"start_timestamp": null
},
{
"name": "Walter Tommasi",
"twitter": "",
"start_timestamp": null
},
{
"name": "James Dernie",
"twitter": "",
"start_timestamp": null
},
{
"name": "Eric Doversberger",
"twitter": "",
"start_timestamp": null
},
{
"name": "Ian Ebden",
"twitter": "",
"start_timestamp": null
},
{
"name": "Thomas Klinger",
"twitter": "",
"start_timestamp": null
},
{
"name": "Tanel Jõeäär",
"twitter": "",
"start_timestamp": null
},
{
"name": "Giovanni Panozzo",
"twitter": "",
"start_timestamp": null
},
{
"name": "Hernán Zubiri",
"twitter": "",
"start_timestamp": null
},
{
"name": "Andriy Andriyuk",
"twitter": "",
"start_timestamp": null
}
],
"30": [
{
"name": "Arturas",
"twitter": "",
"start_timestamp": null
},
{
"name": "Al Romano",
"twitter": "",
"start_timestamp": null
},
{
"name": "Harald Maida",
"twitter": "",
"start_timestamp": null
},
{
"name": "Harley Hicks",
"twitter": "",
"start_timestamp": null
},
{
"name": "Brooke Schreier Ganz",
"twitter": "Asparagirl",
"start_timestamp": null
},
{
"name": "Clemens Gallhuber",
"twitter": "",
"start_timestamp": null
},
{
"name": "Dan Weaver",
"twitter": "",
"start_timestamp": null
},
{
"name": "Neil Dingeldein",
"twitter": "",
"start_timestamp": null
},
{
"name": "Lord ",
"twitter": "",
"start_timestamp": null
},
{
"name": "Leonardo Eiji Koshimura",
"twitter": "lekoshimura",
"start_timestamp": null
}
],
"100": [
{
"name": "Iaroslav Baklan",
"twitter": "",
"start_timestamp": null
},
{
"name": "Iaroslav Baklan",
"twitter": "",
"start_timestamp": null
},
{
"name": "Raj.bet",
"twitter": "",
"start_timestamp": null
"discord": "",
"start_timestamp": 1593679726511
},
{
"name": "Maurice Perry",
"twitter": "",
"start_timestamp": null
"discord": "",
"start_timestamp": 1575826633076
},
{
"name": "xvxx",
"twitter": "",
"start_timestamp": null
"discord": "",
"start_timestamp": 1572311879973
},
{
"name": "Greg Hale",
"name": "Al Romano",
"twitter": "",
"start_timestamp": null
}
],
"300": [
"discord": "vip3rousmango#3357",
"start_timestamp": 1551649687685
},
{
"name": "Jason Seminara",
"twitter": "",
"start_timestamp": null
},
{
"name": "Stuart Stanfield",
"twitter": "",
"start_timestamp": null
"discord": "",
"start_timestamp": 1532955289949
},
{
"name": "Jordan Nemrow",
"twitter": "",
"start_timestamp": null
"discord": "",
"start_timestamp": 1510767260223
}
],
"500": [
{
"name": "MonoVM ",
"twitter": "",
"start_timestamp": null
},
{
"name": "Fintan Costello",
"twitter": "",
"start_timestamp": null
},
{
"name": "Adela Belin",
"twitter": "",
"start_timestamp": null
},
{
"name": "Sparheld International GmbH",
"twitter": "",
"start_timestamp": null
},
{
"name": "Robert Bolder",
"twitter": "",
"start_timestamp": null
},
"30": [
{
"name": "Garry Newman",
"twitter": "garrynewman",
"start_timestamp": null
"discord": "",
"start_timestamp": 1511186868165
},
{
"name": "Adrian Ocneanu",
"twitter": "aocneanu",
"start_timestamp": null,
"discord": "",
"start_timestamp": 1510731567799,
"website_url": "https://www.earthlink.ro/",
"website_name": "Earthlink"
}
]
],
"100": [
{
"name": "123Calendars",
"twitter": "",
"discord": "",
"start_timestamp": 1604304762614
},
{
"name": "Iaroslav Baklan",
"twitter": "",
"discord": "",
"start_timestamp": 1603288719531
},
{
"name": "Iaroslav Baklan",
"twitter": "",
"discord": "",
"start_timestamp": 1603287724728
},
{
"name": "Raj.bet",
"twitter": "",
"discord": "",
"start_timestamp": 1598967631148
},
{
"name": "MonoVM ",
"twitter": "",
"discord": "",
"start_timestamp": 1588271410706
},
{
"name": "Fintan Costello",
"twitter": "",
"discord": "",
"start_timestamp": 1584546730317
},
{
"name": "Adela Belin",
"twitter": "",
"discord": "",
"start_timestamp": 1564993835335
},
{
"name": "Sparheld International GmbH",
"twitter": "",
"discord": "",
"start_timestamp": 1563870141112
},
{
"name": "Robert Bolder",
"twitter": "",
"discord": "",
"start_timestamp": 1546593784071
}
],
"300": [],
"500": []
}

59
docs/_data/github.json
View File

@@ -1,40 +1,29 @@
{
"1": [
"scott-joe",
"KirillOsenkov",
"romainnorberg",
"rewtraw",
"bastien09",
"neetso",
"cosgrove39264",
"bekwam",
"smjnab",
"timothymiko",
"mattsly",
"aminah-io",
"Carpenter0100",
"dangowans",
"coyled",
"biximilien",
"markuswustenberg",
"eddielement",
"biximilien"
"dangowans",
"Carpenter0100",
"aminah-io",
"marcop135",
"mattsly",
"timothymiko",
"smjnab",
"bekwam",
"Heartz66",
"cosgrove39264",
"neetso",
"bastien09",
"rewtraw",
"romainnorberg",
"KirillOsenkov",
"scott-joe"
],
"10": [
"Gomah",
"sasmithjr",
"seansan",
"linkdd",
"nafSadh",
"mmmonica50",
"mieko"
],
"100": [
"patrick136",
"airtract",
"Pillarwm",
"brabusdot"
],
"300": [
"wingerdkm1",
"stacho",
"kevivmatrix"
]
"10": ["Mirobit", "mieko", "mmmonica50", "linkdd", "seansan", "Gomah"],
"30": [],
"100": ["GilmarLangelaan", "aaditysony", "faveable", "patrick136"],
"300": ["shereenqumsieh", "kevivmatrix", "stacho", "wingerdkm1"],
"500": []
}

2
docs/_data/icons.json
View File

@@ -1,6 +1,6 @@
{
"fontawesome4": "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css",
"fontawesome5": "https://use.fontawesome.com/releases/v5.14.0/js/all.js",
"fontawesome5": "https://use.fontawesome.com/releases/v5.15.2/js/all.js",
"ionicons": "https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css",
"mdi": "https://cdn.materialdesignicons.com/2.1.19/css/materialdesignicons.min.css"
}

149
docs/_data/links.json
View File

@@ -9,6 +9,19 @@
"subtitle": "Everything you need to <strong>create a website</strong> with Bulma",
"path": "/documentation"
},
"become-sponsor": {
"name": "Become a Bulma sponsor",
"subtitle": "Sponsor Bulma and Open Source via <a href=\"https://www.patreon.com/jgthms\" target=\"_blank\">Patreon</a> and <a href=\"https://github.com/sponsors/jgthms\" target=\"_blank\">GitHub</a>",
"path": "/become-a-bulma-sponsor"
},
"bulma-book": {
"name": "The official Bulma book",
"title": "Book",
"subtitle": "A step-by-step guide that teaches you how to build a web interface from scratch using Bulma",
"icon": "bookmark",
"color": "bleeding",
"path": "/the-official-bulma-book"
},
"overview": {
"name": "Overview",
"subtitle": "An overview of what Bulma as a <strong>framework</strong> is all about",
@@ -190,7 +203,6 @@
},
"helpers-spacing": {
"name": "Spacing",
"new": true,
"subtitle": "Change the <strong>size</strong> and <strong>color</strong> of the text for one or multiple viewport width",
"color": "grey-dark",
"icon": "arrows-alt-h",
@@ -205,7 +217,6 @@
},
"helpers-flexbox": {
"name": "Flexbox",
"new": true,
"subtitle": "Helpers for all <strong>Flexbox</strong> properties",
"color": "primary",
"icon": "ellipsis-h",
@@ -556,7 +567,7 @@
"name": "Blog",
"title": "Blog",
"subtitle": "Stay updated with new features",
"color": "orange",
"color": "rss",
"icon": "rss",
"path": "/blog"
},
@@ -565,26 +576,26 @@
"title": "Expo",
"subtitle": "Official Bulma showcase",
"icon": "star",
"color": "star",
"color": "expo",
"path": "/expo"
},
"love": {
"name": "Love",
"title": "Love",
"subtitle": "Fans of Bulma around the world",
"color": "danger",
"color": "love",
"icon": "heart",
"path": "/love"
},
"backers": {
"id": "backers",
"name": "Patreon and GitHub Backers",
"name": "Backers",
"title": "Backers",
"color": "patreon",
"icon": "patreon",
"path": "/backers",
"icon_brand": true,
"subtitle": "Everyone who is supporting Bulma",
"subtitle": "Everyone who is supporting Bulma via Patreon and GitHub",
"description": "Everyone who is supporting Bulma"
},
"more": {
@@ -593,6 +604,7 @@
},
"bulma-start": {
"name": "Bulma start",
"title": "Start",
"subtitle": "A tiny npm package to get started",
"icon": "rocket",
"color": "success",
@@ -600,9 +612,10 @@
},
"made-with-bulma": {
"name": "Made with Bulma",
"title": "Badge",
"subtitle": "The official community badge",
"icon": "certificate",
"color": "primary",
"color": "warning",
"path": "/made-with-bulma"
},
"bootstrap": {
@@ -622,34 +635,116 @@
},
"extensions": {
"name": "Bulma extensions",
"title": "Extensions",
"subtitle": "Side projects to enhance Bulma",
"icon": "plug",
"color": "orange",
"color": "extensions",
"path": "/extensions"
}
},
"navbar": [
"videos",
"expo",
"love",
"backers"
"navbar": ["videos", "expo", "love", "backers"],
"navbarMore": [
"extensions",
"bulma-book",
"blog",
"bulma-start",
"made-with-bulma"
],
"more": [
"backers",
"blog",
"made-with-bulma",
"bootstrap",
"extensions",
"bulma-start"
"bulma-book",
"blog",
"bulma-start",
"made-with-bulma",
"bootstrap"
],
"categoryIds": [
"overview",
"customize",
"columns",
"elements",
"components",
"form",
"layout",
"helpers"
],
"categories": {
"overview": ["overview-start", "overview-classes", "overview-modifiers", "overview-modular", "overview-responsiveness", "overview-colors", "overview-functions", "overview-mixins"],
"customize": ["customize-concepts", "customize-variables", "customize-node-sass", "customize-sass-cli", "customize-webpack"],
"helpers": ["helpers-color", "helpers-spacing", "helpers-typography", "helpers-visibility", "helpers-flexbox", "helpers-other"],
"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-block", "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"]
"overview": [
"overview-start",
"overview-classes",
"overview-modifiers",
"overview-modular",
"overview-responsiveness",
"overview-colors",
"overview-functions",
"overview-mixins"
],
"customize": [
"customize-concepts",
"customize-variables",
"customize-node-sass",
"customize-sass-cli",
"customize-webpack"
],
"helpers": [
"helpers-color",
"helpers-spacing",
"helpers-typography",
"helpers-visibility",
"helpers-flexbox",
"helpers-other"
],
"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-block",
"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"
]
}
}

483
docs/_data/love.json
View File

File diff suppressed because it is too large Load Diff

10
docs/_data/meta.json
View File

@@ -10,7 +10,13 @@
"book_url": "https://bleedingedgepress.com/creating-interfaces-bulma/",
"book_amazon": "https://www.amazon.com/Creating-Interfaces-Bulma-Jeremy-Thomas-ebook/dp/B079M1BJG4/",
"book_sample": "http://www.bleedingedgepress.com/book_excerpts/01E9D1/creating_interfaces_with_bulma_sample.pdf",
"scrimba_url": "https://scrimba.com/g/gbulma",
"scrimba_url": "https://scrimba.com/learn/bulma",
"patreon_url": "https://www.patreon.com/jgthms",
"sponsorship_url": "https://github.com/users/jgthms/sponsorship"
"sponsorship_url": "https://github.com/sponsors/jgthms",
"npm": "https://www.npmjs.com/package/bulma",
"git_ssh": "git clone git@github.com:jgthms/bulma.git",
"git_https": "git clone https://github.com/jgthms/bulma.git",
"git_cli": "gh repo clone jgthms/bulma",
"jsdelivr": "https://www.jsdelivr.com/package/npm/bulma",
"cdnjs": "https://cdnjs.com/libraries/bulma"
}

1
docs/_data/sizes.json Normal file
View File

@@ -0,0 +1 @@
["small", "normal", "medium", "large"]

30
docs/_data/tiers.json Normal file
View File

@@ -0,0 +1,30 @@
[
{
"amount": 1,
"message": "Thank you for supporting Bulma and open source!"
},
{
"amount": 10,
"message": "Your name will be put on the Bulma website's backers page, and in `backers.md` in the Bulma repository."
},
{
"amount": 30,
"message": "Your name will be put at the **top** of the Bulma website's backers page, and at the top of `backers.md` in the Bulma repository."
},
{
"amount": 100,
"message": "Your name or company logo will appear on the Bulma **homepage**."
},
{
"amount": 200,
"message": "Two of your names or company logos will appear on the Bulma **homepage**."
},
{
"amount": 300,
"message": "Your name or company logo will appear on the Bulma **homepage** and in the footer of **each page** of the website."
},
{
"amount": 500,
"message": "Your name or company logo will appear on the Bulma **documentation sidebar**."
}
]

2
docs/_data/variables/components/breadcrumb.json
View File

@@ -5,7 +5,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$breadcrumb-item-hover-color": {
"name": "$breadcrumb-item-hover-color",

10
docs/_data/variables/components/card.json
View File

@@ -17,18 +17,13 @@
"$card-shadow": {
"name": "$card-shadow",
"value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)",
"type": "size"
"type": "shadow"
},
"$card-radius": {
"name": "$card-radius",
"value": "0.25rem",
"type": "size"
},
"$card-overflow": {
"name": "$card-overflow",
"value": "hidden",
"type": "string"
},
"$card-header-background-color": {
"name": "$card-header-background-color",
"value": "transparent",
@@ -49,7 +44,7 @@
"$card-header-shadow": {
"name": "$card-header-shadow",
"value": "0 0.125em 0.25em rgba($scheme-invert, 0.1)",
"type": "size"
"type": "shadow"
},
"$card-header-weight": {
"name": "$card-header-weight",
@@ -96,7 +91,6 @@
"$card-background-color",
"$card-shadow",
"$card-radius",
"$card-overflow",
"$card-header-background-color",
"$card-header-color",
"$card-header-padding",

6
docs/_data/variables/components/dropdown.json
View File

@@ -17,7 +17,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$dropdown-content-offset": {
"name": "$dropdown-content-offset",
@@ -44,7 +44,7 @@
"$dropdown-content-shadow": {
"name": "$dropdown-content-shadow",
"value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)",
"type": "size"
"type": "shadow"
},
"$dropdown-content-z": {
"name": "$dropdown-content-z",
@@ -84,7 +84,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$dropdown-divider-background-color": {
"name": "$dropdown-divider-background-color",

44
docs/_data/variables/components/media.json
View File

@@ -4,10 +4,52 @@
"name": "$media-border-color",
"value": "bulmaRgba($border, 0.5)",
"type": "compound"
},
"$media-border-size": {
"name": "$media-border-size",
"value": "1px",
"type": "size"
},
"$media-spacing": {
"name": "$media-spacing",
"value": "1rem",
"type": "size"
},
"$media-spacing-large": {
"name": "$media-spacing-large",
"value": "1.5rem",
"type": "size"
},
"$media-content-spacing": {
"name": "$media-content-spacing",
"value": "0.75rem",
"type": "size"
},
"$media-level-1-spacing": {
"name": "$media-level-1-spacing",
"value": "0.75rem",
"type": "size"
},
"$media-level-1-content-spacing": {
"name": "$media-level-1-content-spacing",
"value": "0.5rem",
"type": "size"
},
"$media-level-2-spacing": {
"name": "$media-level-2-spacing",
"value": "0.5rem",
"type": "size"
}
},
"list": [
"$media-border-color"
"$media-border-color",
"$media-border-size",
"$media-spacing",
"$media-spacing-large",
"$media-content-spacing",
"$media-level-1-spacing",
"$media-level-1-content-spacing",
"$media-level-2-spacing"
],
"file_path": "components/media.sass"
}

2
docs/_data/variables/components/menu.json
View File

@@ -40,7 +40,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$menu-list-border-left": {
"name": "$menu-list-border-left",

4
docs/_data/variables/components/message.json
View File

@@ -99,8 +99,8 @@
"name": "$message-colors",
"value": "$colors",
"type": "variable",
"computed_type": "function",
"computed_value": "mergeColorMaps((\"white\": ($white, $black), \"black\": ($black, $white), \"light\": ($light, $light-invert), \"dark\": ($dark, $dark-invert), \"primary\": ($primary, $primary-invert, $primary-light, $primary-dark), \"link\": ($link, $link-invert, $link-light, $link-dark), \"info\": ($info, $info-invert, $info-light, $info-dark), \"success\": ($success, $success-invert, $success-light, $success-dark), \"warning\": ($warning, $warning-invert, $warning-light, $warning-dark), \"danger\": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors)"
"computed_type": "map",
"computed_value": "Bulma colors"
}
},
"list": [

22
docs/_data/variables/components/navbar.json
View File

@@ -46,17 +46,17 @@
},
"$navbar-item-color": {
"name": "$navbar-item-color",
"value": "$text",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
"computed_value": "hsl(0, 0%, 21%)"
},
"$navbar-item-hover-color": {
"name": "$navbar-item-hover-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$navbar-item-hover-background-color": {
"name": "$navbar-item-hover-background-color",
@@ -97,14 +97,14 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$navbar-tab-active-color": {
"name": "$navbar-tab-active-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$navbar-tab-active-background-color": {
"name": "$navbar-tab-active-background-color",
@@ -116,7 +116,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$navbar-tab-active-border-bottom-style": {
"name": "$navbar-tab-active-border-bottom-style",
@@ -150,7 +150,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$navbar-dropdown-radius": {
"name": "$navbar-dropdown-radius",
@@ -174,7 +174,7 @@
"$navbar-dropdown-boxed-shadow": {
"name": "$navbar-dropdown-boxed-shadow",
"value": "0 8px 8px bulmaRgba($scheme-invert, 0.1), 0 0 0 1px bulmaRgba($scheme-invert, 0.1)",
"type": "size"
"type": "shadow"
},
"$navbar-dropdown-item-hover-color": {
"name": "$navbar-dropdown-item-hover-color",
@@ -195,7 +195,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$navbar-dropdown-item-active-background-color": {
"name": "$navbar-dropdown-item-active-background-color",
@@ -232,8 +232,8 @@
"name": "$navbar-colors",
"value": "$colors",
"type": "variable",
"computed_type": "function",
"computed_value": "mergeColorMaps((\"white\": ($white, $black), \"black\": ($black, $white), \"light\": ($light, $light-invert), \"dark\": ($dark, $dark-invert), \"primary\": ($primary, $primary-invert, $primary-light, $primary-dark), \"link\": ($link, $link-invert, $link-light, $link-dark), \"info\": ($info, $info-invert, $info-light, $info-dark), \"success\": ($success, $success-invert, $success-light, $success-dark), \"warning\": ($warning, $warning-invert, $warning-light, $warning-dark), \"danger\": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors)"
"computed_type": "map",
"computed_value": "Bulma colors"
}
},
"list": [

26
docs/_data/variables/components/pagination.json
View File

@@ -44,6 +44,16 @@
"value": "0.5em",
"type": "size"
},
"$pagination-nav-padding-left": {
"name": "$pagination-nav-padding-left",
"value": "0.75em",
"type": "size"
},
"$pagination-nav-padding-right": {
"name": "$pagination-nav-padding-right",
"value": "0.75em",
"type": "size"
},
"$pagination-hover-color": {
"name": "$pagination-hover-color",
"value": "$link-hover",
@@ -70,7 +80,7 @@
"value": "$link-focus-border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$pagination-active-color": {
"name": "$pagination-active-color",
@@ -119,14 +129,14 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$pagination-current-border-color": {
"name": "$pagination-current-border-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$pagination-ellipsis-color": {
"name": "$pagination-ellipsis-color",
@@ -134,6 +144,11 @@
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 71%)"
},
"$pagination-shadow-inset": {
"name": "$pagination-shadow-inset",
"value": "inset 0 1px 2px rgba($scheme-invert, 0.2)",
"type": "size"
}
},
"list": [
@@ -145,6 +160,8 @@
"$pagination-item-margin",
"$pagination-item-padding-left",
"$pagination-item-padding-right",
"$pagination-nav-padding-left",
"$pagination-nav-padding-right",
"$pagination-hover-color",
"$pagination-hover-border-color",
"$pagination-focus-color",
@@ -157,7 +174,8 @@
"$pagination-current-color",
"$pagination-current-background-color",
"$pagination-current-border-color",
"$pagination-ellipsis-color"
"$pagination-ellipsis-color",
"$pagination-shadow-inset"
],
"file_path": "components/pagination.sass"
}

12
docs/_data/variables/components/panel.json
View File

@@ -22,7 +22,7 @@
"$panel-shadow": {
"name": "$panel-shadow",
"value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)",
"type": "size"
"type": "shadow"
},
"$panel-heading-background-color": {
"name": "$panel-heading-background-color",
@@ -103,7 +103,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$panel-block-color": {
"name": "$panel-block-color",
@@ -124,7 +124,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$panel-block-active-color": {
"name": "$panel-block-active-color",
@@ -138,7 +138,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$panel-icon-color": {
"name": "$panel-icon-color",
@@ -151,8 +151,8 @@
"name": "$panel-colors",
"value": "$colors",
"type": "variable",
"computed_type": "function",
"computed_value": "mergeColorMaps((\"white\": ($white, $black), \"black\": ($black, $white), \"light\": ($light, $light-invert), \"dark\": ($dark, $dark-invert), \"primary\": ($primary, $primary-invert, $primary-light, $primary-dark), \"link\": ($link, $link-invert, $link-light, $link-dark), \"info\": ($info, $info-invert, $info-light, $info-dark), \"success\": ($success, $success-invert, $success-light, $success-dark), \"warning\": ($warning, $warning-invert, $warning-light, $warning-dark), \"danger\": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors)"
"computed_type": "map",
"computed_value": "Bulma colors"
}
},
"list": [

8
docs/_data/variables/components/tabs.json
View File

@@ -43,14 +43,14 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$tabs-link-active-color": {
"name": "$tabs-link-active-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$tabs-link-padding": {
"name": "$tabs-link-padding",
@@ -140,14 +140,14 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$tabs-toggle-link-active-border-color": {
"name": "$tabs-toggle-link-active-border-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$tabs-toggle-link-active-color": {
"name": "$tabs-toggle-link-active-color",

6
docs/_data/variables/elements/box.json
View File

@@ -24,7 +24,7 @@
"$box-shadow": {
"name": "$box-shadow",
"value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)",
"type": "size"
"type": "shadow"
},
"$box-padding": {
"name": "$box-padding",
@@ -34,12 +34,12 @@
"$box-link-hover-shadow": {
"name": "$box-link-hover-shadow",
"value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0 0 1px $link",
"type": "size"
"type": "shadow"
},
"$box-link-active-shadow": {
"name": "$box-link-active-shadow",
"value": "inset 0 1px 2px rgba($scheme-invert, 0.2), 0 0 0 1px $link",
"type": "size"
"type": "shadow"
}
},
"list": [

48
docs/_data/variables/elements/button.json
View File

@@ -67,7 +67,7 @@
"value": "$link-focus-border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$button-focus-box-shadow-size": {
"name": "$button-focus-box-shadow-size",
@@ -119,6 +119,40 @@
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$button-ghost-background": {
"name": "$button-ghost-background",
"value": "none",
"type": "string"
},
"$button-ghost-border-color": {
"name": "$button-ghost-border-color",
"value": "transparent",
"type": "string"
},
"$button-ghost-color": {
"name": "$button-ghost-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
},
"$button-ghost-decoration": {
"name": "$button-ghost-decoration",
"value": "none",
"type": "string"
},
"$button-ghost-hover-color": {
"name": "$button-ghost-hover-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
},
"$button-ghost-hover-decoration": {
"name": "$button-ghost-hover-decoration",
"value": "underline",
"type": "string"
},
"$button-disabled-background-color": {
"name": "$button-disabled-background-color",
"value": "$scheme-main",
@@ -136,7 +170,7 @@
"$button-disabled-shadow": {
"name": "$button-disabled-shadow",
"value": "none",
"type": "string"
"type": "shadow"
},
"$button-disabled-opacity": {
"name": "$button-disabled-opacity",
@@ -168,8 +202,8 @@
"name": "$button-colors",
"value": "$colors",
"type": "variable",
"computed_type": "function",
"computed_value": "mergeColorMaps((\"white\": ($white, $black), \"black\": ($black, $white), \"light\": ($light, $light-invert), \"dark\": ($dark, $dark-invert), \"primary\": ($primary, $primary-invert, $primary-light, $primary-dark), \"link\": ($link, $link-invert, $link-light, $link-dark), \"info\": ($info, $info-invert, $info-light, $info-dark), \"success\": ($success, $success-invert, $success-light, $success-dark), \"warning\": ($warning, $warning-invert, $warning-light, $warning-dark), \"danger\": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors)"
"computed_type": "map",
"computed_value": "Bulma colors"
}
},
"list": [
@@ -192,6 +226,12 @@
"$button-text-decoration",
"$button-text-hover-background-color",
"$button-text-hover-color",
"$button-ghost-background",
"$button-ghost-border-color",
"$button-ghost-color",
"$button-ghost-decoration",
"$button-ghost-hover-color",
"$button-ghost-hover-decoration",
"$button-disabled-background-color",
"$button-disabled-border-color",
"$button-disabled-shadow",

8
docs/_data/variables/elements/icon.json
View File

@@ -19,13 +19,19 @@
"name": "$icon-dimensions-large",
"value": "3rem",
"type": "size"
},
"$icon-text-spacing": {
"name": "$icon-text-spacing",
"value": "0.25em",
"type": "size"
}
},
"list": [
"$icon-dimensions",
"$icon-dimensions-small",
"$icon-dimensions-medium",
"$icon-dimensions-large"
"$icon-dimensions-large",
"$icon-text-spacing"
],
"file_path": "elements/icon.sass"
}

4
docs/_data/variables/elements/notification.json
View File

@@ -40,8 +40,8 @@
"name": "$notification-colors",
"value": "$colors",
"type": "variable",
"computed_type": "function",
"computed_value": "mergeColorMaps((\"white\": ($white, $black), \"black\": ($black, $white), \"light\": ($light, $light-invert), \"dark\": ($dark, $dark-invert), \"primary\": ($primary, $primary-invert, $primary-light, $primary-dark), \"link\": ($link, $link-invert, $link-light, $link-dark), \"info\": ($info, $info-invert, $info-light, $info-dark), \"success\": ($success, $success-invert, $success-light, $success-dark), \"warning\": ($warning, $warning-invert, $warning-light, $warning-dark), \"danger\": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors)"
"computed_type": "map",
"computed_value": "Bulma colors"
}
},
"list": [

6
docs/_data/variables/elements/progress.json
View File

@@ -19,7 +19,7 @@
"value": "$radius-rounded",
"type": "variable",
"computed_type": "size",
"computed_value": "290486px"
"computed_value": "9999px"
},
"$progress-indeterminate-duration": {
"name": "$progress-indeterminate-duration",
@@ -30,8 +30,8 @@
"name": "$progress-colors",
"value": "$colors",
"type": "variable",
"computed_type": "function",
"computed_value": "mergeColorMaps((\"white\": ($white, $black), \"black\": ($black, $white), \"light\": ($light, $light-invert), \"dark\": ($dark, $dark-invert), \"primary\": ($primary, $primary-invert, $primary-light, $primary-dark), \"link\": ($link, $link-invert, $link-light, $link-dark), \"info\": ($info, $info-invert, $info-light, $info-dark), \"success\": ($success, $success-invert, $success-light, $success-dark), \"warning\": ($warning, $warning-invert, $warning-light, $warning-dark), \"danger\": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors)"
"computed_type": "map",
"computed_value": "Bulma colors"
}
},
"list": [

4
docs/_data/variables/elements/table.json
View File

@@ -114,8 +114,8 @@
"name": "$table-colors",
"value": "$colors",
"type": "variable",
"computed_type": "function",
"computed_value": "mergeColorMaps((\"white\": ($white, $black), \"black\": ($black, $white), \"light\": ($light, $light-invert), \"dark\": ($dark, $dark-invert), \"primary\": ($primary, $primary-invert, $primary-light, $primary-dark), \"link\": ($link, $link-invert, $link-light, $link-dark), \"info\": ($info, $info-invert, $info-light, $info-dark), \"success\": ($success, $success-invert, $success-light, $success-dark), \"warning\": ($warning, $warning-invert, $warning-light, $warning-dark), \"danger\": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors)"
"computed_type": "map",
"computed_value": "Bulma colors"
}
},
"list": [

4
docs/_data/variables/elements/tag.json
View File

@@ -30,8 +30,8 @@
"name": "$tag-colors",
"value": "$colors",
"type": "variable",
"computed_type": "function",
"computed_value": "mergeColorMaps((\"white\": ($white, $black), \"black\": ($black, $white), \"light\": ($light, $light-invert), \"dark\": ($dark, $dark-invert), \"primary\": ($primary, $primary-invert, $primary-light, $primary-dark), \"link\": ($link, $link-invert, $link-light, $link-dark), \"info\": ($info, $info-invert, $info-light, $info-dark), \"success\": ($success, $success-invert, $success-light, $success-dark), \"warning\": ($warning, $warning-invert, $warning-light, $warning-dark), \"danger\": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors)"
"computed_type": "map",
"computed_value": "Bulma colors"
}
},
"list": [

10
docs/_data/variables/form/shared.json
View File

@@ -4,8 +4,8 @@
"name": "$form-colors",
"value": "$colors",
"type": "variable",
"computed_type": "function",
"computed_value": "mergeColorMaps((\"white\": ($white, $black), \"black\": ($black, $white), \"light\": ($light, $light-invert), \"dark\": ($dark, $dark-invert), \"primary\": ($primary, $primary-invert, $primary-light, $primary-dark), \"link\": ($link, $link-invert, $link-light, $link-dark), \"info\": ($info, $info-invert, $info-light, $info-dark), \"success\": ($success, $success-invert, $success-light, $success-dark), \"warning\": ($warning, $warning-invert, $warning-light, $warning-dark), \"danger\": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors)"
"computed_type": "map",
"computed_value": "Bulma colors"
},
"$input-color": {
"name": "$input-color",
@@ -36,7 +36,7 @@
"$input-shadow": {
"name": "$input-shadow",
"value": "inset 0 0.0625em 0.125em rgba($scheme-invert, 0.05)",
"type": "size"
"type": "shadow"
},
"$input-placeholder-color": {
"name": "$input-placeholder-color",
@@ -69,7 +69,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$input-focus-box-shadow-size": {
"name": "$input-focus-box-shadow-size",
@@ -112,7 +112,7 @@
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$input-icon-color": {
"name": "$input-icon-color",

14
docs/_data/variables/layout/hero.json
View File

@@ -5,6 +5,11 @@
"value": "3rem 1.5rem",
"type": "size"
},
"$hero-body-padding-tablet": {
"name": "$hero-body-padding-tablet",
"value": "3rem 3rem",
"type": "size"
},
"$hero-body-padding-small": {
"name": "$hero-body-padding-small",
"value": "1.5rem",
@@ -12,24 +17,25 @@
},
"$hero-body-padding-medium": {
"name": "$hero-body-padding-medium",
"value": "9rem 1.5rem",
"value": "9rem 4.5rem",
"type": "size"
},
"$hero-body-padding-large": {
"name": "$hero-body-padding-large",
"value": "18rem 1.5rem",
"value": "18rem 6rem",
"type": "size"
},
"$hero-colors": {
"name": "$hero-colors",
"value": "$colors",
"type": "variable",
"computed_type": "function",
"computed_value": "mergeColorMaps((\"white\": ($white, $black), \"black\": ($black, $white), \"light\": ($light, $light-invert), \"dark\": ($dark, $dark-invert), \"primary\": ($primary, $primary-invert, $primary-light, $primary-dark), \"link\": ($link, $link-invert, $link-light, $link-dark), \"info\": ($info, $info-invert, $info-light, $info-dark), \"success\": ($success, $success-invert, $success-light, $success-dark), \"warning\": ($warning, $warning-invert, $warning-light, $warning-dark), \"danger\": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors)"
"computed_type": "map",
"computed_value": "Bulma colors"
}
},
"list": [
"$hero-body-padding",
"$hero-body-padding-tablet",
"$hero-body-padding-small",
"$hero-body-padding-medium",
"$hero-body-padding-large",

10
docs/_data/variables/layout/section.json
View File

@@ -5,19 +5,25 @@
"value": "3rem 1.5rem",
"type": "size"
},
"$section-padding-desktop": {
"name": "$section-padding-desktop",
"value": "3rem 3rem",
"type": "size"
},
"$section-padding-medium": {
"name": "$section-padding-medium",
"value": "9rem 1.5rem",
"value": "9rem 4.5rem",
"type": "size"
},
"$section-padding-large": {
"name": "$section-padding-large",
"value": "18rem 1.5rem",
"value": "18rem 6rem",
"type": "size"
}
},
"list": [
"$section-padding",
"$section-padding-desktop",
"$section-padding-medium",
"$section-padding-large"
],

14
docs/_data/variables/utilities/derived-variables.json
View File

@@ -12,21 +12,21 @@
"value": "$cyan",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(204, 71%, 53%)"
"computed_value": "hsl(207, 61%, 53%)"
},
"$success": {
"name": "$success",
"value": "$green",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(141, 53%, 53%)"
"computed_value": "hsl(153, 53%, 53%)"
},
"$warning": {
"name": "$warning",
"value": "$yellow",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(48, 100%, 67%)"
"computed_value": "hsl(44, 100%, 77%)"
},
"$danger": {
"name": "$danger",
@@ -340,7 +340,7 @@
"value": "$blue",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$link-invert": {
"name": "$link-invert",
@@ -392,7 +392,7 @@
"value": "$blue",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
"computed_value": "hsl(229, 53%, 53%)"
},
"$link-active": {
"name": "$link-active",
@@ -470,12 +470,12 @@
"$colors": {
"name": "$colors",
"value": "mergeColorMaps((\"white\": ($white, $black), \"black\": ($black, $white), \"light\": ($light, $light-invert), \"dark\": ($dark, $dark-invert), \"primary\": ($primary, $primary-invert, $primary-light, $primary-dark), \"link\": ($link, $link-invert, $link-light, $link-dark), \"info\": ($info, $info-invert, $info-light, $info-dark), \"success\": ($success, $success-invert, $success-light, $success-dark), \"warning\": ($warning, $warning-invert, $warning-light, $warning-dark), \"danger\": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors)",
"type": "function"
"type": "map"
},
"$shades": {
"name": "$shades",
"value": "mergeColorMaps((\"black-bis\": $black-bis, \"black-ter\": $black-ter, \"grey-darker\": $grey-darker, \"grey-dark\": $grey-dark, \"grey\": $grey, \"grey-light\": $grey-light, \"grey-lighter\": $grey-lighter, \"white-ter\": $white-ter, \"white-bis\": $white-bis), $custom-shades)",
"type": "function"
"type": "map"
},
"$sizes": {
"name": "$sizes",

10
docs/_data/variables/utilities/initial-variables.json
View File

@@ -67,12 +67,12 @@
},
"$yellow": {
"name": "$yellow",
"value": "hsl(48, 100%, 67%)",
"value": "hsl(44, 100%, 77%)",
"type": "color"
},
"$green": {
"name": "$green",
"value": "hsl(141, 53%, 53%)",
"value": "hsl(153, 53%, 53%)",
"type": "color"
},
"$turquoise": {
@@ -82,12 +82,12 @@
},
"$cyan": {
"name": "$cyan",
"value": "hsl(204, 71%, 53%)",
"value": "hsl(207, 61%, 53%)",
"type": "color"
},
"$blue": {
"name": "$blue",
"value": "hsl(217, 71%, 53%)",
"value": "hsl(229, 53%, 53%)",
"type": "color"
},
"$purple": {
@@ -237,7 +237,7 @@
},
"$radius-rounded": {
"name": "$radius-rounded",
"value": "290486px",
"value": "9999px",
"type": "size"
},
"$speed": {