From f6c0cfc813c1aeeebc2abe3c0e615b80ca6577d9 Mon Sep 17 00:00:00 2001 From: Jeremy Thomas Date: Sun, 19 Sep 2021 23:36:15 +0100 Subject: [PATCH] Add utilities documentation --- docs/_data/links.json | 213 ++++---- .../components/breakpoints-table.html | 120 +++++ docs/_includes/elements/snippet-inline.html | 1 + docs/_includes/global/navbar-item.html | 2 +- docs/_layouts/documentation.html | 12 +- docs/_sass/components/code.scss | 16 +- docs/_sass/components/color.scss | 9 + docs/_sass/components/variables.scss | 4 +- docs/_sass/examples/mixins.scss | 24 + docs/_sass/pages/docs.scss | 14 +- docs/bulma-docs.scss | 1 + docs/css/bulma-docs.css | 487 ++++++++++++++++-- docs/css/bulma-docs.min.css | 2 +- .../overview/responsiveness.html | 163 +----- docs/documentation/utilities.html | 13 + .../utilities/control-mixins.html | 176 +++++-- docs/documentation/utilities/extends.html | 109 ++-- docs/documentation/utilities/functions.html | 81 ++- .../utilities/responsive-mixins.html | 224 +++++++- 19 files changed, 1227 insertions(+), 444 deletions(-) create mode 100644 docs/_includes/components/breakpoints-table.html create mode 100644 docs/_includes/elements/snippet-inline.html create mode 100644 docs/_sass/components/color.scss create mode 100644 docs/documentation/utilities.html diff --git a/docs/_data/links.json b/docs/_data/links.json index f3f013e4..2f7b4f6c 100644 --- a/docs/_data/links.json +++ b/docs/_data/links.json @@ -2,17 +2,17 @@ "by_id": { "home": { "name": "Home", - "path": "" + "path": "/" }, "documentation": { "name": "Documentation", "subtitle": "Everything you need to create a website with Bulma", - "path": "/documentation" + "path": "/documentation/" }, "become-sponsor": { "name": "Become a Bulma sponsor", "subtitle": "Sponsor Bulma and Open Source via Patreon and GitHub", - "path": "/become-a-bulma-sponsor" + "path": "/become-a-bulma-sponsor/" }, "bulma-book": { "name": "The official Bulma book", @@ -20,28 +20,28 @@ "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" + "path": "/the-official-bulma-book/" }, "overview": { "name": "Overview", "subtitle": "An overview of what Bulma as a framework is all about", "color": "primary", "icon": "eye", - "path": "/documentation/overview" + "path": "/documentation/overview/" }, "overview-start": { "name": "Start", "subtitle": "You only need 1 CSS file to use Bulma", "color": "danger", "icon": "rocket", - "path": "/documentation/overview/start" + "path": "/documentation/overview/start/" }, "overview-customize": { "name": "Customize", "subtitle": "Create your own theme with a simple set of variables", "color": "purple", "icon": "paint-brush", - "path": "/documentation/overview/customize" + "path": "/documentation/overview/customize/" }, "overview-classes": { "name": "CSS classes", @@ -49,98 +49,99 @@ "color": "link", "icon_brand": "true", "icon": "css3", - "path": "/documentation/overview/classes" + "path": "/documentation/overview/classes/" }, "overview-modular": { "name": "Modularity", "subtitle": "Just import what you need", "color": "success", "icon": "cubes", - "path": "/documentation/overview/modular" + "path": "/documentation/overview/modular/" }, "overview-responsiveness": { "name": "Responsiveness", "subtitle": "Bulma is a mobile-first framework", "color": "primary", "icon": "arrows-alt-h", - "path": "/documentation/overview/responsiveness" + "path": "/documentation/overview/responsiveness/" }, "overview-variables": { "name": "Variables", "subtitle": "See how Bulma uses Sass variables to allow easy customization", "color": "grey", "icon": "cogs", - "path": "/documentation/overview/variables" + "path": "/documentation/overview/variables/" }, "overview-colors": { "name": "Colors", "subtitle": "The colors that style most Bulma elements and components", "color": "info", "icon": "tint", - "path": "/documentation/overview/colors" + "path": "/documentation/overview/colors/" }, "utilities": { "name": "Utilities", "subtitle": "Sass tools used by Bulma and available for you", "color": "primary", - "icon": "eye", - "path": "/documentation/utilities" + "icon": "tools", + "path": "/documentation/utilities/" }, "utilities-functions": { "name": "Functions", "subtitle": "Utility functions to calculate colors and other values", "color": "orange", "icon": "code", - "path": "/documentation/utilities/functions" + "path": "/documentation/utilities/functions/" }, "utilities-mixins": { "name": "Mixins", - "subtitle": "Utility mixins for custom elements and responsive helpers", + "subtitle": "Utility mixins for custom elements and other CSS helpers", "color": "purple", - "icon": "plus", - "path": "/documentation/utilities/mixins" + "icon": "equals", + "path": "/documentation/utilities/mixins/" }, "utilities-responsive-mixins": { - "name": "Responsive Mixins", - "subtitle": "Utility mixins for custom elements and responsive helpers", + "name": "Responsive mixins", + "subtitle": "Mixins that allows you to define different styles for each screen size", "color": "purple", - "icon": "plus", - "path": "/documentation/utilities/responsive-mixins" + "icon": "arrows-alt-h", + "path": "/documentation/utilities/responsive-mixins/" }, "utilities-extends": { "name": "Extends", - "subtitle": "Utility mixins for custom elements and responsive helpers", + "subtitle": "Sass extends to keep your CSS code DRY", "color": "purple", - "icon": "plus", - "path": "/documentation/utilities/extends" + "icon": "percentage", + "path": "/documentation/utilities/extends/" }, "utilities-control-mixins": { - "name": "Controls", - "subtitle": "Utility mixins for custom elements and responsive helpers", + "name": "Form Control mixins", + "subtitle": "Mixins for Bulma's buttons and form controls", "color": "purple", - "icon": "plus", - "path": "/documentation/utilities/controls" + "icon": "hand-pointer", + "icon_regular": "true", + "path": "/documentation/utilities/control-mixins/" }, "customize": { "name": "Customize", "subtitle": "Create your own theme with a simple set of variables", "color": "purple", "icon": "paint-brush", - "path": "/documentation/customize" + "path": "/documentation/customize/" }, "customize-concepts": { "name": "Concepts", "subtitle": "What makes Bulma customizable", "color": "info", "icon": "lightbulb", - "path": "/documentation/customize/concepts" + "path": "/documentation/customize/concepts/" }, "customize-variables": { "name": "Variables", "subtitle": "See how Bulma uses Sass variables to allow easy customization", "color": "grey", "icon": "cogs", - "path": "/documentation/customize/variables" + "path": "/documentation/customize/variables/" }, "customize-node-sass": { "name": "With node-sass", @@ -148,7 +149,7 @@ "color": "danger", "icon_brand": "true", "icon": "npm", - "path": "/documentation/customize/with-node-sass" + "path": "/documentation/customize/with-node-sass/" }, "customize-sass-cli": { "name": "With Sass CLI", @@ -156,7 +157,7 @@ "color": "purple", "icon_brand": "true", "icon": "sass", - "path": "/documentation/customize/with-sass-cli" + "path": "/documentation/customize/with-sass-cli/" }, "customize-webpack": { "name": "With webpack", @@ -164,195 +165,195 @@ "color": "warning", "icon_brand": "true", "icon": "js", - "path": "/documentation/customize/with-webpack" + "path": "/documentation/customize/with-webpack/" }, "modifiers": { "name": "Modifiers", "subtitle": "An easy-to-read naming system designed for humans", "color": "grey", "icon": "cogs", - "path": "/documentation/modifiers" + "path": "/documentation/modifiers/" }, "overview-modifiers": { "name": "Modifiers syntax", "subtitle": "Most Bulma elements have alternative styles. To apply them, you only need to append one of the modifier classes. They all start with is- or has-.", "color": "orange", "icon": "code", - "path": "/documentation/overview/modifiers" + "path": "/documentation/overview/modifiers/" }, "modifiers-helpers": { "name": "Helpers", "subtitle": "Apply helper classes to almost any element, in order to alter its style", "color": "danger", "icon": "medkit", - "path": "/documentation/modifiers/helpers" + "path": "/documentation/modifiers/helpers/" }, "modifiers-responsive-helpers": { "name": "Responsive helpers", "subtitle": "Show/hide content depending on the width of the viewport", "color": "primary", "icon": "arrows-alt-h", - "path": "/documentation/modifiers/responsive-helpers" + "path": "/documentation/modifiers/responsive-helpers/" }, "modifiers-color-helpers": { "name": "Color helpers", "subtitle": "Change the color of the text and/or background", "color": "info", "icon": "tint", - "path": "/documentation/modifiers/color-helpers" + "path": "/documentation/modifiers/color-helpers/" }, "modifiers-typography-helpers": { "name": "Typography helpers", "subtitle": "Change the size and color of the text for one or multiple viewport width", "color": "grey-dark", "icon": "font", - "path": "/documentation/modifiers/typography-helpers" + "path": "/documentation/modifiers/typography-helpers/" }, "helpers": { "name": "Helpers", "subtitle": "Apply helper classes to almost any element, in order to alter their style", "color": "danger", "icon": "medkit", - "path": "/documentation/helpers" + "path": "/documentation/helpers/" }, "helpers-color": { "name": "Color", "subtitle": "Change the color of the text and/or background", "color": "info", "icon": "tint", - "path": "/documentation/helpers/color-helpers" + "path": "/documentation/helpers/color-helpers/" }, "helpers-typography": { "name": "Typography", "subtitle": "Change the size, weight, and other font properties of the text", "color": "grey-dark", "icon": "font", - "path": "/documentation/helpers/typography-helpers" + "path": "/documentation/helpers/typography-helpers/" }, "helpers-spacing": { "name": "Spacing", "subtitle": "Change the size and color of the text for one or multiple viewport width", "color": "grey-dark", "icon": "arrows-alt-h", - "path": "/documentation/helpers/spacing-helpers" + "path": "/documentation/helpers/spacing-helpers/" }, "helpers-visibility": { "name": "Visibility", "subtitle": "Show/hide content depending on the width of the viewport", "color": "primary", "icon": "eye", - "path": "/documentation/helpers/visibility-helpers" + "path": "/documentation/helpers/visibility-helpers/" }, "helpers-flexbox": { "name": "Flexbox", "subtitle": "Helpers for all Flexbox properties", "color": "primary", "icon": "ellipsis-h", - "path": "/documentation/helpers/flexbox-helpers" + "path": "/documentation/helpers/flexbox-helpers/" }, "helpers-other": { "name": "Other", "subtitle": "Other useful Bulma helpers", "color": "primary", "icon": "medkit", - "path": "/documentation/helpers/other-helpers" + "path": "/documentation/helpers/other-helpers/" }, "columns": { "name": "Columns", "subtitle": "The power of Flexbox in a simple interface", "color": "star", "icon": "columns", - "path": "/documentation/columns" + "path": "/documentation/columns/" }, "columns-basics": { "name": "Basics", "subtitle": "A simple way to build responsive columns", "color": "star", "icon": "columns", - "path": "/documentation/columns/basics" + "path": "/documentation/columns/basics/" }, "columns-sizes": { "name": "Sizes", "subtitle": "Define the size of each column individually", "color": "success", "icon": "expand-arrows-alt", - "path": "/documentation/columns/sizes" + "path": "/documentation/columns/sizes/" }, "columns-responsiveness": { "name": "Responsiveness", "subtitle": "Handle different column layouts for each breakpoint", "color": "primary", "icon": "arrows-alt-h", - "path": "/documentation/columns/responsiveness" + "path": "/documentation/columns/responsiveness/" }, "columns-nesting": { "name": "Nesting", "subtitle": "A simple way to build responsive columns", "color": "danger", "icon": "sitemap", - "path": "/documentation/columns/nesting" + "path": "/documentation/columns/nesting/" }, "columns-gap": { "name": "Gap", "subtitle": "Customize the gap between the columns", "color": "info", "icon": "pause", - "path": "/documentation/columns/gap" + "path": "/documentation/columns/gap/" }, "columns-options": { "name": "Options", "subtitle": "Design different types of column layouts", "color": "grey", "icon": "cogs", - "path": "/documentation/columns/options" + "path": "/documentation/columns/options/" }, "layout": { "name": "Layout", "subtitle": "Design the structure of your webpage with these CSS classes", "color": "success", "icon": "warehouse", - "path": "/documentation/layout" + "path": "/documentation/layout/" }, "layout-container": { "name": "Container", "subtitle": "A simple container to center your content horizontally", - "path": "/documentation/layout/container", + "path": "/documentation/layout/container/", "icon": "arrows-alt-h" }, "layout-level": { "name": "Level", "subtitle": "A multi-purpose horizontal level, which can contain almost any other element", - "path": "/documentation/layout/level", + "path": "/documentation/layout/level/", "icon": "ruler-horizontal" }, "layout-media": { "name": "Media Object", "subtitle": "The famous media object prevalent in social media interfaces, but useful in any context", - "path": "/documentation/layout/media-object", + "path": "/documentation/layout/media-object/", "icon": "th-list" }, "layout-hero": { "name": "Hero", "subtitle": "An imposing hero banner to showcase something", - "path": "/documentation/layout/hero", + "path": "/documentation/layout/hero/", "icon": "star" }, "layout-section": { "name": "Section", "subtitle": "A simple container to divide your page into sections, like the one you're currently reading", - "path": "/documentation/layout/section", + "path": "/documentation/layout/section/", "icon": "square" }, "layout-footer": { "name": "Footer", "subtitle": "A simple responsive footer which can include anything: lists, headings, columns, icons, buttons, etc.", - "path": "/documentation/layout/footer", + "path": "/documentation/layout/footer/", "icon": "window-minimize" }, "layout-tiles": { "name": "Tiles", "subtitle": "A single tile element to build 2-dimensional Metro-like, Pinterest-like, or whatever-you-like grids", - "path": "/documentation/layout/tiles", + "path": "/documentation/layout/tiles/", "icon": "th" }, "form": { @@ -361,7 +362,7 @@ "color": "link", "icon_brand": "true", "icon": "wpforms", - "path": "/documentation/form" + "path": "/documentation/form/" }, "form-general": { "name": "General", @@ -369,63 +370,63 @@ "color": "link", "icon": "keyboard", "icon_regular": "true", - "path": "/documentation/form/general" + "path": "/documentation/form/general/" }, "form-input": { "name": "Input", "subtitle": "The text input and its variations", "color": "link", "icon": "minus", - "path": "/documentation/form/input" + "path": "/documentation/form/input/" }, "form-textarea": { "name": "Textarea", "subtitle": "The multiline textarea and its variations", "color": "link", "icon": "square", - "path": "/documentation/form/textarea" + "path": "/documentation/form/textarea/" }, "form-select": { "name": "Select", "subtitle": "The browser built-in select dropdown, styled accordingly", "color": "link", "icon": "mouse-pointer", - "path": "/documentation/form/select" + "path": "/documentation/form/select/" }, "form-checkbox": { "name": "Checkbox", "subtitle": "The 2-state checkbox in its native format", "color": "link", "icon": "check-square", - "path": "/documentation/form/checkbox" + "path": "/documentation/form/checkbox/" }, "form-radio": { "name": "Radio", "subtitle": "The mutually exclusive radio buttons in their native format", "color": "link", "icon": "dot-circle", - "path": "/documentation/form/radio" + "path": "/documentation/form/radio/" }, "form-file": { "name": "File", "subtitle": "A custom file upload input, without JavaScript", "color": "link", "icon": "cloud-upload-alt", - "path": "/documentation/form/file" + "path": "/documentation/form/file/" }, "elements": { "name": "Elements", "subtitle": "Essential interface elements that only require a single CSS class", "color": "orange", "icon": "cube", - "path": "/documentation/elements" + "path": "/documentation/elements/" }, "elements-block": { "name": "Block", "subtitle": "Bulma's most basic spacer block", "color": "grey", "icon": "arrows-alt-v", - "path": "/documentation/elements/block" + "path": "/documentation/elements/block/" }, "elements-box": { "name": "Box", @@ -433,7 +434,7 @@ "color": "grey", "icon": "square", "icon_regular": "true", - "path": "/documentation/elements/box" + "path": "/documentation/elements/box/" }, "elements-button": { "name": "Button", @@ -441,104 +442,104 @@ "color": "success", "icon": "hand-pointer", "icon_regular": "true", - "path": "/documentation/elements/button" + "path": "/documentation/elements/button/" }, "elements-content": { "name": "Content", "subtitle": "A single class to handle WYSIWYG generated content, where only HTML tags are available", "color": "primary", "icon": "align-left", - "path": "/documentation/elements/content" + "path": "/documentation/elements/content/" }, "elements-delete": { "name": "Delete", "subtitle": "A versatile delete cross", "color": "danger", "icon": "times-circle", - "path": "/documentation/elements/delete" + "path": "/documentation/elements/delete/" }, "elements-icon": { "name": "Icon", "subtitle": "Compatible with all icon font libraries, including Font Awesome 5", "icon": "font-awesome", "icon_brand": "true", - "path": "/documentation/elements/icon" + "path": "/documentation/elements/icon/" }, "elements-image": { "name": "Image", "subtitle": "A container for responsive images", "color": "purple", "icon": "image", - "path": "/documentation/elements/image" + "path": "/documentation/elements/image/" }, "elements-notification": { "name": "Notification", "subtitle": "Bold notification blocks, to alert your users of something", "color": "orange", "icon": "exclamation-triangle", - "path": "/documentation/elements/notification" + "path": "/documentation/elements/notification/" }, "elements-progress": { "name": "Progress bars", "subtitle": "Native HTML progress bars", "color": "warning", "icon": "spinner", - "path": "/documentation/elements/progress" + "path": "/documentation/elements/progress/" }, "elements-table": { "name": "Table", "subtitle": "The inevitable HTML table, with special case cells", "color": "info", "icon": "table", - "path": "/documentation/elements/table" + "path": "/documentation/elements/table/" }, "elements-tag": { "name": "Tag", "subtitle": "Small tag labels to insert anywhere", "color": "success", "icon": "tag", - "path": "/documentation/elements/tag" + "path": "/documentation/elements/tag/" }, "elements-title": { "name": "Title", "subtitle": "Simple headings to add depth to your page", "color": "black", "icon": "heading", - "path": "/documentation/elements/title" + "path": "/documentation/elements/title/" }, "components": { "name": "Components", "subtitle": "Advanced multi-part components with lots of possibilities", "color": "danger", "icon": "cubes", - "path": "/documentation/components" + "path": "/documentation/components/" }, "components-breadcrumb": { "name": "Breadcrumb", "subtitle": "A simple breadcrumb component to improve your navigation experience", "color": "star", "icon": "ellipsis-h", - "path": "/documentation/components/breadcrumb" + "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" + "path": "/documentation/components/card/" }, "components-dropdown": { "name": "Dropdown", "subtitle": "An interactive dropdown menu for discoverable content", "color": "success", "icon": "angle-down", - "path": "/documentation/components/dropdown" + "path": "/documentation/components/dropdown/" }, "components-menu": { "name": "Menu", "subtitle": "A simple menu, for any type of vertical navigation", "icon": "bars", - "path": "/documentation/components/menu" + "path": "/documentation/components/menu/" }, "components-message": { "name": "Message", @@ -546,28 +547,28 @@ "color": "info", "icon": "window-maximize", "icon_regular": "true", - "path": "/documentation/components/message" + "path": "/documentation/components/message/" }, "components-modal": { "name": "Modal", "subtitle": "A classic modal overlay, in which you can include any content you want", "color": "danger", "icon": "clone", - "path": "/documentation/components/modal" + "path": "/documentation/components/modal/" }, "components-navbar": { "name": "Navbar", "subtitle": "A responsive horizontal navbar that can support images, links, buttons, and dropdowns", "color": "primary", "icon": "minus", - "path": "/documentation/components/navbar" + "path": "/documentation/components/navbar/" }, "components-pagination": { "name": "Pagination", "subtitle": "A responsive, usable, and flexible pagination", "color": "orange", "icon": "caret-square-right", - "path": "/documentation/components/pagination" + "path": "/documentation/components/pagination/" }, "components-panel": { "name": "Panel", @@ -575,21 +576,21 @@ "color": "grey-dark", "icon": "list-alt", "icon_regular": "true", - "path": "/documentation/components/panel" + "path": "/documentation/components/panel/" }, "components-tabs": { "name": "Tabs", "subtitle": "Simple responsive horizontal navigation tabs, with different styles", "color": "purple", "icon": "folder", - "path": "/documentation/components/tabs" + "path": "/documentation/components/tabs/" }, "videos": { "name": "Videos", "color": "success", "icon": "play-circle", "title": "Videos", - "path": "/videos" + "path": "/videos/" }, "blog": { "name": "Blog", @@ -597,7 +598,7 @@ "subtitle": "Stay updated with new features", "color": "rss", "icon": "rss", - "path": "/blog" + "path": "/blog/" }, "expo": { "name": "Expo", @@ -605,7 +606,7 @@ "subtitle": "Official Bulma showcase", "icon": "star", "color": "expo", - "path": "/expo" + "path": "/expo/" }, "love": { "name": "Love", @@ -613,7 +614,7 @@ "subtitle": "Fans of Bulma around the world", "color": "love", "icon": "heart", - "path": "/love" + "path": "/love/" }, "backers": { "id": "backers", @@ -621,14 +622,14 @@ "title": "Backers", "color": "patreon", "icon": "patreon", - "path": "/backers", + "path": "/backers/", "icon_brand": true, "subtitle": "Everyone who is supporting Bulma via Patreon and GitHub", "description": "Everyone who is supporting Bulma" }, "more": { "name": "More", - "path": "/more" + "path": "/more/" }, "bulma-start": { "name": "Bulma start", @@ -636,7 +637,7 @@ "subtitle": "A tiny npm package to get started", "icon": "rocket", "color": "success", - "path": "/bulma-start" + "path": "/bulma-start/" }, "made-with-bulma": { "name": "Made with Bulma", @@ -644,14 +645,14 @@ "subtitle": "The official community badge", "icon": "certificate", "color": "warning", - "path": "/made-with-bulma" + "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" + "path": "/alternative-to-bootstrap/" }, "patreon-backers": { "name": "Patreon and GitHub backers", @@ -659,7 +660,7 @@ "icon_brand": "true", "icon": "patreon", "color": "patreon", - "path": "/backers" + "path": "/backers/" }, "extensions": { "name": "Bulma extensions", @@ -667,7 +668,7 @@ "subtitle": "Side projects to enhance Bulma", "icon": "plug", "color": "extensions", - "path": "/extensions" + "path": "/extensions/" } }, "navbar": ["videos", "expo", "love", "backers"], diff --git a/docs/_includes/components/breakpoints-table.html b/docs/_includes/components/breakpoints-table.html new file mode 100644 index 00000000..c056112a --- /dev/null +++ b/docs/_includes/components/breakpoints-table.html @@ -0,0 +1,120 @@ +
+ + + + {% for breakpoint_hash in site.data.breakpoints %} + {% assign breakpoint = breakpoint_hash[1] %} + + {% endfor %} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ {{ breakpoint.name }}
+ {% if breakpoint.id == 'mobile' %} + Up to {{ breakpoint.to }}px + {% elsif breakpoint.id == 'fullhd' %} + {{ breakpoint.from }}px and above + {% else %} + Between {{ breakpoint.from }}px and {{ breakpoint.to }}px + {% endif %} +
+

mobile

+ 		+

-

+
+

-

+ 		+

tablet

+
+

-

+ 		+

desktop

+
+

-

+ 		+

widescreen

+
+

-

+ 		+

fullhd

+
+

-

+ 		+

tablet-only

+ 		+

-

+
+

-

+ 		+

desktop-only

+ 		+

-

+
+

-

+ 		+

widescreen-only

+ 		+

-

+
+

touch

+ 		+

-

+
+

until-widescreen

+ 		+

-

+
+

until-fullhd

+ 		+

-

+
+
diff --git a/docs/_includes/elements/snippet-inline.html b/docs/_includes/elements/snippet-inline.html new file mode 100644 index 00000000..6d7c2e85 --- /dev/null +++ b/docs/_includes/elements/snippet-inline.html @@ -0,0 +1 @@ +
{% highlight sass %}{{ include.content }}{% endhighlight %}
diff --git a/docs/_includes/global/navbar-item.html b/docs/_includes/global/navbar-item.html index b3a1a55e..a01e84d0 100644 --- a/docs/_includes/global/navbar-item.html +++ b/docs/_includes/global/navbar-item.html @@ -11,7 +11,7 @@ is-active {% endif %} " -href="{{ site.url }}{{ link.path }}/"> +href="{{ site.url }}{{ link.path }}"> diff --git a/docs/_layouts/documentation.html b/docs/_layouts/documentation.html index 47f94d7a..8856b17a 100644 --- a/docs/_layouts/documentation.html +++ b/docs/_layouts/documentation.html @@ -20,7 +20,17 @@ route: documentation -
+