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

add thread view

Browse Source
This commit is contained in:
Lera Elvoé
2025-05-20 12:30:41 +03:00
parent 9b689a08e2
commit 8609c33f00
10 changed files with 229 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
sass/style.scss
View File

@ -1,3 +1,5 @@
/* src: */
@use "sass:color";
$accent_color: #c1ceb1;
@ -8,6 +10,38 @@ $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%);
$button_color: color.adjust($accent_color, $hue: 90);
%button-base {
cursor: default;
// color: black;
font-size: 0.9rem;
text-decoration: none;
border: 1px solid black;
border-radius: 3px;
padding: 5px 20px;
margin: 10px 0;
}
@mixin button($color) {
@extend %button-base;
background-color: $color;
&:hover {
background-color: color.scale($color, $lightness: 20%);
}
&:active {
background-color: color.scale($color, $lightness: -10%, $saturation: -70%);
}
}
@mixin navbar($color) {
padding: 10px;
display: flex;
justify-content: end;
background-color: $color;
}
body {
font-family: sans-serif;
@ -16,10 +50,11 @@ body {
}
#topnav {
padding: 10px;
display: flex;
justify-content: end;
background-color: $accent_color;
@include navbar($accent_color);
}
#bottomnav {
@include navbar($dark_bg);
}
#threadnav {
@ -71,6 +106,9 @@ body {
display: flex;
justify-content: space-between;
padding: 5px 20px;
align-items: center;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
.post-content {
@ -92,3 +130,31 @@ body {
.user-status {
text-align: center;
}
button, input[type="submit"], .linkbutton {
@include button($button_color);
&.critical {
color: white;
@include button(red);
}
}
.pagebutton {
@include button($button_color);
padding: 5px 5px;
margin: 0;
display: inline-block;
min-width: 20px;
text-align: center;
}
.currentpage {
@extend %button-base;
border: none;
padding: 5px 5px;
margin: 0;
display: inline-block;
min-width: 20px;
text-align: center;
}