Set default doc look'n'feel to water.css (#3)

Co-authored-by: m4dz <[email protected]>
divriots · Dec 29, 2021 · 4c58f38 · 4c58f38
1 parent 00e9a33
commit 4c58f38
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/button/src/Button.vue b/button/src/Button.vue
@@ -33,5 +33,10 @@ button {
     background-color: transparent;
     color: var(--vue-color-primary);
   }
+
+  &:hover {
+    background-color: var(--vue-color-primary);
+    color: var(--vue-color-text-on-primary);
+  }
 }
 </style>
diff --git a/md-layout/src/md-layout.css b/md-layout/src/md-layout.css
@@ -1,13 +1,12 @@
+@import 'https://cdn.jsdelivr.net/npm/water.css@2/out/water.css';
+
 body {
-  margin: 0;
-  padding: var(--spacing-medium);
   background-color: var(--color-gray-100);
-  font: var(--font-size-medium) var(--font-sans);
 }
 
 .box {
-  width: 6rem;
-  height: 6rem;
+  width: 4rem;
+  height: 4rem;
   background-color: var(--color-white);
   box-shadow: var(--shadow-large);
   border-radius: var(--border-radius-medium);