From 6016f1955c4e4b04749647e650d5a922b496b399 Mon Sep 17 00:00:00 2001
From: Daniele Bertella <daniele.bertella@link-me.it>
Date: Tue, 24 May 2016 10:11:36 +0200
Subject: [PATCH] add values and composes example to style

---
 client/components/App/style.css | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/client/components/App/style.css b/client/components/App/style.css
index 8dea626..9c23a97 100644
--- a/client/components/App/style.css
+++ b/client/components/App/style.css
@@ -1,4 +1,7 @@
 
+@value L: 0.5em 2em;
+@value S: 0.5em 1em;
+
 html,
 body {
   margin: 0;
@@ -48,9 +51,20 @@ input[type="checkbox"] {
   justify-content: center;
   min-height: 600px;
 }
-.button {
+
+.btn-base {
   position: absolute;
   right: 0;
-  padding: 0.5em 1em;
+  padding: S;
   background: gold;
 }
+
+.button {
+  composes: btn-base;
+}
+
+@media (min-width: 1024px) {
+  .btn-base {
+    padding: L;
+  }
+}