cwtv
/
chaoswest.tv
3
0
Fork 0
Code Issues 2 Pull Requests Releases Activity

minimal css tweaks

This commit is contained in:
L3D 2022-04-26 20:53:43 +02:00
parent b960644606
commit 74c0a85e94
Signed by: L3D
GPG Key ID: CD08445BFF4313D1
2 changed files with 44 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
assets/scss/_events.scss
View File

@ -2,14 +2,17 @@ div.events {
margin: 0 auto; margin: 0 auto;
padding: 20px 30px; padding: 20px 30px;
background: transparent; background: transparent;
p {
p, ul li {
color: $font_default; color: $font_default;
font-size: $font_size_default; font-size: $font_size_default;
} }
a, a:link, a:visited { a, a:link, a:visited {
text-decoration: none; text-decoration: none;
color: $font_accent_4; color: $font_accent_4;
} }
a:hover, a:active { a:hover, a:active {
color: $font_accent_3; color: $font_accent_3;
} }
@ -18,26 +21,41 @@ div.events {
color: $font_accent_4; color: $font_accent_4;
font-size: $font_size_code; font-size: $font_size_code;
} }
.headline a { .headline a {
color: $font_accent_3; color: $font_accent_3;
font-size: $font_size_h2; font-size: $font_size_h2;
text-shadow: 0px 0px 1px black; text-shadow: 0px 0px 1px black;
text-decoration: none; text-decoration: none;
} }
.meta { .meta {
color: silver; color: silver;
font-style: italic; font-style: italic;
} }
ul li {
padding: 5px 0px;
}
.blog-post { .blog-post {
background: rgba(128,128,128,0.15); background: rgba(128,128,128,0.15);
padding: 16px; padding: 16px;
margin-top: 50px; margin-top: 50px;
box-shadow: 0px 0px 2px 8px rgba(128,128,128,0.1); box-shadow: 0px 0px 2px 8px rgba(128,128,128,0.1);
ul li a {
color: $font_default;
} }
ul li a:hover {
text-decoration: underline;
}
}
h2 { h2 {
color: $font_accent_3; color: $font_accent_3;
text-shadow: 0px 0px 1px black; text-shadow: 0px 0px 1px black;
} }
img { img {
max-width: 94%; max-width: 94%;
margin: 3%; margin: 3%;
@ -48,7 +66,7 @@ div.events {
@media (min-width: $large_view) { @media (min-width: $large_view) {
div.events { div.events {
max-width: $large_min_width; max-width: $large_min_width;
p { p, ul {
font-size: $font_size_default_large; font-size: $font_size_default_large;
} }
.headline a { .headline a {
@ -65,7 +83,7 @@ div.events {
@media (max-width: $mobile_view) { @media (max-width: $mobile_view) {
div.events { div.events {
p { p, ul {
font-size: $font_size_default_mobile; font-size: $font_size_default_mobile;
} }
img { img {

25
assets/scss/_page.scss
View File

@ -2,11 +2,15 @@ div.page {
margin: 0 auto; margin: 0 auto;
padding: 20px 30px; padding: 20px 30px;
background: transparent; background: transparent;
p, code{ p, ul li {
color: $font_default; color: $font_default;
font-size: $font_size_default; font-size: $font_size_default;
} }
code {
color: $font_default;
}
a, a:link, a:visited, a:active { a, a:link, a:visited, a:active {
color: $font_default; color: $font_default;
} }
@ -24,18 +28,30 @@ div.page {
img { img {
max-width: 100%; max-width: 100%;
} }
ul li {
padding: 5px 0px;
}
.highlight {
color: $font_accent_4;
font-size: $font_size_code;
}
} }
@media (min-width: $large_view) { @media (min-width: $large_view) {
div.page { div.page {
margin: auto; margin: auto;
max-width: $large_min_width; max-width: $large_min_width;
p {
p, ul li {
font-size: $font_size_default_large; font-size: $font_size_default_large;
} }
h1 { h1 {
font-size: $font_size_h1_large; font-size: $font_size_h1_large;
} }
h2 { h2 {
font-size: $font_size_h2_large; font-size: $font_size_h2_large;
} }
@ -44,18 +60,23 @@ div.page {
@media (max-width: $mobile_view) { @media (max-width: $mobile_view) {
div.page { div.page {
p, a{ p, a{
font-size: $font_size_default_mobile; font-size: $font_size_default_mobile;
} }
code { code {
font-size: $font_size_code_mobile; font-size: $font_size_code_mobile;
} }
img { img {
max-width: 90%; max-width: 90%;
} }
h1 { h1 {
font-size: $font_size_h1_mobile; font-size: $font_size_h1_mobile;
} }
h2 { h2 {
font-size: $font_size_h2_mobile; font-size: $font_size_h2_mobile;
} }