From 700b9e2159e4ad638d95873005b6484d41257f3d Mon Sep 17 00:00:00 2001 From: Randall Morey Date: Wed, 29 Apr 2020 11:27:10 -0400 Subject: [PATCH] =?UTF-8?q?chore:=20=F0=9F=A4=96=20add=20inline-link-actio?= =?UTF-8?q?n=20style=20button?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../addon/styles/rose/components/_button.scss | 27 +++++++++++++++++++ addons/rose/stories/button.stories.js | 1 + 2 files changed, 28 insertions(+) diff --git a/addons/rose/addon/styles/rose/components/_button.scss b/addons/rose/addon/styles/rose/components/_button.scss index 9f7e04782..c94a3ec03 100644 --- a/addons/rose/addon/styles/rose/components/_button.scss +++ b/addons/rose/addon/styles/rose/components/_button.scss @@ -107,3 +107,30 @@ opacity: var(--opacity-1), ) ); + +.rose-button-inline-link-action { + color: var(--info); + border: 0; + background: none; + cursor: pointer; + margin: 0; + padding: 0; + display: inline; + font-size: 1rem; + font-weight: 600; + + &:not(:disabled) { + &:hover { + text-decoration: underline; + } + &:active { + color: var(--info-starker-1); + } + } + + &:disabled { + cursor: not-allowed; + opacity: var(--opacity-1); + } + +} diff --git a/addons/rose/stories/button.stories.js b/addons/rose/stories/button.stories.js index c74e67b40..41498f0ea 100644 --- a/addons/rose/stories/button.stories.js +++ b/addons/rose/stories/button.stories.js @@ -28,6 +28,7 @@ export const Normal = () => ({ secondary: 'secondary', warning: 'warning', ghost: 'ghost', + 'inline-link-action': 'inline-link-action', }, 'primary' ),