html classes and style for output

node-girls · Sep 8, 2016 · 841d351 · 841d351
1 parent 3c2d4d8
commit 841d351
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 20 deletions.
diff --git a/css/main.css b/css/main.css
@@ -39,12 +39,14 @@
     background-image: -ms-linear-gradient( -30deg, rgb(239,80,80) 0%, #9C27B0 100%);
 }
 .cal-wrapper .cal .cal-process{
+    height: 50px;
     padding: 5px 15px;
     color: #fff;
     text-align: right;
     font-size: 30px;
 }
 .cal-wrapper .cal .cal-answer{
+    height: 70px;
     font-size: 40px;
     color: #fff;
     text-align: right;

diff --git a/index.html b/index.html
@@ -18,34 +18,34 @@
         <div class="pad">
           <div class="row numbers">
             <button class="col-xs-3 btn single"><span class="clear">C</span></button>
-            <button class="col-xs-3 btn single"><span>MR</span></button>
-            <button class="col-xs-3 btn single"><span>%</span></button>
-            <button class="col-xs-3 btn single"><span>$</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">7</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">8</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">9</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">/</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">4</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">5</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">6</span></button>
-            <button class="col-xs-3 btn single"><span>X</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">1</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">2</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">3</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">-</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">.</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">0</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">=</span></button>
-            <button class="col-xs-3 btn single"><span class="cal-button">+</span></button>
+            <button class="col-xs-3 btn single"><span class="memory-register">MR</span></button>
+            <button class="col-xs-3 btn single"><span class="modulo">%</span></button>
+            <button class="col-xs-3 btn single"><span class="square-root">√</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button seven">7</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button eight">8</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button nine">9</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button division">/</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button four">4</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button five">5</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button six">6</span></button>
+            <button class="col-xs-3 btn single"><span class="multiplication">X</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button one">1</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button two">2</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button tree">3</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button subtraction">-</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button decimal">.</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button zero">0</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button equal">=</span></button>
+            <button class="col-xs-3 btn single"><span class="cal-button addition">+</span></button>
           </div>
         </div>
       </div>
     </div>
   </div>
 </div>
+<script src="js/dom-manipulation.js"></script>
 <script src="js/basic.js"></script>
 <script src="js/advanced.js"></script>
-<script src="js/dom-manipulation.js"></script>
 <script src="js/homework.js"></script>
 </body>
 </html>