Turn font-size into rem

This commit is contained in:
Brieuc Dubois 2024-01-15 22:26:52 +01:00
parent 3cd7ef0f82
commit d5f298b5a8
9 changed files with 21 additions and 14 deletions

View File

@ -43,7 +43,7 @@
border-radius: 6px;
border: 1px solid #555;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-size: 1.3rem;
margin-bottom: 10px;
&:hover {
@ -66,7 +66,7 @@
margin: 4px 4px 0 0;
text-transform: uppercase;
border-radius: 3px;
font-size: 90%;
font-size: 80%;
}
.header {

View File

@ -95,7 +95,7 @@
}
.modal .title {
font-size: 24px;
font-size: 2rem;
font-weight: bold;
width: 100%;
}

View File

@ -40,5 +40,6 @@
background-color: #222;
border: 1px solid #666;
padding: 10px 0;
font-size: 1.3rem;
}
</style>

View File

@ -177,7 +177,7 @@
cursor: pointer;
border-radius: 4px;
height: 40px;
font-size: 150%;
font-size: 2rem;
display: flex;
justify-content: center;
align-items: center;

View File

@ -116,7 +116,7 @@
}
h2 {
font-size: 30px;
font-size: 3rem;
}
nav {
@ -132,7 +132,7 @@
border-radius: 7px;
border: none;
background-color: transparent;
font-size: inherit;
font-size: 1.5rem;
&.defined {
color: #6481cc;

View File

@ -134,7 +134,7 @@
display: flex;
flex-direction: column;
justify-content: space-between;
font-size: 22px;
font-size: 2rem;
transition: transform 0.3s ease-in-out;
}
@ -184,11 +184,10 @@
padding: 20px;
#title {
font-size: 40px;
font-size: 3rem;
}
#version {
font-size: 25px;
color: #aaa;
margin-bottom: 3px;
}
@ -197,12 +196,11 @@
#views {
h2 {
font-weight: normal;
font-size: 25px;
font-size: 2.5rem;
padding: 20px 10px;
}
ul {
font-size: 22px;
padding: 10px;
}
@ -225,7 +223,7 @@
background-color: transparent;
border: none;
color: inherit;
font-size: 17px;
font-size: 1.6rem;
width: 60%;
&:focus {
@ -241,7 +239,6 @@
background-color: transparent;
border: none;
color: inherit;
font-size: 17px;
cursor: pointer;
}

View File

@ -81,7 +81,6 @@
color: inherit;
border: 1px solid #666;
padding: 3px 5px;
font-size: inherit;
border-radius: 5px;
}

View File

@ -17,3 +17,9 @@
{/each}
<ModalNewTag project={card.project} />
</table>
<style lang="less">
table {
font-size: 1.3rem;
}
</style>

View File

@ -3,6 +3,10 @@
padding: 0;
}
html {
font-size: 66%;
}
body {
font-family: "Open sans", sans-serif;
color: white;