From edef1d3311f8e1824904e4e7b862854506e1da8e Mon Sep 17 00:00:00 2001
From: minojiro <minojiro@users.noreply.github.com>
Date: Thu, 25 Mar 2021 14:41:42 +0900
Subject: [PATCH 1/2] feat: flatButton: rainbow

---
 src/components/FlatButton/FlatButton.stories.mdx | 6 ++++++
 src/components/FlatButton/FlatButton.vue         | 5 +++++
 2 files changed, 11 insertions(+)

diff --git a/src/components/FlatButton/FlatButton.stories.mdx b/src/components/FlatButton/FlatButton.stories.mdx
index 7f8f536..b767198 100644
--- a/src/components/FlatButton/FlatButton.stories.mdx
+++ b/src/components/FlatButton/FlatButton.stories.mdx
@@ -70,6 +70,12 @@ import { FlatButton } from 'lapras-frontend'
         template: '<FlatButton skin="disabled">label</FlatButton>',
     }}
   </Story>
+  <Story name="skin: rainbow">
+    {{
+        components: { FlatButton },
+        template: '<FlatButton skin="rainbow">label</FlatButton>',
+    }}
+  </Story>
 </Preview>
 
 ## Sizes
diff --git a/src/components/FlatButton/FlatButton.vue b/src/components/FlatButton/FlatButton.vue
index cb7e04f..b107ccf 100644
--- a/src/components/FlatButton/FlatButton.vue
+++ b/src/components/FlatButton/FlatButton.vue
@@ -39,6 +39,7 @@ export default defineComponent({
         | 'secondary'
         | 'tertiary'
         | 'muted'
+        | 'rainbow'
         | 'disabled'
       >,
       default: 'primary',
@@ -141,6 +142,10 @@ export default defineComponent({
     font-size: 12px;
     min-height: 28px;
   }
+
+  &.skin-rainbow {
+    background: -webkit-linear-gradient(left, orange, violet);
+  }
 }
 
 .body {

From 26a2fead33597949f34f9269b390eb35e68462f7 Mon Sep 17 00:00:00 2001
From: minojiro <minojiro@users.noreply.github.com>
Date: Thu, 25 Mar 2021 15:49:09 +0900
Subject: [PATCH 2/2] fix: change color

---
 src/components/FlatButton/FlatButton.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/FlatButton/FlatButton.vue b/src/components/FlatButton/FlatButton.vue
index b107ccf..54c214e 100644
--- a/src/components/FlatButton/FlatButton.vue
+++ b/src/components/FlatButton/FlatButton.vue
@@ -144,7 +144,7 @@ export default defineComponent({
   }
 
   &.skin-rainbow {
-    background: -webkit-linear-gradient(left, orange, violet);
+    background: -webkit-linear-gradient(left, red, violet);
   }
 }