KevinMidboe/planetposen-frontend
1
0
Fork 0
mirror of https://github.com/KevinMidboe/planetposen-frontend.git synced 2025-10-29 13:10:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Main entry and glboal styles

Browse Source
This commit is contained in:
Kevin
2022-11-28 20:02:22 +01:00
parent c013c839bb
commit 502efef964
4 changed files with 91 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app.d.ts vendored Normal file
View File

@@ -0,0 +1,6 @@
// See https://kit.svelte.dev/docs/types#app
// for information about these interfaces
// and what to do when importing types
declare namespace App {
string;
}

24
src/app.html Normal file
View File

@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="theme-color" content="#18332f" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<style lang="css">
html,
body {
padding: 0;
margin: 0;
}
</style>
%sveltekit.head%
</head>
<body data-sveltekit-prefetch>
<div>%sveltekit.body%</div>
</body>
</html>

41
src/styles/generic-article.scss Normal file
View File

@@ -0,0 +1,41 @@
@import './media-queries.scss';
article {
margin: 20% 2rem;
width: 60%;
}
p {
font-size: 1.2rem;
margin: 2rem 0;
line-height: 1.5;
strong {
display: block;
margin-top: 2rem;
}
}
h1 {
margin: 4rem 0;
}
@include mobile {
article {
width: unset;
margin: 0.5rem;
}
}
p.last-edit {
margin-top: 2rem;
strong {
display: inline-block;
}
}
a {
text-decoration: underline;
}

20
src/styles/media-queries.scss Normal file
View File

@@ -0,0 +1,20 @@
$tablet-width: 1200px;
$mobile-width: 768px;
@mixin tablet {
@media (min-width: #{$mobile-width}) {
@content;
}
}
@mixin mobile {
@media (max-width: #{$mobile-width}) {
@content;
}
}
@mixin desktop {
@media (min-width: #{$tablet-width + 1px}) {
@content;
}
}