add label to blek id

This commit is contained in:
b1ek 2023-02-22 11:54:28 +10:00
parent 005965f149
commit 12acc4f05e
4 changed files with 12 additions and 4 deletions

View File

@ -86,7 +86,6 @@ hr {
font-size:15px; font-size:15px;
font-weight:bold; font-weight:bold;
padding:2px 4px; padding:2px 4px;
margin:0 6px;
text-decoration:none; text-decoration:none;
text-shadow:0px 1px 0px #ffffff; text-shadow:0px 1px 0px #ffffff;
} }

View File

@ -1,9 +1,12 @@
extends ../layout/project.pug extends ../layout/project.pug
block root block root
- var title = 'blek! Sail' - var title = 'blek! Sail'
include ../ui/label.pug
block append content block append content
h2 blek! ID h2
| blek! ID
+label('Abandoned', '#B9CEDB')
p p
| blek! ID provides authentication functionality for all blek! Services. | blek! ID provides authentication functionality for all blek! Services.
br br

View File

@ -3,9 +3,12 @@ mixin label(text, base_color)
- -
var color = base_color || '#F9F9F9'; var color = base_color || '#F9F9F9';
var dark_color = pSBC(-0.2, color); var dark_color = pSBC(-0.2, color);
var text_color = pSBC(-0.75, dark_color);
span( span(
class='ui_custom_label' class='ui_custom_label'
style=";background-color:" + color + style=";background-color:" + color +
";background:linear-gradient(to bottom, " + color + " 50%, " + dark_color + " 100%)" + ";background:linear-gradient(to bottom," + color + " 50%," + dark_color + " 100%)" +
";border:1px solid " + pSBC(-0.2, dark_color) ";border:1px solid " + pSBC(-0.2, dark_color) +
";box-shadow:inset 0px 1px 0px 0px " + pSBC(0.75, color) +
";color:" + text_color
)= text )= text

View File

@ -0,0 +1,3 @@
mixin planned_label()
include ./label.pug
+label('Planned')