Style reorganization

This commit is contained in:
2018-06-17 16:41:13 +03:00
parent 54185a59ac
commit 870cbe0147
6 changed files with 58 additions and 39 deletions

View File

@ -80,19 +80,28 @@ export default {
</script>
<style lang="scss">
@import '../vars.scss';
$button-radius: 0.5em;
$font-size: 20px;
.app {
display: block;
margin: 2em auto;
width: 400px;
text-align: center;
padding: 2em;
@media (max-width: 749px) {
padding: 2em 0;
text-align: center;
border: 1px solid transparent;
@media (max-width: $first-media-step) {
padding: {
right: 0;
left: 0;
}
width: auto;
}
&:hover {
border-color: #ccc;
}
}
.score {
@ -112,7 +121,8 @@ $font-size: 20px;
background-color: #405480;
padding: 0.6em;
border: none;
font-size: $font-size;
font-size: 100%;
font-family: inherit;
}
.restart-button {