removed stop button and added a complete button

This commit is contained in:
Shreya
2018-03-20 16:24:49 +05:30
parent eeaba29e5b
commit 8f4e93f104
2 changed files with 10 additions and 8 deletions

View File

@@ -16,8 +16,8 @@ body {
} */ } */
.stopwatch { .stopwatch {
height: 50%; height: 20%;
width: 100%; width: 50%;
display: inline-flex; display: inline-flex;
transition: all .5s ease; transition: all .5s ease;
-moz-transition: all .5s ease; -moz-transition: all .5s ease;
@@ -29,7 +29,7 @@ body {
.stopwatch span { .stopwatch span {
display: table-cell; display: table-cell;
width: 33%; width: 33%;
font-size: 5em; font-size: 3em;
font-family: 'Open Sans', sans serif; font-family: 'Open Sans', sans serif;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
@@ -84,11 +84,13 @@ body {
} }
.playpause .pause { .playpause .pause {
display: inline-block;
border-right: 5px solid #000; border-right: 5px solid #000;
border-left: 5px solid #000; border-left: 5px solid #000;
padding: 20px 10px; padding: 20px 10px;
} }
/*
.stop { .stop {
border-bottom: 1px dashed #fff; border-bottom: 1px dashed #fff;
} }
@@ -98,11 +100,11 @@ body {
background-color: #e74c3c; background-color: #e74c3c;
width: 45px; width: 45px;
height: 45px; height: 45px;
} } */
/*
@media screen and (max-width: 500px) { @media screen and (max-width: 500px) {
.stopwatch span { .stopwatch span {
font-size: 6em; font-size: 3em;
} }
} }
@@ -119,4 +121,4 @@ body {
height: 33%; height: 33%;
display: block; display: block;
} }
} } */

View File

@@ -2,7 +2,7 @@
<div class="playpause"> <div class="playpause">
<span class="play"></span> <span class="play"></span>
</div> </div>
<div class="stop"> <!-- <div class="stop"> -->
<span></span> <span></span>
</div> </div>
</div> </div>