Changes em usage into rem usage

This commit is contained in:
Alicia Sykes 2019-08-20 22:25:53 +01:00
parent df2b5632f9
commit f583e529b7
4 changed files with 12 additions and 12 deletions

View File

@ -38,7 +38,7 @@ export default {
}
form {
border-radius: 0 0 20px 0;
padding: 0 0.2em 0.2em 0;
padding: 0 0.2rem 0.2rem 0;
background: #282a32;
label {
display: inline;
@ -46,14 +46,14 @@ export default {
background: linear-gradient(to left top, #9F86FF, #1CA8DD, #007AE1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin: 0.5em;
margin: 0.5rem;
display: inline;
}
input {
display: inline-block;
width: 200px;
padding: 0.5em;
margin: 0.5em;
padding: 0.5rem;
margin: 0.5rem;
outline: none;
border: none;
border-radius: 12px;
@ -76,7 +76,7 @@ export default {
flex: 1;
border-radius: 0;
text-align: center;
padding: 0.25em 0;
padding: 0.25rem 0;
}
.space-filler {
display: none;

View File

@ -39,7 +39,7 @@ export default {
.no-items {
width: 100px;
margin: 0 auto;
padding: 0.8em;
padding: 0.8rem;
text-align: center;
cursor: default;
border-radius: 10px;

View File

@ -18,8 +18,8 @@ nav {
align-items: center;
.nav-item {
display: inline-block;
padding: 0.75em 0.5em;
margin: 0.5em;
padding: 0.75rem 0.5rem;
margin: 0.5rem;
outline: none;
border: none;
border-radius: 5px;

View File

@ -67,7 +67,7 @@ export default {
section.top-section {
margin: 0;
padding: 0.5em;
padding: 0.5rem;
display: flex;
justify-content: space-between;
background: #282a32;
@ -86,7 +86,7 @@ section.top-section {
background: linear-gradient(to left top, #9F86FF, #1CA8DD, #007AE1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 3em;
font-size: 3rem;
margin: 0;
}
span.subtitle {
@ -96,13 +96,13 @@ section.top-section {
}
@media screen and (max-width: 600px) {
text-align: center;
padding: 0.25em 0;
padding: 0.25rem 0;
}
}
.item-group-container {
display: flex;
margin: 2em;
margin: 2rem;
align-items:flex-start;
align-content:flex-start;
.item-group-outer {