Commit b373c185 authored by Dominik Hebeler's avatar Dominik Hebeler

changed font-size to a relative one

parent 6c36d4d2
...@@ -21,6 +21,8 @@ html { ...@@ -21,6 +21,8 @@ html {
min-height: 100%; min-height: 100%;
height: auto; height: auto;
display: flex; display: flex;
font-size: 14px;
font-size: 3.8mm;
} }
body { body {
...@@ -33,6 +35,7 @@ body { ...@@ -33,6 +35,7 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 0; margin: 0;
font-size: 1.0em;
@media(max-width: @screen-mobile){ @media(max-width: @screen-mobile){
background-color: @body-background-color-mobile background-color: @body-background-color-mobile
} }
...@@ -88,48 +91,47 @@ body { ...@@ -88,48 +91,47 @@ body {
} }
h1 { h1 {
font-size: (@default-font-size * 1.6); font-size: 2em;
.first-last-child-margin-fix; .first-last-child-margin-fix;
} }
h2 { h2 {
font-size: (@default-font-size * 1.4); font-size: 1.5em;
.first-last-child-margin-fix; .first-last-child-margin-fix;
} }
h3 { h3 {
font-size: (@default-font-size * 1.2); font-size: 1.3em;
.first-last-child-margin-fix; .first-last-child-margin-fix;
} }
p { p {
font-size: @default-font-size; font-size: 1em;
.first-last-child-margin-fix; .first-last-child-margin-fix;
} }
body { body {
font-size: @default-font-size;
.first-last-child-margin-fix; .first-last-child-margin-fix;
} }
.page-title { .page-title {
font-size: (@default-font-size * 3); font-size: 2.5em;
text-align: center; text-align: center;
} }
.page-subtitle { .page-subtitle {
font-size: @default-font-size; font-size: 1em;
text-align: center; text-align: center;
} }
.subheading { .subheading {
font-size: 20px; font-size: 1.2em;
margin: 20px 0px; margin: 20px 0px;
white-space: center; white-space: center;
} }
a { a {
font-size: 100%; font-size: 1em;
color: @link-color; color: @link-color;
&:visited { &:visited {
color: @link-color; color: @link-color;
...@@ -169,9 +171,9 @@ i.fa { ...@@ -169,9 +171,9 @@ i.fa {
display: block; display: block;
width: fit-content; width: fit-content;
text-decoration: none; text-decoration: none;
font-size: 75px; font-size: 2.7em;
@media(max-width: @screen-mobile) { @media(max-width: @screen-mobile) {
font-size: 50px; font-size: 2em;
} }
} }
} }
...@@ -187,7 +189,7 @@ i.fa { ...@@ -187,7 +189,7 @@ i.fa {
left: 10px; left: 10px;
h1 { h1 {
.logo; .logo;
font-size: 30px; font-size: 1.6em;
margin: 0; margin: 0;
} }
} }
...@@ -255,7 +257,7 @@ summary { ...@@ -255,7 +257,7 @@ summary {
padding: 3px 8px; padding: 3px 8px;
width: 200px; width: 200px;
white-space: pre-wrap; white-space: pre-wrap;
font-size: 15px; font-size: .9em;
font-weight: normal; font-weight: normal;
text-decoration: none; text-decoration: none;
text-align: center; text-align: center;
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
// kontakt.blade.php, spende.blade.php, zitatsuche.blade.php // kontakt.blade.php, spende.blade.php, zitatsuche.blade.php
.form-group { .form-group {
font-family: sans-serif; font-family: sans-serif;
font-size: 16px; font-size: 1em;
color: @color-black; color: @color-black;
background-color: transparent; background-color: transparent;
text-align: center; text-align: center;
......
.kontakt-form-group { .kontakt-form-group {
text-align: left; text-align: left;
font-size: 14px; font-size: 1em;
} }
form.contact { form.contact {
......
#donation { #donation {
.donation-form-group { .donation-form-group {
text-align: left; text-align: left;
font-size: 12px; font-size: 1em;
} }
.donation-form-group label { .donation-form-group label {
......
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
border: 2px dashed red; border: 2px dashed red;
border-radius: 100%; border-radius: 100%;
color: black; color: black;
font-size: 14px; font-size: 1em;
text-decoration: none; text-decoration: none;
font-weight: normal; font-weight: normal;
} }
......
...@@ -24,22 +24,14 @@ ...@@ -24,22 +24,14 @@
width: 80px; width: 80px;
font-weight: bold; font-weight: bold;
} }
.title {
font-size: 12px;
font-weight: bold;
text-align: left;
max-height: 31px;
overflow: hidden;
margin-bottom: 4px;
}
.shop { .shop {
font-size: 10px; font-size: .9em;
text-align: left; text-align: left;
color: @product-shop-color; color: @product-shop-color;
margin-bottom: 6px; margin-bottom: 6px;
} }
.shipping { .shipping {
font-size: 10px; font-size: .9em;
text-align: left; text-align: left;
} }
} }
\ No newline at end of file
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
h1 { h1 {
.logo; .logo;
margin: 0px; margin: 0px;
font-size: 22px; font-size: 1.5em;
display: inline-block; display: inline-block;
} }
.screen-small { .screen-small {
...@@ -230,7 +230,7 @@ a { ...@@ -230,7 +230,7 @@ a {
} }
} }
> div { > div {
font-size: 12px; font-size: .9em;
color: #777; color: #777;
margin-top: 4px; margin-top: 4px;
} }
...@@ -370,10 +370,10 @@ a { ...@@ -370,10 +370,10 @@ a {
padding: 0px 8px; padding: 0px 8px;
font-weight: 400; font-weight: 400;
a i { a i {
font-size: 80%; font-size: .9em;
} }
.original { .original {
font-size: 80%; font-size: .9em;
} }
@media(max-width: @screen-mobile){ @media(max-width: @screen-mobile){
.card; .card;
...@@ -549,7 +549,7 @@ a { ...@@ -549,7 +549,7 @@ a {
margin: 0 8px; margin: 0 8px;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 12px; font-size: .9em;
label { label {
margin-bottom: 0; margin-bottom: 0;
font-weight: normal; font-weight: normal;
...@@ -663,5 +663,5 @@ footer.resultPageFooter { ...@@ -663,5 +663,5 @@ footer.resultPageFooter {
.settings-checkbox .settings-icon { .settings-checkbox .settings-icon {
margin-left: 5px; margin-left: 5px;
font-size: 12px; font-size: 1em;
} }
\ No newline at end of file
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
&:nth-child(1) { &:nth-child(1) {
margin-top: 0; margin-top: 0;
} }
margin: (@padding-small-default * 2) 0px; margin: @padding-small-default 0px;
@media(max-width: @screen-mobile){ @media(max-width: @screen-mobile){
.card; .card;
margin: @padding-small-default 0px; margin: @padding-small-default 0px;
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
.result-title { .result-title {
margin: 0px; margin: 0px;
&>* { &>* {
font-size: @result-font-large; font-size: .8em;
} }
.overflow-ellipsis; .overflow-ellipsis;
.result-price { .result-price {
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
} }
} }
.result-hoster { .result-hoster {
font-size: @result-font-small; font-size: .9em;
margin-left: 20px; margin-left: 20px;
color: #808080; color: #808080;
white-space: nowrap; white-space: nowrap;
...@@ -59,10 +59,11 @@ ...@@ -59,10 +59,11 @@
.result-subheadline { .result-subheadline {
width: 100%; width: 100%;
display: flex; display: flex;
line-height: 1.3;
.result-link { .result-link {
.overflow-ellipsis; .overflow-ellipsis;
display: block; display: block;
font-size: @result-font-small; font-size: .95em;
width: fit-content; width: fit-content;
max-width: 100%; max-width: 100%;
&, &,
...@@ -70,7 +71,7 @@ ...@@ -70,7 +71,7 @@
&:hover, &:hover,
&:focus, &:focus,
&:visited { &:visited {
font-size: @result-font-url; font-size: 1em;
text-decoration: none; text-decoration: none;
} }
&:visited { &:visited {
...@@ -82,9 +83,11 @@ ...@@ -82,9 +83,11 @@
padding: 1px; padding: 1px;
border-radius: 4px; border-radius: 4px;
font-weight: bold; font-weight: bold;
font-size: 10px; font-size: .6em;
margin-right: 10px; margin-right: 4px;
border: 1px solid; border: 1px solid;
position: relative;
top: -2px;
} }
} }
span.partnershop-info { span.partnershop-info {
...@@ -94,10 +97,11 @@ ...@@ -94,10 +97,11 @@
font-weight: inherit; font-weight: inherit;
border: 1px solid #686868; border: 1px solid #686868;
padding: 2px; padding: 2px;
margin-left: 20px; margin-left: 8px;
border-radius: 4px; border-radius: 4px;
font-size: 10px; font-size: .6em;
margin-right: 10px; position: relative;
top: -2px;
} }
} }
} }
...@@ -121,7 +125,7 @@ ...@@ -121,7 +125,7 @@
.result-description { .result-description {
margin-bottom: 3px; margin-bottom: 3px;
color: @result-description-color; color: @result-description-color;
font-size: 13px; font-size: .95em;;
line-height: 1.3; line-height: 1.3;
clear: both; clear: both;
overflow: hidden; overflow: hidden;
...@@ -160,7 +164,7 @@ ...@@ -160,7 +164,7 @@
&:focus, &:focus,
&:visited { &:visited {
color: black; color: black;
font-size: @result-font-small; font-size: .7em;
text-decoration: none; text-decoration: none;
} }
} }
...@@ -176,7 +180,7 @@ ...@@ -176,7 +180,7 @@
&:focus, &:focus,
&:visited { &:visited {
color: black; color: black;
font-size: @result-font-small; font-size: .7em;
text-decoration: none; text-decoration: none;
} }
white-space: nowrap; white-space: nowrap;
...@@ -187,7 +191,7 @@ ...@@ -187,7 +191,7 @@
} }
.open-result-options, .close-result-options { .open-result-options, .close-result-options {
font-weight: normal; font-weight: normal;
font-size: @result-font-small; font-size: .7em;
flex-grow: 1; flex-grow: 1;
text-align: right; text-align: right;
margin-right: 0; margin-right: 0;
...@@ -213,7 +217,7 @@ ...@@ -213,7 +217,7 @@
} }
.result-footer * { .result-footer * {
font-size: 10px !important; font-size: .7em;
} }
&.ad .ad-label { &.ad .ad-label {
&, &,
...@@ -222,7 +226,7 @@ ...@@ -222,7 +226,7 @@
& a:hover, & a:hover,
& a:focus, & a:focus,
& a:visited { & a:visited {
font-size: @result-font-small; font-size: .9em;
color: #808080; color: #808080;
} }
} }
...@@ -234,7 +238,7 @@ ...@@ -234,7 +238,7 @@
&>.result-options { &>.result-options {
max-width: 100%; max-width: 100%;
&>.options { &>.options {
font-size: @result-font-small; font-size: .85em;
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
width: 100%; width: 100%;
text-align: right; text-align: right;
...@@ -249,7 +253,7 @@ ...@@ -249,7 +253,7 @@
flex-wrap: wrap; flex-wrap: wrap;
margin-bottom: 0; margin-bottom: 0;
li { li {
font-size: @result-font-small; font-size: .85em;
margin: 8px 16px 8px 0; margin: 8px 16px 8px 0;
} }
@media(max-width: @screen-mobile){ @media(max-width: @screen-mobile){
......
...@@ -75,10 +75,10 @@ ...@@ -75,10 +75,10 @@
} }
} }
h2 { h2 {
font-size: 21px; font-size: 1.3em;
} }
p { p {
font-size: 15px; font-size: 1em;
} }
} }
#s { #s {
...@@ -87,7 +87,7 @@ ...@@ -87,7 +87,7 @@
.card-medium; .card-medium;
} }
h2 { h2 {
font-size: 21px; font-size: 1.3em;
} }
ul { ul {
list-style-type: none; list-style-type: none;
...@@ -99,7 +99,7 @@ ...@@ -99,7 +99,7 @@
color: inherit; color: inherit;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
font-size: 15px; font-size: 1em;
i { i {
margin-left: 10px; margin-left: 10px;
} }
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
height: 30px; height: 30px;
float: left; float: left;
padding: 6px 12px; padding: 6px 12px;
font-size: 14px; font-size: 1em;
line-height: 1.42857; line-height: 1.42857;
color: #555; color: #555;
background-color: white; background-color: white;
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
border: 1px solid #CCC; border: 1px solid #CCC;
padding: 6px 12px; padding: 6px 12px;
margin: 0px; margin: 0px;
font-size: 14px; font-size: 1em;
font-weight: normal; font-weight: normal;
line-height: 1; line-height: 1;
white-space: nowrap; white-space: nowrap;
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
-webkit-box-pack: center; -webkit-box-pack: center;
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;
font-size: 16px; font-size: 1em;
background-color: transparent; background-color: transparent;
color: #333; color: #333;
.search-input-submit { .search-input-submit {
...@@ -56,11 +56,11 @@ ...@@ -56,11 +56,11 @@
#search-delete-btn { #search-delete-btn {
position: absolute; position: absolute;
right: 2px; right: 2px;
bottom: 1px; bottom: 5px;
width: auto; width: auto;
border: none; border: none;
background-color: white; background-color: white;
font-size: 25px; font-size: 1.8em;
font-weight: normal; font-weight: normal;
display: none; display: none;
&:hover { &:hover {
......
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
} }
} }
&>label { &>label {
font-size: 16px; font-size: 1.1em;
font-weight: normal; font-weight: normal;
text-decoration: none; text-decoration: none;
text-indent: 12px; text-indent: 12px;
...@@ -63,7 +63,7 @@ ...@@ -63,7 +63,7 @@
transition: 0.5s ease; transition: 0.5s ease;
&>li>a { &>li>a {
display: block; display: block;
font-size: 13px; font-size: .9em;
padding: 6px 20px; padding: 6px 20px;