diff --git a/button/src/Button.vue b/button/src/Button.vue index fdcd0c1..9b9f950 100644 --- 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); + } } diff --git a/md-layout/src/md-layout.css b/md-layout/src/md-layout.css index 619ff41..700002e 100644 --- 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);