feat(ld-button): on-brand and secondary-on-brand modes

emdgroup-liquid · May 28, 2021 · 372a5e4 · 372a5e4
1 parent a586fd2
commit 372a5e4
Show file tree

Hide file tree

Showing 116 changed files with 2,898 additions and 1,015 deletions.
diff --git a/.eleventy.js b/.eleventy.js
@@ -55,6 +55,7 @@ module.exports = function (eleventyConfig) {
       lang = 'html',
       stacked,
       opened,
+      brand,
       heighlight,
       heighlightCssComponent
     ) {
@@ -70,7 +71,10 @@ module.exports = function (eleventyConfig) {
         )}" `
       }
 
-      output += `${stacked ? 'stacked' : ''} ${opened ? 'opened' : ''}>\n`
+      output += `${stacked ? ' stacked' : ''}`
+      output += `${opened ? ' opened' : ''}`
+      output += `${brand ? ' brand' : ''}`
+      output += '>\n'
       output += `<div slot="code">\n\n`
       output += `\`\`\`${lang}${
         heighlight ? '/' + heighlight : ''

diff --git a/README.md b/README.md
@@ -6,7 +6,7 @@
 
 > ⚠️  **Important**: Liquid is currently in its early development stage and subject to major changes.
 
-Liquid is a UI component library based on the [Liquid Design System](https://lds.merck.design/), focusing on accessibility and interoperability. It's built with [Stencil.js](https://stenciljs.com) and contains, inter alia, CSS components and Web Components, bundled in several bundle formats, which you can use in a wide veriaty of plattforms and projects.
+Liquid is a UI component library based on the [Liquid Design System](https://lds.merck.design/), focusing on accessibility and interoperability. It's built with [Stencil.js](https://stenciljs.com) and contains, inter alia, CSS Components and Web Components, bundled in several bundle formats, which you can use in a wide veriaty of plattforms and projects.
 
 ## Install