diff options
| author | ivarlovlie <git@ivarlovlie.no> | 2022-11-16 09:55:56 +0100 |
|---|---|---|
| committer | ivarlovlie <git@ivarlovlie.no> | 2022-11-16 09:55:56 +0100 |
| commit | 2286ec2d350d81dde30baa9caa6adfc3a9da119d (patch) | |
| tree | 4fcb0d56961270f43d289183c3eb1788c23e5f17 /src | |
| parent | 016d144923ce12cc1262de11f05c489e73cdb7cd (diff) | |
| download | lettnytt-2286ec2d350d81dde30baa9caa6adfc3a9da119d.tar.xz lettnytt-2286ec2d350d81dde30baa9caa6adfc3a9da119d.zip | |
refactor: Move reset.css into index.css
Diffstat (limited to 'src')
| -rw-r--r-- | src/Pages/Shared/_Layout.cshtml | 1 | ||||
| -rw-r--r-- | src/wwwroot/index.css | 91 | ||||
| -rw-r--r-- | src/wwwroot/reset.css | 74 |
3 files changed, 89 insertions, 77 deletions
diff --git a/src/Pages/Shared/_Layout.cshtml b/src/Pages/Shared/_Layout.cshtml index 7831774..09babeb 100644 --- a/src/Pages/Shared/_Layout.cshtml +++ b/src/Pages/Shared/_Layout.cshtml @@ -3,7 +3,6 @@ <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> - <link rel="stylesheet" href="/reset.css"> <link rel="stylesheet" href="/index.css"> <title>@ViewData["Title"] - Lettnytt</title> </head> diff --git a/src/wwwroot/index.css b/src/wwwroot/index.css index 0296036..2c5ac3f 100644 --- a/src/wwwroot/index.css +++ b/src/wwwroot/index.css @@ -1,10 +1,81 @@ +/* Box sizing rules */ +*, +*::before, +*::after { + box-sizing: border-box; +} + +/* Remove default margin */ +body, +h1, +h2, +h3, +h4, +p, +a, +figure, +blockquote, +dl, +dd { + margin: 0; +} + +/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ +ul[role="list"], +ol[role="list"] { + list-style: none; +} + +/* Set core root defaults */ +html:focus-within { + scroll-behavior: smooth; +} + +/* A elements that don't have a class get default styles */ +a:not([class]) { + text-decoration-skip-ink: auto; +} + +/* Make images easier to work with */ +img, +picture { + max-width: 100%; + display: block; +} + +/* Inherit fonts for inputs and buttons */ +input, +button, +textarea, +select { + font: inherit; +} + +/* Remove all animations and transitions for people that prefer not to see them */ +@media (prefers-reduced-motion: reduce) { + html:focus-within { + scroll-behavior: auto; + } + + *, + *::before, + *::after { + animation-duration: 0.01ms !important; + animation-iteration-count: 1 !important; + transition-duration: 0.01ms !important; + scroll-behavior: auto !important; + } +} + + body { + min-height: 100vh; + text-rendering: optimizeSpeed; + line-height: 1.5; display: flex; flex-direction: column; - min-height: 100vh; padding: 5vh clamp(1rem, 5vw, 3rem) 1rem; font-family: system-ui, sans-serif; - line-height: 1.5; color: #222; background: white; } @@ -53,4 +124,20 @@ article * + * { .quote-source { padding-left: 20px; +} + +.news-link { + margin-bottom: 8px; + display: flex; + flex-direction: column +} + +.news-link h2 { + font-size: 18px; +} + +.news-link .source-link { + font-size: 14px; + display: flex; + justify-content: end }
\ No newline at end of file diff --git a/src/wwwroot/reset.css b/src/wwwroot/reset.css deleted file mode 100644 index ae5fad7..0000000 --- a/src/wwwroot/reset.css +++ /dev/null @@ -1,74 +0,0 @@ -/* Box sizing rules */ -*, -*::before, -*::after { - box-sizing: border-box; -} - -/* Remove default margin */ -body, -h1, -h2, -h3, -h4, -p, -figure, -blockquote, -dl, -dd { - margin: 0; -} - -/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ -ul[role="list"], -ol[role="list"] { - list-style: none; -} - -/* Set core root defaults */ -html:focus-within { - scroll-behavior: smooth; -} - -/* Set core body defaults */ -body { - min-height: 100vh; - text-rendering: optimizeSpeed; - line-height: 1.5; -} - -/* A elements that don't have a class get default styles */ -a:not([class]) { - text-decoration-skip-ink: auto; -} - -/* Make images easier to work with */ -img, -picture { - max-width: 100%; - display: block; -} - -/* Inherit fonts for inputs and buttons */ -input, -button, -textarea, -select { - font: inherit; -} - -/* Remove all animations and transitions for people that prefer not to see them */ -@media (prefers-reduced-motion: reduce) { - html:focus-within { - scroll-behavior: auto; - } - - *, - *::before, - *::after { - animation-duration: 0.01ms !important; - animation-iteration-count: 1 !important; - transition-duration: 0.01ms !important; - scroll-behavior: auto !important; - } -} |