yagich/porom
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add sass

Browse Source
This commit is contained in:
Lera Elvoé 2025-05-20 06:56:14 +03:00
parent c473d2b1a0
commit 9b689a08e2
Signed by: yagich
SSH Key Fingerprint: SHA256:6xjGb6uA7lAVcULa7byPEN//rQ0wPoG+UzYVMfZnbvc
4 changed files with 178 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@ -3,5 +3,5 @@ nginx.conf.compiled
db.*.sqlite
.vscode/
.local/
static/
static/avatars/
secrets.lua

94
sass/style.scss Normal file
View File

@ -0,0 +1,94 @@
@use "sass:color";
$accent_color: #c1ceb1;
$dark_bg: color.scale($accent_color, $lightness: -25%, $saturation: -97%);
$dark2: color.scale($accent_color, $lightness: -30%, $saturation: -60%);
$light: color.scale($accent_color, $lightness: 40%, $saturation: -60%);
$main_bg: color.scale($accent_color, $lightness: -10%, $saturation: -40%);
body {
font-family: sans-serif;
margin: 20px 20px 0px 20px;
background-color: $main_bg;
}
#topnav {
padding: 10px;
display: flex;
justify-content: end;
background-color: $accent_color;
}
#threadnav {
padding-bottom: 10px;
padding-left: 10px;
background-color: $dark_bg;
}
.thread-title {
margin: 0;
}
.post {
display: grid;
grid-template-columns: 200px 1fr;
grid-template-rows: 1fr;
gap: 0;
grid-auto-flow: row;
grid-template-areas:
"usercard post-content-container";
border: 2px outset $dark2;
}
.usercard {
grid-area: usercard;
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 10px;
border: 4px outset $light;
background-color: $dark_bg;
border-right: solid 2px;
}
.post-content-container {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 0.2fr 2.5fr;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
"post-info"
"post-content";
grid-area: post-content-container;
}
.post-info {
grid-area: post-info;
display: flex;
justify-content: space-between;
padding: 5px 20px;
}
.post-content {
grid-area: post-content;
padding: 5px 20px;
}
.avatar {
width: 90%;
height: 90%;
object-fit: contain;
padding-bottom: 10px;
}
.username-link {
overflow-wrap: anywhere;
}
.user-status {
text-align: center;
}

82
static/style.css Normal file
View File

@ -0,0 +1,82 @@
body {
font-family: sans-serif;
margin: 20px 20px 0px 20px;
background-color: rgb(173.5214173228, 183.6737007874, 161.0262992126);
}
#topnav {
padding: 10px;
display: flex;
justify-content: end;
background-color: #c1ceb1;
}
#threadnav {
padding-bottom: 10px;
padding-left: 10px;
background-color: rgb(143.7039271654, 144.3879625984, 142.8620374016);
}
.thread-title {
margin: 0;
}
.post {
display: grid;
grid-template-columns: 200px 1fr;
grid-template-rows: 1fr;
gap: 0;
grid-auto-flow: row;
grid-template-areas: "usercard post-content-container";
border: 2px outset rgb(135.1928346457, 145.0974015748, 123.0025984252);
}
.usercard {
grid-area: usercard;
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 10px;
border: 4px outset rgb(217.26, 220.38, 213.42);
background-color: rgb(143.7039271654, 144.3879625984, 142.8620374016);
border-right: solid 2px;
}
.post-content-container {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 0.2fr 2.5fr;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas: "post-info" "post-content";
grid-area: post-content-container;
}
.post-info {
grid-area: post-info;
display: flex;
justify-content: space-between;
padding: 5px 20px;
}
.post-content {
grid-area: post-content;
padding: 5px 20px;
}
.avatar {
width: 90%;
height: 90%;
object-fit: contain;
padding-bottom: 10px;
}
.username-link {
overflow-wrap: anywhere;
}
.user-status {
text-align: center;
}
/*# sourceMappingURL=style.css.map */

1
static/style.css.map Normal file
View File

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["../sass/style.scss"],"names":[],"mappings":"AAWA;EACE;EACA;EACA,kBALQ;;;AAQV;EACE;EACA;EACA;EACA,kBAnBa;;;AAsBf;EACE;EACA;EACA,kBAvBQ;;;AA0BV;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA,qBACE;EACF;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBAhDQ;EAiDR;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA,qBACE;EAEF;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE","file":"style.css"}