Karavel/fixin.me
0
0
Fork 0
forked from fixin.me/fixin.me
Code Pull Requests Activity

Convert sizes from em to rem

Browse Source
This commit is contained in:
cryptogopher 2023-04-11 00:56:06 +02:00
parent b54fcebf8c
commit 81d2d92924
1 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
app/assets/stylesheets/application.css
View File

@ -25,7 +25,6 @@
outline: none; outline: none;
} }
// TODO: convert em to rem
body { body {
margin: 0 0.5rem; margin: 0 0.5rem;
} }
@ -59,8 +58,8 @@ input[type=checkbox]:checked {
} }
.application-menu { .application-menu {
height: 2.1em; height: 2.1rem;
margin: 0.5em 0; margin: 0.5rem 0;
} }
.application-menu a, .application-menu a,
input[type=submit] { input[type=submit] {
@ -68,15 +67,15 @@ input[type=submit] {
border: 1px solid; border: 1px solid;
background-color: white; background-color: white;
border-color: #a0a0a0; border-color: #a0a0a0;
border-radius: 0.2em; border-radius: 0.2rem;
color: #a0a0a0; color: #a0a0a0;
display: flex; display: flex;
fill: #a0a0a0; fill: #a0a0a0;
float: right; float: right;
font-size: 0.8rem; font-size: 0.8rem;
font-weight: bold; font-weight: bold;
margin-left: 1em; margin-left: 0.8rem;
padding: 0.6em; padding: 0.4rem;
text-decoration: none; text-decoration: none;
} }
.application-menu a svg { .application-menu a svg {
@ -105,20 +104,20 @@ input[type=submit]:focus-visible {
} }
.flashes { .flashes {
height: 2.1em; height: 2.1rem;
} }
.flash { .flash {
align-items: center; align-items: center;
border-radius: 0.2em; border-radius: 0.2rem;
color: white; color: white;
display: flex; display: flex;
font-size: 1.0em; font-size: 1.0rem;
} }
.flash.alert:before { .flash.alert:before {
content: url('pictograms/alert-outline.svg'); content: url('pictograms/alert-outline.svg');
height: 1.4em; height: 1.4rem;
margin: 0 0.5em; margin: 0 0.5rem;
width: 1.4em; width: 1.4rem;
} }
.flash.alert { .flash.alert {
border-color: #ff1f5b; border-color: #ff1f5b;
@ -126,9 +125,9 @@ input[type=submit]:focus-visible {
} }
.flash.notice:before { .flash.notice:before {
content: url('pictograms/check-circle-outline.svg'); content: url('pictograms/check-circle-outline.svg');
height: 1.4em; height: 1.4rem;
margin: 0 0.5em; margin: 0 0.5rem;
width: 1.4em; width: 1.4rem;
} }
.flash.notice { .flash.notice {
border-color: #00cd6c; border-color: #00cd6c;
@ -140,11 +139,11 @@ input[type=submit]:focus-visible {
border-radius: inherit; border-radius: inherit;
color: inherit; color: inherit;
cursor: pointer; cursor: pointer;
font-size: 1.4em; font-size: 1.4rem;
font-weight: bold; font-weight: bold;
margin-left:auto; margin-left:auto;
opacity: 0.6; opacity: 0.6;
padding: 0.1em 0.2em; padding: 0.2rem 0.2rem;
} }
.flash button:hover { .flash button:hover {
opacity: 1; opacity: 1;
@ -155,8 +154,8 @@ form table {
margin: 0 auto; margin: 0 auto;
} }
form tr td:first-child { form tr td:first-child {
font-size: 0.9em; font-size: 0.9rem;
padding-right: 0.25em; padding-right: 0.25rem;
text-align: right; text-align: right;
} }
form td.required { form td.required {
@ -167,6 +166,7 @@ form td.error {
} }
form input[type=submit] { form input[type=submit] {
float: none; float: none;
font-size: 0.9em; font-size: 0.9rem;
margin: 0 auto; margin: 0 auto;
padding: 0.6rem;
} }