sizing based on font-size, big button in demo

DTrejo · Dec 15, 2010 · bde80e2 · bde80e2
1 parent 44a1a91
commit bde80e2
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/css/aristo.css b/css/aristo.css
@@ -14,7 +14,7 @@ html, body {
 
 body {
   font-family: Apex,"Helvetica Neue","HelveticaNeue","Lucida Grande", Helvetica, Arial, sans-serif;
-  font-size: 14px;
+  font-size: 100%;
   font-weight: bold;
   -webkit-font-smoothing: antialiased;
 }
@@ -105,7 +105,7 @@ button {
   padding: 4px 9px;
   font-family: Apex, "Helvetica Neue", "HelveticaNeue", "Lucida Grande", Helvetica, Arial, sans-serif;
   font-weight: bold;
-  font-size: 12px;
+  font-size: 1em;
   color: #4F4F4F;
   text-shadow: 0px 1px 1px #fff;
 

diff --git a/index.html b/index.html
@@ -1,17 +1,18 @@
 <!DOCTYPE HTML>
 <html>
 <head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-	<title>CSS3 Aristo</title>
-	<meta name="generator" content="TextMate http://macromates.com/">
-	<meta name="author" content="Alex MacCaw, David Trejo">
-	<link rel="stylesheet" href="css/aristo.css" type="text/css">
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <title>CSS3 Aristo</title>
+  <meta name="generator" content="TextMate http://macromates.com/">
+  <meta name="author" content="Alex MacCaw, David Trejo">
+  <link rel="stylesheet" href="css/aristo.css" type="text/css">
 </head>
 <body>
 <div style="overflow: scroll; width: 300px; height: 600px; margin: 0em auto;">
   <h1><a href="http://github.com/DTrejo/aristo/">CSS3 Aristo</a></h1>
+
   <input type="checkbox" />
-
+  
   <button>Test Button</button>
   <button disabled="disabled">Test Disabled Button</button>
 
@@ -27,6 +28,8 @@ <h1><a href="http://github.com/DTrejo/aristo/">CSS3 Aristo</a></h1>
   <button class="green">Test Green Button</button>
   <button class="green" disabled="disabled">Test Green Disabled Button</button>
 
+  <button class="green" style="font-size:1.4em;">Super Big Green Button!</button>
+
   <input type="range" />
 
   <input type="radio" name="use" value="rails" checked="checked" />