Merge pull request #387 from conversionxl/pawel/feat/course-complete-…

…page-tweaks
conversionxl · Jan 18, 2024 · 31b8024 · 31b8024
2 parents 16443f4 + 8d7205d
commit 31b8024
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/packages/cxl-lumo-styles/scss/themes/vaadin-button.scss b/packages/cxl-lumo-styles/scss/themes/vaadin-button.scss
@@ -12,3 +12,12 @@
 :host-context(.menu-item-cta) {
   --lumo-button-size: var(--lumo-size-s);
 }
+
+:host([theme="linkedin"]) {
+  --_lumo-button-color: #fff;
+  --_lumo-button-background-color: #0073b1;
+}
+
+:host([theme="linkedin"]:hover)::before {
+  opacity: 0.05;
+}
diff --git a/packages/storybook/cxl-lumo-styles/elements.stories.js b/packages/storybook/cxl-lumo-styles/elements.stories.js
@@ -31,6 +31,8 @@ export const VaadinButton = ({ Label }) => html`
   <vaadin-button theme="tertiary">${Label}</vaadin-button>
   <h6>Tertiary inline</h6>
   <vaadin-button theme="tertiary-inline">${Label}</vaadin-button>
+  <h6>Linkedin</h6>
+  <vaadin-button theme="linkedin">${Label} <vaadin-icon icon="cxl:linkedin" slot="prefix"></vaadin-icon></vaadin-button>
   <h6>Upstream</h6>
   <p>
     Also see