cwtv
/
chaoswest.tv
5
0
Fork 1
Code Issues 2 Pull Requests 1 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;
padding: 20px 30px;
background: transparent;
p {
p, ul li {
color: $font_default;
font-size: $font_size_default;
}
a, a:link, a:visited {
text-decoration: none;
color: $font_accent_4;
}
a:hover, a:active {
color: $font_accent_3;
}
@ -18,26 +21,41 @@ div.events {
color: $font_accent_4;
font-size: $font_size_code;
}
.headline a {
color: $font_accent_3;
font-size: $font_size_h2;
text-shadow: 0px 0px 1px black;
text-decoration: none;
}
.meta {
color: silver;
font-style: italic;
}
ul li {
padding: 5px 0px;
}
.blog-post {
background: rgba(128,128,128,0.15);
padding: 16px;
margin-top: 50px;
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 {
color: $font_accent_3;
text-shadow: 0px 0px 1px black;
}
img {
max-width: 94%;
margin: 3%;
@ -48,7 +66,7 @@ div.events {
@media (min-width: $large_view) {
div.events {
max-width: $large_min_width;
p {
p, ul {
font-size: $font_size_default_large;
}
.headline a {
@ -65,7 +83,7 @@ div.events {
@media (max-width: $mobile_view) {
div.events {
p {
p, ul {
font-size: $font_size_default_mobile;
}
img {

25
assets/scss/_page.scss
View File

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