docs: fix ripple color on colored button demo

hperrin · Jun 29, 2023 · 9ba8fac · 9ba8fac
1 parent d1610c8
commit 9ba8fac
Show file tree

Hide file tree

Showing 8 changed files with 10 additions and 8 deletions.
diff --git a/packages/site/src/routes/demo/badge/+page.svelte b/packages/site/src/routes/demo/badge/+page.svelte
@@ -20,8 +20,8 @@
   </Demo>
 
   <Demo
-    component={CustomColor}
-    files={['badge/_CustomColor.svelte', 'badge/_CustomColor.scss']}
+    component={Colored}
+    files={['badge/_Colored.svelte', 'badge/_Colored.scss']}
   >
     Colored (using Sass mixins)
   </Demo>
@@ -37,6 +37,6 @@
   import Simple from './_Simple.svelte';
   import Square from './_Square.svelte';
   import SecondaryColor from './_SecondaryColor.svelte';
-  import CustomColor from './_CustomColor.svelte';
+  import Colored from './_Colored.svelte';
   import PositionAlign from './_PositionAlign.svelte';
 </script>
diff --git a/...e/src/routes/demo/badge/_CustomColor.scss → .../site/src/routes/demo/badge/_Colored.scss b/...e/src/routes/demo/badge/_CustomColor.scss → .../site/src/routes/demo/badge/_Colored.scss
diff --git a/...src/routes/demo/badge/_CustomColor.svelte → ...ite/src/routes/demo/badge/_Colored.svelte b/...src/routes/demo/badge/_CustomColor.svelte → ...ite/src/routes/demo/badge/_Colored.svelte
diff --git a/packages/site/src/routes/demo/button/_Colored.scss b/packages/site/src/routes/demo/button/_Colored.scss
@@ -13,4 +13,6 @@
     @include button.outline-color(color-palette.$green-600);
     @include button.ink-color(color-palette.$green-600);
   }
+
+  @include button.ripple-states(color-palette.$green-600);
 }
diff --git a/packages/site/src/routes/demo/paper/+page.svelte b/packages/site/src/routes/demo/paper/+page.svelte
@@ -24,8 +24,8 @@
   </Demo>
 
   <Demo
-    component={CustomColor}
-    files={['paper/_CustomColor.svelte', 'paper/_CustomColor.scss']}
+    component={Colored}
+    files={['paper/_Colored.svelte', 'paper/_Colored.scss']}
   >
     Colored (using Sass mixins)
   </Demo>
@@ -45,7 +45,7 @@
   import Square from './_Square.svelte';
   import PrimaryColor from './_PrimaryColor.svelte';
   import SecondaryColor from './_SecondaryColor.svelte';
-  import CustomColor from './_CustomColor.svelte';
+  import Colored from './_Colored.svelte';
   import ElevationTransition from './_ElevationTransition.svelte';
 </script>
 

diff --git a/...e/src/routes/demo/paper/_CustomColor.scss → .../site/src/routes/demo/paper/_Colored.scss b/...e/src/routes/demo/paper/_CustomColor.scss → .../site/src/routes/demo/paper/_Colored.scss
diff --git a/...src/routes/demo/paper/_CustomColor.svelte → ...ite/src/routes/demo/paper/_Colored.svelte b/...src/routes/demo/paper/_CustomColor.svelte → ...ite/src/routes/demo/paper/_Colored.svelte
diff --git a/packages/site/src/site.scss b/packages/site/src/site.scss
@@ -12,7 +12,7 @@
 @use './app';
 
 // Demo styles.
-@use './routes/demo/badge/_CustomColor.scss' as badge-custom-color;
+@use './routes/demo/badge/_Colored.scss' as badge-custom-color;
 @use './routes/demo/button/_Colored.scss' as button-colored;
 @use './routes/demo/button/_Notched.scss';
 @use './routes/demo/button/_Round.scss';
@@ -30,7 +30,7 @@
 @use './routes/demo/image-list/_Simple.scss';
 @use './routes/demo/linear-progress/_Colored.scss' as linear-progress-colored;
 @use './routes/demo/menu-surface/_ManualAnchor.scss';
-@use './routes/demo/paper/_CustomColor.scss' as paper-custom-color;
+@use './routes/demo/paper/_Colored.scss' as paper-custom-color;
 @use './routes/demo/radio/_Colored.scss' as radio-colored;
 @use './routes/demo/snackbar/_Colors.scss';
 @use './routes/demo/switch/_Colored.scss' as switch-colored;