steffo/bluelib
steffo/bluelib
1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2024-12-22 11:34:21 +00:00
Code Activity

✨ Implement buttons and a lot of improvements

Browse source
This commit is contained in:
Steffo 2021-03-22 16:28:15 +01:00
parent 1af4c2d3ff
commit a0040d4e2c
Signed by: steffo
GPG key ID: 6965406171929D01
13 changed files with 680 additions and 112 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

93
index.html
View file

@ -245,6 +245,99 @@
</section> </section>
</section> </section>
</div> </div>
<h2>
Elements
</h2>
<div class="panel panel-split">
<section>
<h3>
Buttons
</h3>
<p>
Bluelib supports buttons:
</p>
<p>
<button>
Hi, I'm a inline default button!
</button>
&nbsp;or&nbsp;
<input class="color-lime" type="submit" value="Hi, I'm a lime submit button!"/>
</p>
<p>
<button class="button-fill-width color-orange">
I'm stretched horizontally!
</button>
</p>
</section>
<section>
<h3>
Toggle buttons
</h3>
<p>
Bluelib supports buttons that can be toggled on and off:
</p>
<p>
<button class="button-toggle button-toggle-off">
Toggled off
</button>
&nbsp;
<button class="button-toggle button-toggle-on">
Toggled on
</button>
</p>
<p>
<button class="button-toggle button-toggle-off color-red">
Colored off
</button>
&nbsp;
<button class="button-toggle button-toggle-on color-lime">
Colored on
</button>
</p>
</section>
</div>
<h2>
Coloring panels
</h2>
<div class="panel panel-split">
<section class="color-red">
<h3>
Panels can be recolored!
</h3>
<p>
Elements contained inside will be recolored accordingly.
</p>
</section>
<blockquote class="color-lime">
<h3>
It works on all types of panels!
</h3>
<p>
This blockquote should be green!
</p>
<hr/>
<p>
And so should be the separator above.
</p>
</blockquote>
<aside class="color-blue">
<h3>
Smol blue aside
</h3>
<p>
The buttons below should be automatically colored blue.
</p>
<button>
Blue button
</button>
<button class="button-toggle button-toggle-off">
Blue toggle off
</button>
<button class="button-toggle button-toggle-on">
Blue toggle on
</button>
</aside>
</div>
<h2> <h2>
Interactivity Interactivity
</h2> </h2>

141
src/rules/rygblue.less
View file

@ -63,32 +63,17 @@
// A generic content box // A generic content box
@{panel-box} { @{panel-box} {
border-color: rgba(
var(--bluelib-color-r),
var(--bluelib-color-g),
var(--bluelib-color-b),
0.1
);
} }
// Should be the same as a box, but with a quote-like border // Should be the same as a box, but with a quote-like border
@{panel-blockquote} { @{panel-blockquote} {
border-color: rgba(
var(--bluelib-color-r),
var(--bluelib-color-g),
var(--bluelib-color-b),
0.1
);
} }
// Should be the same as a box, but with smaller text and no border // Should be the same as a box, but with smaller text and no border
@{panel-aside} { @{panel-aside} {
border-color: rgba(
var(--bluelib-color-r),
var(--bluelib-color-g),
var(--bluelib-color-b),
0.1
);
} }
// Evenly split the panels contained inside // Evenly split the panels contained inside
@ -110,6 +95,92 @@
} }
// --- Buttons ---
@{button} {
color: black;
}
@toggle-stroke-1: rgba(
var(--bluelib-color-r),
var(--bluelib-color-g),
var(--bluelib-color-b),
1
);
@toggle-stroke-2: rgba(
calc(var(--bluelib-color-r) + 25),
calc(var(--bluelib-color-g) + 25),
calc(var(--bluelib-color-b) + 25),
1
);
@toggle-stroke-3: rgba(
calc(var(--bluelib-color-r) + 55),
calc(var(--bluelib-color-g) + 55),
calc(var(--bluelib-color-b) + 55),
1
);
@toggle-fill-1: transparent;
@toggle-fill-2: rgba(
var(--bluelib-color-r),
var(--bluelib-color-g),
var(--bluelib-color-b),
0.10
);
@toggle-fill-3: rgba(
var(--bluelib-color-r),
var(--bluelib-color-g),
var(--bluelib-color-b),
0.3
);
@{button-toggle} {
padding: 4px 14px;
border-width: 2px;
border-style: solid;
&@{status-disabled} {
border-style: dashed;
}
}
@{button-toggle-off} {
border-color: @toggle-stroke-1;
color: @toggle-stroke-1;
background-color: @toggle-fill-1;
&:hover {
border-color: @toggle-stroke-2;
color: @toggle-stroke-2;
background-color: @toggle-fill-2;
}
&:active {
border-color: @toggle-stroke-3;
color: @toggle-stroke-3;
background-color: @toggle-fill-3;
}
}
@{button-toggle-on} {
border-color: @toggle-stroke-3;
color: @toggle-stroke-3;
background-color: @toggle-fill-3;
&:hover {
border-color: @toggle-stroke-2;
color: @toggle-stroke-2;
background-color: @toggle-fill-2;
}
&:active {
border-color: @toggle-stroke-1;
color: @toggle-stroke-1;
background-color: @toggle-fill-1;
}
}
// --- Spoilers --- // --- Spoilers ---
@{spoiler} { @{spoiler} {
@ -129,7 +200,7 @@
} }
@{element-separator} { @{element-separator} {
border-color: fade(@hex-foreground, 10%);
} }
@{element-list-item} { @{element-list-item} {
@ -225,34 +296,50 @@
// --- Colors --- // --- Colors ---
@{color-red} { @{color-red} {
color: @hex-red; --bluelib-color-r: red(@hex-red);
--bluelib-color-g: green(@hex-red);
--bluelib-color-b: blue(@hex-red);
} }
@{color-orange} { @{color-orange} {
color: @hex-orange; --bluelib-color-r: red(@hex-orange);
--bluelib-color-g: green(@hex-orange);
--bluelib-color-b: blue(@hex-orange);
} }
@{color-yellow} { @{color-yellow} {
color: @hex-yellow; --bluelib-color-r: red(@hex-yellow);
--bluelib-color-g: green(@hex-yellow);
--bluelib-color-b: blue(@hex-yellow);
} }
@{color-lime} { @{color-lime} {
color: @hex-lime; --bluelib-color-r: red(@hex-lime);
--bluelib-color-g: green(@hex-lime);
--bluelib-color-b: blue(@hex-lime);
} }
@{color-cyan} { @{color-cyan} {
color: @hex-cyan; --bluelib-color-r: red(@hex-cyan);
--bluelib-color-g: green(@hex-cyan);
--bluelib-color-b: blue(@hex-cyan);
} }
@{color-blue} { @{color-blue} {
color: @hex-blue; --bluelib-color-r: red(@hex-blue);
--bluelib-color-g: green(@hex-blue);
--bluelib-color-b: blue(@hex-blue);
} }
@{color-magenta} { @{color-magenta} {
color: @hex-magenta; --bluelib-color-r: red(@hex-magenta);
--bluelib-color-g: green(@hex-magenta);
--bluelib-color-b: blue(@hex-magenta);
} }
@{color-gray} { @{color-gray} {
color: @hex-gray; --bluelib-color-r: red(@hex-gray);
--bluelib-color-g: green(@hex-gray);
--bluelib-color-b: blue(@hex-gray);
} }
} }

140
src/rules/skeleton.less vendored
View file

@ -60,7 +60,7 @@
var(--bluelib-color-r), var(--bluelib-color-r),
var(--bluelib-color-g), var(--bluelib-color-g),
var(--bluelib-color-b), var(--bluelib-color-b),
1 0.1
); );
} }
@ -111,6 +111,111 @@
cursor: pointer; cursor: pointer;
} }
// --- Buttons ---
@stroke-1: rgba(
var(--bluelib-color-r),
var(--bluelib-color-g),
var(--bluelib-color-b),
1
);
@stroke-2: rgba(
calc(var(--bluelib-color-r) - 25),
calc(var(--bluelib-color-g) - 25),
calc(var(--bluelib-color-b) - 25),
1
);
@stroke-3: rgba(
calc(var(--bluelib-color-r) - 55),
calc(var(--bluelib-color-g) - 55),
calc(var(--bluelib-color-b) - 55),
1
);
@fill-1: transparent;
@fill-2: rgba(
var(--bluelib-color-r),
var(--bluelib-color-g),
var(--bluelib-color-b),
0.1
);
@fill-3: rgba(
var(--bluelib-color-r),
var(--bluelib-color-g),
var(--bluelib-color-b),
0.3
);
@{button} {
display: inline-flex;
justify-content: center;
align-items: center;
background-color: @stroke-1;
border: none;
color: white;
padding: 6px 16px;
border-radius: 4px;
font-family: inherit;
font-size: inherit;
cursor: pointer;
&:hover {
background-color: @stroke-2;
}
&:active {
background-color: @stroke-3;
}
}
@{button-fill-width} {
width: 100%;
}
@{button-toggle} {
padding: 4px 14px;
border-width: 2px;
border-style: solid;
}
@{button-toggle-off} {
border-color: @stroke-1;
color: @stroke-1;
background-color: @fill-1;
&:hover {
border-color: @stroke-2;
color: @stroke-2;
background-color: @fill-2;
}
&:active {
border-color: @stroke-3;
color: @stroke-3;
background-color: @fill-3;
}
}
@{button-toggle-on} {
border-color: @stroke-3;
color: @stroke-3;
background-color: @fill-3;
&:hover {
border-color: @stroke-2;
color: @stroke-2;
background-color: @fill-2;
}
&:active {
border-color: @stroke-1;
color: @stroke-1;
background-color: @fill-1;
}
}
// --- Spoilers --- // --- Spoilers ---
@{spoiler} { @{spoiler} {
@ -133,6 +238,7 @@
@{element-separator} { @{element-separator} {
border-width: 1px; border-width: 1px;
border-style: solid;
border-color: rgba( border-color: rgba(
var(--bluelib-color-r), var(--bluelib-color-r),
var(--bluelib-color-g), var(--bluelib-color-g),
@ -225,35 +331,51 @@
// --- Colors --- // --- Colors ---
@{color-red} { @{color-red} {
color: red; --bluelib-color-r: 200;
--bluelib-color-g: 0;
--bluelib-color-b: 0;
} }
@{color-orange} { @{color-orange} {
color: orange; --bluelib-color-r: 200;
--bluelib-color-g: 165;
--bluelib-color-b: 0;
} }
@{color-yellow} { @{color-yellow} {
color: #dddd00; // Pure yellow isn't readable on a white background --bluelib-color-r: 200;
--bluelib-color-g: 200;
--bluelib-color-b: 0;
} }
@{color-lime} { @{color-lime} {
color: lime; --bluelib-color-r: 0;
--bluelib-color-g: 200;
--bluelib-color-b: 0;
} }
@{color-cyan} { @{color-cyan} {
color: cyan; --bluelib-color-r: 0;
--bluelib-color-g: 200;
--bluelib-color-b: 200;
} }
@{color-blue} { @{color-blue} {
color: blue; --bluelib-color-r: 0;
--bluelib-color-g: 0;
--bluelib-color-b: 200;
} }
@{color-magenta} { @{color-magenta} {
color: magenta; --bluelib-color-r: 200;
--bluelib-color-g: 0;
--bluelib-color-b: 200;
} }
@{color-gray} { @{color-gray} {
color: gray; --bluelib-color-r: 128;
--bluelib-color-g: 128;
--bluelib-color-b: 128;
} }
} }

79
src/targets/rygblue.module.css
View file

@ -142,23 +142,52 @@
.bluelib * { .bluelib * {
color: rgb(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b)); color: rgb(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b));
} }
.bluelib .panel-box { .bluelib .button {
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1); color: black;
} }
.bluelib .panel-blockquote { .bluelib .button-toggle {
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1); padding: 4px 14px;
border-width: 2px;
border-style: solid;
} }
.bluelib .panel-aside { .bluelib .button-toggle.status-disabled {
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1); border-style: dashed;
}
.bluelib .button-toggle-off {
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
background-color: transparent;
}
.bluelib .button-toggle-off:hover {
border-color: rgba(calc(var(--bluelib-color-r) + 25), calc(var(--bluelib-color-g) + 25), calc(var(--bluelib-color-b) + 25), 1);
color: rgba(calc(var(--bluelib-color-r) + 25), calc(var(--bluelib-color-g) + 25), calc(var(--bluelib-color-b) + 25), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
}
.bluelib .button-toggle-off:active {
border-color: rgba(calc(var(--bluelib-color-r) + 55), calc(var(--bluelib-color-g) + 55), calc(var(--bluelib-color-b) + 55), 1);
color: rgba(calc(var(--bluelib-color-r) + 55), calc(var(--bluelib-color-g) + 55), calc(var(--bluelib-color-b) + 55), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.3);
}
.bluelib .button-toggle-on {
border-color: rgba(calc(var(--bluelib-color-r) + 55), calc(var(--bluelib-color-g) + 55), calc(var(--bluelib-color-b) + 55), 1);
color: rgba(calc(var(--bluelib-color-r) + 55), calc(var(--bluelib-color-g) + 55), calc(var(--bluelib-color-b) + 55), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.3);
}
.bluelib .button-toggle-on:hover {
border-color: rgba(calc(var(--bluelib-color-r) + 25), calc(var(--bluelib-color-g) + 25), calc(var(--bluelib-color-b) + 25), 1);
color: rgba(calc(var(--bluelib-color-r) + 25), calc(var(--bluelib-color-g) + 25), calc(var(--bluelib-color-b) + 25), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
}
.bluelib .button-toggle-on:active {
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
background-color: transparent;
} }
.bluelib .element-title { .bluelib .element-title {
color: #ffffff; color: #ffffff;
font-family: "Fira Sans", sans-serif; font-family: "Fira Sans", sans-serif;
font-weight: 500; font-weight: 500;
} }
.bluelib .element-separator {
border-color: rgba(160, 204, 255, 0.1);
}
.bluelib .element-anchor { .bluelib .element-anchor {
color: #00caca; color: #00caca;
text-decoration: none; text-decoration: none;
@ -181,27 +210,43 @@
border: 2px outset; border: 2px outset;
} }
.bluelib .color-red { .bluelib .color-red {
color: #ff7d7d; --bluelib-color-r: 255;
--bluelib-color-g: 125;
--bluelib-color-b: 125;
} }
.bluelib .color-orange { .bluelib .color-orange {
color: #ffbb7d; --bluelib-color-r: 255;
--bluelib-color-g: 187;
--bluelib-color-b: 125;
} }
.bluelib .color-yellow { .bluelib .color-yellow {
color: #ffff7d; --bluelib-color-r: 255;
--bluelib-color-g: 255;
--bluelib-color-b: 125;
} }
.bluelib .color-lime { .bluelib .color-lime {
color: #7dff7d; --bluelib-color-r: 125;
--bluelib-color-g: 255;
--bluelib-color-b: 125;
} }
.bluelib .color-cyan { .bluelib .color-cyan {
color: #7dffff; --bluelib-color-r: 125;
--bluelib-color-g: 255;
--bluelib-color-b: 255;
} }
.bluelib .color-blue { .bluelib .color-blue {
color: #7d7dff; --bluelib-color-r: 125;
--bluelib-color-g: 125;
--bluelib-color-b: 255;
} }
.bluelib .color-magenta { .bluelib .color-magenta {
color: #ff7dff; --bluelib-color-r: 255;
--bluelib-color-g: 125;
--bluelib-color-b: 255;
} }
.bluelib .color-gray { .bluelib .color-gray {
color: #bbbbbb; --bluelib-color-r: 187;
--bluelib-color-g: 187;
--bluelib-color-b: 187;
} }
/*# sourceMappingURL=rygblue.module.css.map */ /*# sourceMappingURL=rygblue.module.css.map */

2
src/targets/rygblue.module.css.map
View file

@ -1 +1 @@
{"version":3,"sources":["https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap","/mnt/tera/ext4/code/bluelib-2/src/rules/rygblue.less"],"names":[],"mappings":"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","file":"rygblue.module.css"} {"version":3,"sources":["https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap","/mnt/tera/ext4/code/bluelib-2/src/rules/rygblue.less"],"names":[],"mappings":"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","file":"rygblue.module.css"}

114
src/targets/rygblue.root.css
View file

@ -144,31 +144,61 @@ body {
body * { body * {
color: rgb(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b)); color: rgb(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b));
} }
.base-skeleton .panel-box, .base-skeleton .button,
body .panel-box, body .button,
.base-skeleton section, .base-skeleton button,
body section, body button,
.base-skeleton .panel-blockquote, .base-skeleton input[type="submit"],
body .panel-blockquote, body input[type="submit"] {
.base-skeleton blockquote, color: black;
body blockquote,
.base-skeleton .panel-aside,
body .panel-aside,
.base-skeleton aside,
body aside {
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
} }
.base-skeleton .panel-blockquote, .base-skeleton .button-toggle,
body .panel-blockquote, body .button-toggle {
.base-skeleton blockquote, padding: 4px 14px;
body blockquote { border-width: 2px;
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1); border-style: solid;
} }
.base-skeleton .panel-aside, .base-skeleton .button-toggle.status-disabled,
body .panel-aside, body .button-toggle.status-disabled,
.base-skeleton aside, .base-skeleton .button-toggle *[disabled],
body aside { body .button-toggle *[disabled] {
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1); border-style: dashed;
}
.base-skeleton .button-toggle-off,
body .button-toggle-off {
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
background-color: transparent;
}
.base-skeleton .button-toggle-off:hover,
body .button-toggle-off:hover {
border-color: rgba(calc(var(--bluelib-color-r) + 25), calc(var(--bluelib-color-g) + 25), calc(var(--bluelib-color-b) + 25), 1);
color: rgba(calc(var(--bluelib-color-r) + 25), calc(var(--bluelib-color-g) + 25), calc(var(--bluelib-color-b) + 25), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
}
.base-skeleton .button-toggle-off:active,
body .button-toggle-off:active {
border-color: rgba(calc(var(--bluelib-color-r) + 55), calc(var(--bluelib-color-g) + 55), calc(var(--bluelib-color-b) + 55), 1);
color: rgba(calc(var(--bluelib-color-r) + 55), calc(var(--bluelib-color-g) + 55), calc(var(--bluelib-color-b) + 55), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.3);
}
.base-skeleton .button-toggle-on,
body .button-toggle-on {
border-color: rgba(calc(var(--bluelib-color-r) + 55), calc(var(--bluelib-color-g) + 55), calc(var(--bluelib-color-b) + 55), 1);
color: rgba(calc(var(--bluelib-color-r) + 55), calc(var(--bluelib-color-g) + 55), calc(var(--bluelib-color-b) + 55), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.3);
}
.base-skeleton .button-toggle-on:hover,
body .button-toggle-on:hover {
border-color: rgba(calc(var(--bluelib-color-r) + 25), calc(var(--bluelib-color-g) + 25), calc(var(--bluelib-color-b) + 25), 1);
color: rgba(calc(var(--bluelib-color-r) + 25), calc(var(--bluelib-color-g) + 25), calc(var(--bluelib-color-b) + 25), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
}
.base-skeleton .button-toggle-on:active,
body .button-toggle-on:active {
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
background-color: transparent;
} }
.base-skeleton .element-title, .base-skeleton .element-title,
body .element-title, body .element-title,
@ -188,12 +218,6 @@ body h6 {
font-family: "Fira Sans", sans-serif; font-family: "Fira Sans", sans-serif;
font-weight: 500; font-weight: 500;
} }
.base-skeleton .element-separator,
body .element-separator,
.base-skeleton hr,
body hr {
border-color: rgba(160, 204, 255, 0.1);
}
.base-skeleton .element-anchor, .base-skeleton .element-anchor,
body .element-anchor, body .element-anchor,
.base-skeleton a, .base-skeleton a,
@ -235,34 +259,50 @@ body kbd {
} }
.base-skeleton .color-red, .base-skeleton .color-red,
body .color-red { body .color-red {
color: #ff7d7d; --bluelib-color-r: 255;
--bluelib-color-g: 125;
--bluelib-color-b: 125;
} }
.base-skeleton .color-orange, .base-skeleton .color-orange,
body .color-orange { body .color-orange {
color: #ffbb7d; --bluelib-color-r: 255;
--bluelib-color-g: 187;
--bluelib-color-b: 125;
} }
.base-skeleton .color-yellow, .base-skeleton .color-yellow,
body .color-yellow { body .color-yellow {
color: #ffff7d; --bluelib-color-r: 255;
--bluelib-color-g: 255;
--bluelib-color-b: 125;
} }
.base-skeleton .color-lime, .base-skeleton .color-lime,
body .color-lime { body .color-lime {
color: #7dff7d; --bluelib-color-r: 125;
--bluelib-color-g: 255;
--bluelib-color-b: 125;
} }
.base-skeleton .color-cyan, .base-skeleton .color-cyan,
body .color-cyan { body .color-cyan {
color: #7dffff; --bluelib-color-r: 125;
--bluelib-color-g: 255;
--bluelib-color-b: 255;
} }
.base-skeleton .color-blue, .base-skeleton .color-blue,
body .color-blue { body .color-blue {
color: #7d7dff; --bluelib-color-r: 125;
--bluelib-color-g: 125;
--bluelib-color-b: 255;
} }
.base-skeleton .color-magenta, .base-skeleton .color-magenta,
body .color-magenta { body .color-magenta {
color: #ff7dff; --bluelib-color-r: 255;
--bluelib-color-g: 125;
--bluelib-color-b: 255;
} }
.base-skeleton .color-gray, .base-skeleton .color-gray,
body .color-gray { body .color-gray {
color: #bbbbbb; --bluelib-color-r: 187;
--bluelib-color-g: 187;
--bluelib-color-b: 187;
} }
/*# sourceMappingURL=rygblue.root.css.map */ /*# sourceMappingURL=rygblue.root.css.map */

2
src/targets/rygblue.root.css.map
View file

@ -1 +1 @@
{"version":3,"sources":["https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap","/mnt/tera/ext4/code/bluelib-2/src/rules/rygblue.less"],"names":[],"mappings":"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","file":"rygblue.root.css"} {"version":3,"sources":["https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap","/mnt/tera/ext4/code/bluelib-2/src/rules/rygblue.less"],"names":[],"mappings":"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","file":"rygblue.root.css"}

92
src/targets/skeleton.module.css
View file

@ -33,7 +33,7 @@
border-width: 2px; border-width: 2px;
border-style: solid; border-style: solid;
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025);
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
} }
.bluelib .panel-blockquote { .bluelib .panel-blockquote {
border-left-width: 2px; border-left-width: 2px;
@ -69,6 +69,63 @@
.bluelib .status-clickable { .bluelib .status-clickable {
cursor: pointer; cursor: pointer;
} }
.bluelib .button {
display: inline-flex;
justify-content: center;
align-items: center;
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
border: none;
color: white;
padding: 6px 16px;
border-radius: 4px;
font-family: inherit;
font-size: inherit;
cursor: pointer;
}
.bluelib .button:hover {
background-color: rgba(calc(var(--bluelib-color-r) - 25), calc(var(--bluelib-color-g) - 25), calc(var(--bluelib-color-b) - 25), 1);
}
.bluelib .button:active {
background-color: rgba(calc(var(--bluelib-color-r) - 55), calc(var(--bluelib-color-g) - 55), calc(var(--bluelib-color-b) - 55), 1);
}
.bluelib .button-fill-width {
width: 100%;
}
.bluelib .button-toggle {
padding: 4px 14px;
border-width: 2px;
border-style: solid;
}
.bluelib .button-toggle-off {
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
background-color: transparent;
}
.bluelib .button-toggle-off:hover {
border-color: rgba(calc(var(--bluelib-color-r) - 25), calc(var(--bluelib-color-g) - 25), calc(var(--bluelib-color-b) - 25), 1);
color: rgba(calc(var(--bluelib-color-r) - 25), calc(var(--bluelib-color-g) - 25), calc(var(--bluelib-color-b) - 25), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
}
.bluelib .button-toggle-off:active {
border-color: rgba(calc(var(--bluelib-color-r) - 55), calc(var(--bluelib-color-g) - 55), calc(var(--bluelib-color-b) - 55), 1);
color: rgba(calc(var(--bluelib-color-r) - 55), calc(var(--bluelib-color-g) - 55), calc(var(--bluelib-color-b) - 55), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.3);
}
.bluelib .button-toggle-on {
border-color: rgba(calc(var(--bluelib-color-r) - 55), calc(var(--bluelib-color-g) - 55), calc(var(--bluelib-color-b) - 55), 1);
color: rgba(calc(var(--bluelib-color-r) - 55), calc(var(--bluelib-color-g) - 55), calc(var(--bluelib-color-b) - 55), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.3);
}
.bluelib .button-toggle-on:hover {
border-color: rgba(calc(var(--bluelib-color-r) - 25), calc(var(--bluelib-color-g) - 25), calc(var(--bluelib-color-b) - 25), 1);
color: rgba(calc(var(--bluelib-color-r) - 25), calc(var(--bluelib-color-g) - 25), calc(var(--bluelib-color-b) - 25), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
}
.bluelib .button-toggle-on:active {
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
background-color: transparent;
}
.bluelib .spoiler { .bluelib .spoiler {
filter: blur(5px); filter: blur(5px);
} }
@ -80,6 +137,7 @@
} }
.bluelib .element-separator { .bluelib .element-separator {
border-width: 1px; border-width: 1px;
border-style: solid;
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1); border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
} }
.bluelib .element-list-item { .bluelib .element-list-item {
@ -137,27 +195,43 @@
border-radius: 4px; border-radius: 4px;
} }
.bluelib .color-red { .bluelib .color-red {
color: red; --bluelib-color-r: 200;
--bluelib-color-g: 0;
--bluelib-color-b: 0;
} }
.bluelib .color-orange { .bluelib .color-orange {
color: orange; --bluelib-color-r: 200;
--bluelib-color-g: 165;
--bluelib-color-b: 0;
} }
.bluelib .color-yellow { .bluelib .color-yellow {
color: #dddd00; --bluelib-color-r: 200;
--bluelib-color-g: 200;
--bluelib-color-b: 0;
} }
.bluelib .color-lime { .bluelib .color-lime {
color: lime; --bluelib-color-r: 0;
--bluelib-color-g: 200;
--bluelib-color-b: 0;
} }
.bluelib .color-cyan { .bluelib .color-cyan {
color: cyan; --bluelib-color-r: 0;
--bluelib-color-g: 200;
--bluelib-color-b: 200;
} }
.bluelib .color-blue { .bluelib .color-blue {
color: blue; --bluelib-color-r: 0;
--bluelib-color-g: 0;
--bluelib-color-b: 200;
} }
.bluelib .color-magenta { .bluelib .color-magenta {
color: magenta; --bluelib-color-r: 200;
--bluelib-color-g: 0;
--bluelib-color-b: 200;
} }
.bluelib .color-gray { .bluelib .color-gray {
color: gray; --bluelib-color-r: 128;
--bluelib-color-g: 128;
--bluelib-color-b: 128;
} }
/*# sourceMappingURL=skeleton.module.css.map */ /*# sourceMappingURL=skeleton.module.css.map */

2
src/targets/skeleton.module.css.map
View file

@ -1 +1 @@
{"version":3,"sources":["/mnt/tera/ext4/code/bluelib-2/src/rules/skeleton.less"],"names":[],"mappings":"AACA;EAGI,qBAAA;EACA,qBAAA;EACA,qBAAA;EAEA,sBAAA;;AAPJ,QAAA;EASQ,sBAAA;EACA,OAAO,IACC,wBACA,wBACA,uBAHR;;AAVR,QAAA;EAoBQ,iBAAA;EACA,kBAAA;EACA,iBAAA;;AAtBR,QAAA;EA8BQ,aAAA;EACA,WAAA;;AAGI,QAlCZ,OAAA,qBAkCa;AAAD,QAlCZ,OACY,eAiCC;AAAD,QAlCZ,OAGI,OA+BS;EACG,aAAA;;AAGJ,QAtCZ,OAAA,qBAsCa;AAAD,QAtCZ,OACY,eAqCC;AAAD,QAtCZ,OAGI,OAmCS;EACG,gBAAA;;AAvChB,QAAA;EA8CQ,YAAA;EACA,kBAAA;EACA,iBAAA;EACA,mBAAA;EAEA,kBAAkB,KACd,wBACA,wBACA,8BAHJ;EAMA,cAAc,KACV,wBACA,wBACA,0BAHJ;;AAzDR,QAAA;EAmEQ,sBAAA;EACA,mBAAA;EACA,sBAAA;EACA,qBAAA;;AAtER,QAAA;EA2EQ,eAAA;EACA,kBAAA;;AA5ER,QAAA;EAiFQ,aAAA;EACA,eAAA;EACA,QAAA;EACA,uBAAA;;AApFR,QAAA,aAAA;EAuFY,YAAA;EACA,cAAA;EACA,aAAA;;AAzFZ,QAAA,aAAA;EA6FY,SAAA;;AA7FZ,QAAA;EAoGQ,mBAAA;EACA,YAAA;;AArGR,QAAA;EAyGQ,YAAA;;AAzGR,QAAA;EA6GQ,eAAA;;AA7GR,QAAA;EAmHQ,QAAQ,SAAR;;AAEA,QArHR,SAqHS;EACG,YAAA;;AAtHZ,QAAA;EA6HQ,kBAAA;;AA7HR,QAAA;EAqIQ,iBAAA;EACA,cAAc,KACV,wBACA,wBACA,4BAHJ;;AAtIR,QAAA;EA+IQ,cAAA;;AA/IR,QAAA;EAyJQ,gBAAA;;AAzJR,QAAA;EA6JQ,kBAAA;;AA7JR,QAAA;EAiKQ,iBAAA;;AAjKR,QAAA;EAuKQ,mBAAA;;AAvKR,QAAA;EA2KQ,kBAAA;;AA3KR,QAAA;EA+KQ,gBAAA;;AA/KR,QAAA;EAmLQ,iBAAA;;AAnLR,QAAA;EAuLQ,gBAAA;;AAvLR,QAAA;EA2LQ,kBAAA;;AA3LR,QAAA;EA+LQ,mBAAA;;AA/LR,QAAA;EAqMQ,iBAAA;;AArMR,QAAA;EAyMQ,kBAAA;;AAzMR,QAAA;EA6MQ,+BAAA;;AA7MR,QAAA;EAiNQ,kCAAA;;AAjNR,QAAA;EAqNQ,sBAAA;;AArNR,QAAA;EAyNQ,sBAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;;AA5NR,QAAA;EAkOQ,UAAA;;AAlOR,QAAA;EAsOQ,aAAA;;AAtOR,QAAA;EA0OQ,cAAA;;AA1OR,QAAA;EA8OQ,WAAA;;AA9OR,QAAA;EAkPQ,WAAA;;AAlPR,QAAA;EAsPQ,WAAA;;AAtPR,QAAA;EA0PQ,cAAA;;AA1PR,QAAA;EA8PQ,WAAA","file":"skeleton.module.css"} {"version":3,"sources":["/mnt/tera/ext4/code/bluelib-2/src/rules/skeleton.less"],"names":[],"mappings":"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","file":"skeleton.module.css"}

115
src/targets/skeleton.root.css
View file

@ -602,7 +602,7 @@ body aside {
border-width: 2px; border-width: 2px;
border-style: solid; border-style: solid;
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025);
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
} }
.base-skeleton .panel-blockquote, .base-skeleton .panel-blockquote,
body .panel-blockquote, body .panel-blockquote,
@ -670,6 +670,86 @@ body .status-clickable,
body *[onclick] { body *[onclick] {
cursor: pointer; cursor: pointer;
} }
.base-skeleton .button,
body .button,
.base-skeleton button,
body button,
.base-skeleton input[type="submit"],
body input[type="submit"] {
display: inline-flex;
justify-content: center;
align-items: center;
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
border: none;
color: white;
padding: 6px 16px;
border-radius: 4px;
font-family: inherit;
font-size: inherit;
cursor: pointer;
}
.base-skeleton .button:hover,
body .button:hover,
.base-skeleton button:hover,
body button:hover,
.base-skeleton input[type="submit"]:hover,
body input[type="submit"]:hover {
background-color: rgba(calc(var(--bluelib-color-r) - 25), calc(var(--bluelib-color-g) - 25), calc(var(--bluelib-color-b) - 25), 1);
}
.base-skeleton .button:active,
body .button:active,
.base-skeleton button:active,
body button:active,
.base-skeleton input[type="submit"]:active,
body input[type="submit"]:active {
background-color: rgba(calc(var(--bluelib-color-r) - 55), calc(var(--bluelib-color-g) - 55), calc(var(--bluelib-color-b) - 55), 1);
}
.base-skeleton .button-fill-width,
body .button-fill-width {
width: 100%;
}
.base-skeleton .button-toggle,
body .button-toggle {
padding: 4px 14px;
border-width: 2px;
border-style: solid;
}
.base-skeleton .button-toggle-off,
body .button-toggle-off {
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
background-color: transparent;
}
.base-skeleton .button-toggle-off:hover,
body .button-toggle-off:hover {
border-color: rgba(calc(var(--bluelib-color-r) - 25), calc(var(--bluelib-color-g) - 25), calc(var(--bluelib-color-b) - 25), 1);
color: rgba(calc(var(--bluelib-color-r) - 25), calc(var(--bluelib-color-g) - 25), calc(var(--bluelib-color-b) - 25), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
}
.base-skeleton .button-toggle-off:active,
body .button-toggle-off:active {
border-color: rgba(calc(var(--bluelib-color-r) - 55), calc(var(--bluelib-color-g) - 55), calc(var(--bluelib-color-b) - 55), 1);
color: rgba(calc(var(--bluelib-color-r) - 55), calc(var(--bluelib-color-g) - 55), calc(var(--bluelib-color-b) - 55), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.3);
}
.base-skeleton .button-toggle-on,
body .button-toggle-on {
border-color: rgba(calc(var(--bluelib-color-r) - 55), calc(var(--bluelib-color-g) - 55), calc(var(--bluelib-color-b) - 55), 1);
color: rgba(calc(var(--bluelib-color-r) - 55), calc(var(--bluelib-color-g) - 55), calc(var(--bluelib-color-b) - 55), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.3);
}
.base-skeleton .button-toggle-on:hover,
body .button-toggle-on:hover {
border-color: rgba(calc(var(--bluelib-color-r) - 25), calc(var(--bluelib-color-g) - 25), calc(var(--bluelib-color-b) - 25), 1);
color: rgba(calc(var(--bluelib-color-r) - 25), calc(var(--bluelib-color-g) - 25), calc(var(--bluelib-color-b) - 25), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
}
.base-skeleton .button-toggle-on:active,
body .button-toggle-on:active {
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
background-color: transparent;
}
.base-skeleton .spoiler, .base-skeleton .spoiler,
body .spoiler { body .spoiler {
filter: blur(5px); filter: blur(5px);
@ -699,6 +779,7 @@ body .element-separator,
.base-skeleton hr, .base-skeleton hr,
body hr { body hr {
border-width: 1px; border-width: 1px;
border-style: solid;
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1); border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
} }
.base-skeleton .element-list-item, .base-skeleton .element-list-item,
@ -800,34 +881,50 @@ body kbd {
} }
.base-skeleton .color-red, .base-skeleton .color-red,
body .color-red { body .color-red {
color: red; --bluelib-color-r: 200;
--bluelib-color-g: 0;
--bluelib-color-b: 0;
} }
.base-skeleton .color-orange, .base-skeleton .color-orange,
body .color-orange { body .color-orange {
color: orange; --bluelib-color-r: 200;
--bluelib-color-g: 165;
--bluelib-color-b: 0;
} }
.base-skeleton .color-yellow, .base-skeleton .color-yellow,
body .color-yellow { body .color-yellow {
color: #dddd00; --bluelib-color-r: 200;
--bluelib-color-g: 200;
--bluelib-color-b: 0;
} }
.base-skeleton .color-lime, .base-skeleton .color-lime,
body .color-lime { body .color-lime {
color: lime; --bluelib-color-r: 0;
--bluelib-color-g: 200;
--bluelib-color-b: 0;
} }
.base-skeleton .color-cyan, .base-skeleton .color-cyan,
body .color-cyan { body .color-cyan {
color: cyan; --bluelib-color-r: 0;
--bluelib-color-g: 200;
--bluelib-color-b: 200;
} }
.base-skeleton .color-blue, .base-skeleton .color-blue,
body .color-blue { body .color-blue {
color: blue; --bluelib-color-r: 0;
--bluelib-color-g: 0;
--bluelib-color-b: 200;
} }
.base-skeleton .color-magenta, .base-skeleton .color-magenta,
body .color-magenta { body .color-magenta {
color: magenta; --bluelib-color-r: 200;
--bluelib-color-g: 0;
--bluelib-color-b: 200;
} }
.base-skeleton .color-gray, .base-skeleton .color-gray,
body .color-gray { body .color-gray {
color: gray; --bluelib-color-r: 128;
--bluelib-color-g: 128;
--bluelib-color-b: 128;
} }
/*# sourceMappingURL=skeleton.root.css.map */ /*# sourceMappingURL=skeleton.root.css.map */

2
src/targets/skeleton.root.css.map
View file

File diff suppressed because one or more lines are too long

5
src/vars/module.less
View file

@ -9,6 +9,11 @@
@status-disabled: ~".status-disabled"; @status-disabled: ~".status-disabled";
@status-hoverable: ~".status-hoverable"; @status-hoverable: ~".status-hoverable";
@status-clickable: ~".status-clickable"; @status-clickable: ~".status-clickable";
@button: ~'.button';
@button-fill-width: ~'.button-fill-width';
@button-toggle: ~'.button-toggle';
@button-toggle-off: ~'.button-toggle-off';
@button-toggle-on: ~'.button-toggle-on';
@spoiler: ~".spoiler"; @spoiler: ~".spoiler";
@element-title: ~".element-title"; @element-title: ~".element-title";
@element-paragraph: ~".element-paragraph"; @element-paragraph: ~".element-paragraph";

5
src/vars/root.less
View file

@ -9,6 +9,11 @@
@status-disabled: ~".status-disabled, *[disabled]"; @status-disabled: ~".status-disabled, *[disabled]";
@status-hoverable: ~".status-hoverable, *[title]"; @status-hoverable: ~".status-hoverable, *[title]";
@status-clickable: ~".status-clickable, *[onclick]"; @status-clickable: ~".status-clickable, *[onclick]";
@button: ~'.button, button, input[type="submit"]';
@button-fill-width: ~'.button-fill-width';
@button-toggle: ~'.button-toggle';
@button-toggle-off: ~'.button-toggle-off';
@button-toggle-on: ~'.button-toggle-on';
@spoiler: ~".spoiler"; @spoiler: ~".spoiler";
@element-title: ~".element-title, h1, h2, h3, h4, h5, h6"; @element-title: ~".element-title, h1, h2, h3, h4, h5, h6";
@element-paragraph: ~".element-paragraph, p"; @element-paragraph: ~".element-paragraph, p";