diff options
Diffstat (limited to 'src/components/Logo.vue')
-rw-r--r-- | src/components/Logo.vue | 9 |
1 files changed, 1 insertions, 8 deletions
diff --git a/src/components/Logo.vue b/src/components/Logo.vue index 20f071e..8b653e1 100644 --- a/src/components/Logo.vue +++ b/src/components/Logo.vue @@ -14,7 +14,6 @@ url("../assets/fonts/AlbertusTMW.woff") format("woff"), url("../assets/fonts/AlbertusTMW.ttf") format("truetype"); } - .logo { /* this is all relative because our mobile site has to be responsive */ background: url(../assets/logo.svg) no-repeat left top; /* FIXME: the -small logo is fugly */ @@ -23,21 +22,19 @@ font-family: "Albertus TMW", "Arial Black", "Times New Roman", fantasy; font-size: 7vw; text-shadow: 0.03ch 0.07ch #070905; + text-decoration: none; color: #34B039; height: 11vw; cursor: pointer; z-index: 200; max-width: calc(90% - 15vw); - &::selection { text-shadow: none; } - & span:last-of-type { display: none; } } - @media (min-width: 800px) { .logo { background-image: url(../assets/logo.svg); @@ -47,14 +44,12 @@ height: 100px; margin-top: 20px; position: relative; - & span:first-of-type { position: absolute; left: 125px; top: 0; font-size: 0.6em; } - & span:last-of-type { display: inline; position: absolute; @@ -69,7 +64,6 @@ } } } - @media (max-width: 300px) { .logo { background-image: url(../assets/logo-extrasmall.svg); @@ -78,7 +72,6 @@ text-shadow: none; } } - @media (min-width: 1100px) { .logo { max-width: 100%; |