moved style to style.css
This commit is contained in:
parent
9afb0d2acd
commit
5ae9b05223
@ -56,6 +56,7 @@ fn ElemEvents? Ctx.slider_hor_id(&ctx, Id id, Rect size, float* value, float hpe
|
|||||||
ctx.push_rect(elem.bounds, parent.div.z_index, &s)!;
|
ctx.push_rect(elem.bounds, parent.div.z_index, &s)!;
|
||||||
s.bg = s.primary;
|
s.bg = s.primary;
|
||||||
s.padding = padding;
|
s.padding = padding;
|
||||||
|
s.border = {};
|
||||||
ctx.push_rect(elem.slider.handle, parent.div.z_index, &s)!;
|
ctx.push_rect(elem.slider.handle, parent.div.z_index, &s)!;
|
||||||
|
|
||||||
return elem.events;
|
return elem.events;
|
||||||
@ -120,6 +121,7 @@ fn ElemEvents? Ctx.slider_ver_id(&ctx, Id id, Rect size, float* value, float hpe
|
|||||||
ctx.push_rect(elem.bounds, parent.div.z_index, &s)!;
|
ctx.push_rect(elem.bounds, parent.div.z_index, &s)!;
|
||||||
s.bg = s.primary;
|
s.bg = s.primary;
|
||||||
s.padding = padding;
|
s.padding = padding;
|
||||||
|
s.border = {};
|
||||||
ctx.push_rect(elem.slider.handle, parent.div.z_index, &s)!;
|
ctx.push_rect(elem.slider.handle, parent.div.z_index, &s)!;
|
||||||
|
|
||||||
return elem.events;
|
return elem.events;
|
||||||
|
72
resources/style.css
Normal file
72
resources/style.css
Normal file
@ -0,0 +1,72 @@
|
|||||||
|
default {
|
||||||
|
bg: #282828ff;
|
||||||
|
fg: #fbf1c7ff;
|
||||||
|
primary: #cc241dff;
|
||||||
|
secondary: #458588ff;
|
||||||
|
accent: #fabd2fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
margin: 2 2 2 2;
|
||||||
|
border: 2 2 2 2;
|
||||||
|
padding: 1 1 1 1;
|
||||||
|
radius: 10;
|
||||||
|
|
||||||
|
bg: #3c3836ff;
|
||||||
|
fg: #fbf1c7ff;
|
||||||
|
primary: #cc241dff;
|
||||||
|
secondary: #458588ff;
|
||||||
|
accent: #fabd2fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
button-active {
|
||||||
|
margin: 2 2 2 2;
|
||||||
|
border: 2 2 2 2;
|
||||||
|
padding: 1 1 1 1;
|
||||||
|
radius: 10;
|
||||||
|
|
||||||
|
bg: #504945ff;
|
||||||
|
fg: #fbf1c7ff;
|
||||||
|
primary: #cc241dff;
|
||||||
|
secondary: #cc241dff;
|
||||||
|
accent: #fabd2fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
checkbox {
|
||||||
|
margin: 2 2 2 2;
|
||||||
|
border: 2 2 2 2;
|
||||||
|
padding: 1 1 1 1;
|
||||||
|
radius: 10;
|
||||||
|
size: 16;
|
||||||
|
bg: #3c3836ff;
|
||||||
|
fg: #fbf1c7ff;
|
||||||
|
primary: #cc241dff;
|
||||||
|
secondary: #458588ff;
|
||||||
|
accent: #fabd2fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
toggle {
|
||||||
|
margin: 2 2 2 2;
|
||||||
|
border: 2 2 2 2;
|
||||||
|
padding: 1 1 1 1;
|
||||||
|
radius: 10;
|
||||||
|
size: 16;
|
||||||
|
bg: #3c3836ff;
|
||||||
|
fg: #fbf1c7ff;
|
||||||
|
primary: #cc241dff;
|
||||||
|
secondary: #458588ff;
|
||||||
|
accent: #fabd2fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
slider {
|
||||||
|
margin: 2 2 2 2;
|
||||||
|
padding: 2 2 2 2;
|
||||||
|
border: 1 1 1 1;
|
||||||
|
radius: 4;
|
||||||
|
size: 8;
|
||||||
|
bg: #3c3836ff;
|
||||||
|
fg: #fbf1c7ff;
|
||||||
|
primary: #cc241dff;
|
||||||
|
secondary: #458588ff;
|
||||||
|
accent: #fabd2fff;
|
||||||
|
}
|
77
src/main.c3
77
src/main.c3
@ -54,80 +54,7 @@ const char[*] RECT_FS_PATH = "resources/shaders/compiled/rect.frag.spv";
|
|||||||
const char[*] SPRITE_VS_PATH = "resources/shaders/compiled/sprite.vert.spv";
|
const char[*] SPRITE_VS_PATH = "resources/shaders/compiled/sprite.vert.spv";
|
||||||
const char[*] RECT_VS_PATH = "resources/shaders/compiled/rect.vert.spv";
|
const char[*] RECT_VS_PATH = "resources/shaders/compiled/rect.vert.spv";
|
||||||
|
|
||||||
const String STYLESHEET = `
|
const char[*] STYLESHEET_PATH = "resources/style.css";
|
||||||
default {
|
|
||||||
bg: #282828ff;
|
|
||||||
fg: #fbf1c7ff;
|
|
||||||
primary: #cc241dff;
|
|
||||||
secondary: #458588ff;
|
|
||||||
accent: #fabd2fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
margin: 2 2 2 2;
|
|
||||||
border: 2 2 2 2;
|
|
||||||
padding: 1 1 1 1;
|
|
||||||
radius: 10;
|
|
||||||
|
|
||||||
bg: #3c3836ff;
|
|
||||||
fg: #fbf1c7ff;
|
|
||||||
primary: #cc241dff;
|
|
||||||
secondary: #458588ff;
|
|
||||||
accent: #fabd2fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
button-active {
|
|
||||||
margin: 2 2 2 2;
|
|
||||||
border: 2 2 2 2;
|
|
||||||
padding: 1 1 1 1;
|
|
||||||
radius: 10;
|
|
||||||
|
|
||||||
bg: #504945ff;
|
|
||||||
fg: #fbf1c7ff;
|
|
||||||
primary: #cc241dff;
|
|
||||||
secondary: #cc241dff;
|
|
||||||
accent: #fabd2fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
checkbox {
|
|
||||||
margin: 2 2 2 2;
|
|
||||||
border: 2 2 2 2;
|
|
||||||
padding: 1 1 1 1;
|
|
||||||
radius: 10;
|
|
||||||
size: 16;
|
|
||||||
bg: #3c3836ff;
|
|
||||||
fg: #fbf1c7ff;
|
|
||||||
primary: #cc241dff;
|
|
||||||
secondary: #458588ff;
|
|
||||||
accent: #fabd2fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
toggle {
|
|
||||||
margin: 2 2 2 2;
|
|
||||||
border: 2 2 2 2;
|
|
||||||
padding: 1 1 1 1;
|
|
||||||
radius: 10;
|
|
||||||
size: 16;
|
|
||||||
bg: #3c3836ff;
|
|
||||||
fg: #fbf1c7ff;
|
|
||||||
primary: #cc241dff;
|
|
||||||
secondary: #458588ff;
|
|
||||||
accent: #fabd2fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
slider {
|
|
||||||
margin: 2 2 2 2;
|
|
||||||
padding: 2 2 2 2;
|
|
||||||
radius: 4;
|
|
||||||
size: 8;
|
|
||||||
bg: #3c3836ff;
|
|
||||||
fg: #fbf1c7ff;
|
|
||||||
primary: #cc241dff;
|
|
||||||
secondary: #458588ff;
|
|
||||||
accent: #fabd2fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
`;
|
|
||||||
|
|
||||||
fn int main(String[] args)
|
fn int main(String[] args)
|
||||||
{
|
{
|
||||||
@ -188,7 +115,7 @@ fn int main(String[] args)
|
|||||||
|
|
||||||
|
|
||||||
// CSS INPUT
|
// CSS INPUT
|
||||||
io::printfn("imported %d styles", ui.import_style_from_string(STYLESHEET));
|
io::printfn("imported %d styles", ui.import_style_from_file(STYLESHEET_PATH));
|
||||||
|
|
||||||
isz frame;
|
isz frame;
|
||||||
double fps;
|
double fps;
|
||||||
|
Loading…
Reference in New Issue
Block a user