Amy/Blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: changed styling
All checks were successful
Gitea Actions Demo / Build (push) Successful in 1m34s
Details
Gitea Actions Demo / Upload (push) Successful in 10s
Details

Browse Source
This commit is contained in:
Amy Retzerau
2025-09-26 10:51:16 +02:00
parent c1ec367133
commit c39f1d38e9
3 changed files with 8 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/routes/blogs/blog.svelte
View File

@@ -34,12 +34,9 @@
} }
.title { .title {
padding: 0 var(--d3) 0; padding: var(--d3);
#display: table; #margin: var(--d3) 0;
flex-wrap: row; flex-wrap: row;
#height: 5rem;
margin-bottom: -12px;
#white-space: nowrap;
} }
.title h1 { .title h1 {
@@ -74,8 +71,8 @@
.blog-text { .blog-text {
border-radius: var(--border-round); border-radius: var(--border-round);
background: var(--rp-moon-surface); #background: var(--rp-moon-surface);
box-shadow: 0px 0px 0.5rem 0px hsl(from var(--rp-moon-pine) h calc(s * 0.5) calc(l * 0.25)); #box-shadow: 0px 0px 0.5rem 0px hsl(from var(--rp-moon-pine) h calc(s * 0.5) calc(l * 0.25));
padding: var(--d2) var(--d3) var(--d4); padding: var(--d2) var(--d3) var(--d4);
} }
</style> </style>

10
src/routes/blogs/style-blog.css
View File

@@ -1,10 +0,0 @@
.blog-text{
border-radius: 0.5rem;
background: var(--rp-moon-surface);
box-shadow: 0px 0px 1rem 0px hsl(from var(--rp-moon-base) h s calc(l * 0.85));
margin: -1rem;
padding: 1rem;
}

9
src/routes/style.css
View File

@@ -49,14 +49,14 @@ body {
} }
code { code {
background: var(--rp-moon-base); background: var(--rp-moon-surface) !important;
padding: 3px; padding: 3px;
border-radius: 0.5rem; border-radius: 0.5rem;
font-family: fira; font-family: fira;
} }
pre { pre {
background: var(--rp-moon-base); background: var(--rp-moon-surface) !important;
border-radius: 0.5rem; border-radius: 0.5rem;
} }
@@ -79,7 +79,7 @@ h1,h2,h3,h4,p:first-child {
nav { nav {
margin-top: 1rem; margin: var(--d3) 0 ;
padding: 0 var(--d3) 0; padding: 0 var(--d3) 0;
@@ -97,6 +97,7 @@ nav a{
margin: 1rem; margin: 1rem;
margin-left: 0rem; margin-left: 0rem;
padding-left: 0rem; padding-left: 0rem;
border-bottom: solid var(--rp-moon-foam);
color: var(--rp-moon-foam); color: var(--rp-moon-foam);
#text-decoration: underline; #text-decoration: underline;
&:visited { &:visited {
@@ -105,8 +106,6 @@ nav a{
} }
main { main {
#padding: 0 2rem 2rem;
margin-top: var(--d3);
width: 100%; width: 100%;
#box-shadow: 0px 0px 1rem 0px hsl(from var(--rp-moon-base) h s calc(l * 0.85)); #box-shadow: 0px 0px 1rem 0px hsl(from var(--rp-moon-base) h s calc(l * 0.85));
} }