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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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