- We've got some components
A,BandCwhich provide different slots.const A = { template: `<div><slot name="a">Default A Content</slot></div>` }
const B = {
| $prefix: '' !default; | |
| $separator: '\\:' !default; | |
| $sm: 576px !default; | |
| $md: 768px !default; | |
| $lg: 992px !default; | |
| $xl: 1200px !default; | |
| $gutter: .5rem !default; | |
| $fieldMargin: 1rem !default; |
| $prefix: '' !default; | |
| $separator: '\\:' !default; | |
| $baseFontSize: 16; | |
| $sm: 576px !default; | |
| $md: 768px !default; | |
| $lg: 992px !default; | |
| $xl: 1200px !default; | |
| $gutter: .5rem !default; | |
| $grid-breakpoints: ( | |
| xs: 0, | |
| sm: 576px, | |
| md: 768px, | |
| lg: 992px, | |
| xl: 1200px | |
| ) !default; | |
| // This variable affects the `.h-*` and `.w-*` classes. |
| /** | |
| * Changes XML to JSON | |
| * Modified version from here: http://davidwalsh.name/convert-xml-json | |
| * @param {string} xml XML DOM tree | |
| */ | |
| function xmlToJson(xml) { | |
| // Create the return object | |
| var obj = {}; | |
| if (xml.nodeType == 1) { |
| // Foundation for Sites | |
| // https://get.foundation | |
| // Licensed under MIT Open Source | |
| // sass-lint:disable no-color-literals, no-qualifying-elements | |
| //// | |
| /// @group global | |
| //// |
| /// Enabled responsive breakpoints for prototypes if applicable | |
| /// @type Boolean | |
| $global-prototype-breakpoints: true !default; | |
| /// Global value used for margin on components. | |
| /// @type Number | |
| $global-margin: 1rem !default; | |
| /// Global value used for padding on components. | |
| /// @type Number |
| body { | |
| font-family:arial; | |
| font-size:14px; | |
| } | |
| pre { | |
| background:grey; | |
| padding:10px; | |
| border-radius:5px; |