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

✨ Implement a few new thingies

Browse source 
Closes #8
Closes some bugs I didn't even open an issue for
Closes za warudo
This commit is contained in:
Steffo 2021-07-17 03:23:58 +02:00
parent ccff439a77
commit 6f505ab4be
Signed by: steffo
GPG key ID: 6965406171929D01
12 changed files with 250 additions and 125 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

87
.idea/codeStyles/Project.xml Normal file
View file

@ -0,0 +1,87 @@
<component name="ProjectCodeStyleConfiguration">
<code_scheme name="Project" version="173">
<option name="RIGHT_MARGIN" value="160" />
<HTMLCodeStyleSettings>
<option name="HTML_UNIFORM_INDENT" value="true" />
<option name="HTML_ATTRIBUTE_WRAP" value="0" />
<option name="HTML_TEXT_WRAP" value="0" />
<option name="HTML_ALIGN_ATTRIBUTES" value="false" />
<option name="HTML_ELEMENTS_TO_INSERT_NEW_LINE_BEFORE" value="address,article,aside,blockquote,details,dialog,dd,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,li,main,nav,ol,p,pre,section,table,ul" />
<option name="HTML_ELEMENTS_TO_REMOVE_NEW_LINE_BEFORE" value="a,abbr,acronym,b,basefont,bdo,big,br,cite,cite,code,dfn,em,font,i,img,input,kbd,label,q,s,samp,select,small,span,strike,strong,sub,sup,textarea,tt,u,var" />
<option name="HTML_DO_NOT_INDENT_CHILDREN_OF" value="" />
<option name="HTML_DONT_ADD_BREAKS_IF_INLINE_CONTENT" value="" />
<option name="HTML_ENFORCE_QUOTES" value="true" />
<option name="HTML_NEWLINE_BEFORE_FIRST_ATTRIBUTE" value="When multiline" />
<option name="HTML_NEWLINE_AFTER_LAST_ATTRIBUTE" value="When multiline" />
</HTMLCodeStyleSettings>
<JSCodeStyleSettings version="0">
<option name="USE_SEMICOLON_AFTER_STATEMENT" value="false" />
<option name="FORCE_SEMICOLON_STYLE" value="true" />
<option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
<option name="REFORMAT_C_STYLE_COMMENTS" value="true" />
<option name="FORCE_QUOTE_STYlE" value="true" />
<option name="ENFORCE_TRAILING_COMMA" value="WhenMultiline" />
<option name="VAR_DECLARATION_WRAP" value="5" />
<option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
<option name="SPACES_WITHIN_IMPORTS" value="true" />
<option name="INDENT_CHAINED_CALLS" value="false" />
</JSCodeStyleSettings>
<RsCodeStyleSettings>
<option name="ALIGN_RET_TYPE" value="false" />
</RsCodeStyleSettings>
<ScalaCodeStyleSettings>
<option name="MULTILINE_STRING_CLOSING_QUOTES_ON_NEW_LINE" value="true" />
</ScalaCodeStyleSettings>
<codeStyleSettings language="HTML">
<indentOptions>
<option name="CONTINUATION_INDENT_SIZE" value="4" />
</indentOptions>
</codeStyleSettings>
<codeStyleSettings language="JSON">
<indentOptions>
<option name="INDENT_SIZE" value="4" />
</indentOptions>
</codeStyleSettings>
<codeStyleSettings language="JavaScript">
<option name="RIGHT_MARGIN" value="999" />
<option name="BLANK_LINES_AFTER_IMPORTS" value="2" />
<option name="BLANK_LINES_AROUND_CLASS" value="2" />
<option name="ELSE_ON_NEW_LINE" value="true" />
<option name="CATCH_ON_NEW_LINE" value="true" />
<option name="FINALLY_ON_NEW_LINE" value="true" />
<option name="ALIGN_MULTILINE_CHAINED_METHODS" value="true" />
<option name="ALIGN_MULTILINE_TERNARY_OPERATION" value="true" />
<option name="ALIGN_MULTILINE_ARRAY_INITIALIZER_EXPRESSION" value="true" />
<option name="SPACE_BEFORE_IF_PARENTHESES" value="false" />
<option name="SPACE_BEFORE_WHILE_PARENTHESES" value="false" />
<option name="SPACE_BEFORE_FOR_PARENTHESES" value="false" />
<option name="SPACE_BEFORE_CATCH_PARENTHESES" value="false" />
<option name="SPACE_BEFORE_SWITCH_PARENTHESES" value="false" />
<option name="METHOD_PARAMETERS_WRAP" value="5" />
<option name="METHOD_PARAMETERS_LPAREN_ON_NEXT_LINE" value="true" />
<option name="METHOD_PARAMETERS_RPAREN_ON_NEXT_LINE" value="true" />
<option name="METHOD_CALL_CHAIN_WRAP" value="5" />
<option name="PARENTHESES_EXPRESSION_LPAREN_WRAP" value="true" />
<option name="PARENTHESES_EXPRESSION_RPAREN_WRAP" value="true" />
<option name="BINARY_OPERATION_WRAP" value="5" />
<option name="TERNARY_OPERATION_WRAP" value="5" />
<option name="TERNARY_OPERATION_SIGNS_ON_NEXT_LINE" value="true" />
<option name="ARRAY_INITIALIZER_WRAP" value="5" />
<option name="ARRAY_INITIALIZER_LBRACE_ON_NEXT_LINE" value="true" />
<option name="ARRAY_INITIALIZER_RBRACE_ON_NEXT_LINE" value="true" />
<option name="IF_BRACE_FORCE" value="3" />
<option name="DOWHILE_BRACE_FORCE" value="3" />
<option name="WHILE_BRACE_FORCE" value="3" />
<option name="FOR_BRACE_FORCE" value="3" />
</codeStyleSettings>
<codeStyleSettings language="LESS">
<indentOptions>
<option name="INDENT_SIZE" value="4" />
</indentOptions>
</codeStyleSettings>
<codeStyleSettings language="Rust">
<option name="RIGHT_MARGIN" value="120" />
<option name="ALIGN_MULTILINE_PARAMETERS_IN_CALLS" value="false" />
</codeStyleSettings>
</code_scheme>
</component>

32
index.html
View file

@ -268,6 +268,11 @@
I'm stretched horizontally! I'm stretched horizontally!
</button> </button>
</p> </p>
<p>
<button disabled class="button-fill-width">
Can't click on this!
</button>
</p>
</section> </section>
<section> <section>
<h3> <h3>
@ -294,6 +299,15 @@
Colored on Colored on
</button> </button>
</p> </p>
<p>
<button disabled class="button-toggle button-toggle-off">
Disabled off
</button>
&nbsp;
<button disabled class="button-toggle button-toggle-on">
Disabled on
</button>
</p>
</section> </section>
</div> </div>
<h2> <h2>
@ -367,6 +381,24 @@
</section> </section>
</section> </section>
</div> </div>
<h2>
Forms
</h2>
<div class="panel panel-split">
<section>
<h3>
Inputs
</h3>
<p>
Bluelib allows for the easy creation of forms:
</p>
<form>
<input type="text" placeholder="Text"/>
<input type="password" placeholder="Password"/>
<input type="email" placeholder="Email"/>
</form>
</section>
</div>
</main> </main>
</body> </body>
</html> </html>

3
src/rules/skeleton.less vendored
View file

@ -176,7 +176,7 @@
border-width: 2px; border-width: 2px;
border-style: solid; border-style: solid;
@{status-disabled} { &@{status-disabled} {
border-style: dashed; border-style: dashed;
} }
} }
@ -249,6 +249,7 @@
} }
} }
// --- Spoilers --- // --- Spoilers ---
@{spoiler} { @{spoiler} {

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

@ -1 +1 @@
{"version":3,"sources":["/mnt/tera/ext4/code/bluelib-2/src/rules/rygblue.less"],"names":[],"mappings":"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","file":"rygblue.module.css"} {"version":3,"sources":["/mnt/tera/ext4/code/bluelib/src/rules/rygblue.less"],"names":[],"mappings":"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","file":"rygblue.module.css"}

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

@ -1,3 +1,4 @@
/* @input-field: ~'.input-field, input[type="color"], input[type="date"], input[type="datetime-local"], input[type="email"], input[type="file"], input[type="image"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"]'; */
.base-skeleton, .base-skeleton,
body { body {
--bluelib-color-r: 160; --bluelib-color-r: 160;
@ -42,18 +43,18 @@ body .button-toggle-off:active {
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); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.3);
} }
.base-skeleton .button-toggle-off.status-disabled:hover, .base-skeleton .button-toggle-off[disabled]:hover,
body .button-toggle-off.status-disabled:hover, body .button-toggle-off[disabled]:hover,
.base-skeleton .button-toggle-off *[disabled]:hover, .base-skeleton .button-toggle-off .status-disabled:hover,
body .button-toggle-off *[disabled]:hover { body .button-toggle-off .status-disabled:hover {
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), 1);
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; background-color: transparent;
} }
.base-skeleton .button-toggle-off.status-disabled:active, .base-skeleton .button-toggle-off[disabled]:active,
body .button-toggle-off.status-disabled:active, body .button-toggle-off[disabled]:active,
.base-skeleton .button-toggle-off *[disabled]:active, .base-skeleton .button-toggle-off .status-disabled:active,
body .button-toggle-off *[disabled]:active { body .button-toggle-off .status-disabled:active {
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), 1);
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; background-color: transparent;
@ -76,18 +77,18 @@ body .button-toggle-on:active {
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; background-color: transparent;
} }
.base-skeleton .button-toggle-on.status-disabled:hover, .base-skeleton .button-toggle-on[disabled]:hover,
body .button-toggle-on.status-disabled:hover, body .button-toggle-on[disabled]:hover,
.base-skeleton .button-toggle-on *[disabled]:hover, .base-skeleton .button-toggle-on .status-disabled:hover,
body .button-toggle-on *[disabled]:hover { body .button-toggle-on .status-disabled:hover {
border-color: rgba(calc(var(--bluelib-color-r) + 55), calc(var(--bluelib-color-g) + 55), calc(var(--bluelib-color-b) + 55), 1); 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); 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); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.3);
} }
.base-skeleton .button-toggle-on.status-disabled:active, .base-skeleton .button-toggle-on[disabled]:active,
body .button-toggle-on.status-disabled:active, body .button-toggle-on[disabled]:active,
.base-skeleton .button-toggle-on *[disabled]:active, .base-skeleton .button-toggle-on .status-disabled:active,
body .button-toggle-on *[disabled]:active { body .button-toggle-on .status-disabled:active {
border-color: rgba(calc(var(--bluelib-color-r) + 55), calc(var(--bluelib-color-g) + 55), calc(var(--bluelib-color-b) + 55), 1); 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); 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); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.3);

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

@ -1 +1 @@
{"version":3,"sources":["/mnt/tera/ext4/code/bluelib-2/src/rules/rygblue.less"],"names":[],"mappings":"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","file":"rygblue.root.css"} {"version":3,"sources":["/mnt/tera/ext4/code/bluelib/src/rules/rygblue.less"],"names":[],"mappings":"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","file":"rygblue.root.css"}

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

@ -1,3 +1,4 @@
/* @input-field: ~'.input-field'; */
@font-face { @font-face {
font-family: 'Fira Code'; font-family: 'Fira Code';
font-style: normal; font-style: normal;
@ -10,126 +11,126 @@
font-style: italic; font-style: italic;
font-weight: 100; font-weight: 100;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9A4kDNxMZdWfMOD5VvkrCqYTc.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9A4kDNxMZdWfMOD5VvkrCqYTc.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: italic; font-style: italic;
font-weight: 200; font-weight: 200;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrAGQBf_.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9f4kDNxMZdWfMOD5VvkrAGQBf_.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: italic; font-style: italic;
font-weight: 300; font-weight: 300;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrBiQxf_.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9f4kDNxMZdWfMOD5VvkrBiQxf_.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: italic; font-style: italic;
font-weight: 400; font-weight: 400;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9C4kDNxMZdWfMOD5VvkojO.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9C4kDNxMZdWfMOD5VvkojO.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: italic; font-style: italic;
font-weight: 500; font-weight: 500;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrA6Qhf_.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9f4kDNxMZdWfMOD5VvkrA6Qhf_.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: italic; font-style: italic;
font-weight: 600; font-weight: 600;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrAWRRf_.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9f4kDNxMZdWfMOD5VvkrAWRRf_.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: italic; font-style: italic;
font-weight: 700; font-weight: 700;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrByRBf_.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9f4kDNxMZdWfMOD5VvkrByRBf_.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: italic; font-style: italic;
font-weight: 800; font-weight: 800;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrBuRxf_.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9f4kDNxMZdWfMOD5VvkrBuRxf_.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: italic; font-style: italic;
font-weight: 900; font-weight: 900;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrBKRhf_.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9f4kDNxMZdWfMOD5VvkrBKRhf_.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: normal; font-style: normal;
font-weight: 100; font-weight: 100;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9C4kDNxMZdWfMOD5Vn9IjO.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9C4kDNxMZdWfMOD5Vn9IjO.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: normal; font-style: normal;
font-weight: 200; font-weight: 200;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnWKnuQQ.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9B4kDNxMZdWfMOD5VnWKnuQQ.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: normal; font-style: normal;
font-weight: 300; font-weight: 300;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnPKruQQ.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9B4kDNxMZdWfMOD5VnPKruQQ.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5VfkA.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9E4kDNxMZdWfMOD5VfkA.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnZKvuQQ.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9B4kDNxMZdWfMOD5VnZKvuQQ.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzuQQ.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9B4kDNxMZdWfMOD5VnSKzuQQ.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3uQQ.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9B4kDNxMZdWfMOD5VnLK3uQQ.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: normal; font-style: normal;
font-weight: 800; font-weight: 800;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnMK7uQQ.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9B4kDNxMZdWfMOD5VnMK7uQQ.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: normal; font-style: normal;
font-weight: 900; font-weight: 900;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnFK_uQQ.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9B4kDNxMZdWfMOD5VnFK_uQQ.ttf) format('truetype');
} }
.bluelib { .bluelib {
--bluelib-color-r: 24; --bluelib-color-r: 24;
@ -226,7 +227,7 @@
border-width: 2px; border-width: 2px;
border-style: solid; border-style: solid;
} }
.bluelib .button-toggle .status-disabled { .bluelib .button-toggle.status-disabled {
border-style: dashed; border-style: dashed;
} }
.bluelib .button-toggle-off { .bluelib .button-toggle-off {

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

File diff suppressed because one or more lines are too long

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

@ -1,3 +1,4 @@
/* @input-field: ~'.input-field, input[type="color"], input[type="date"], input[type="datetime-local"], input[type="email"], input[type="file"], input[type="image"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"]'; */
@font-face { @font-face {
font-family: 'Fira Code'; font-family: 'Fira Code';
font-style: normal; font-style: normal;
@ -10,126 +11,126 @@
font-style: italic; font-style: italic;
font-weight: 100; font-weight: 100;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9A4kDNxMZdWfMOD5VvkrCqYTc.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9A4kDNxMZdWfMOD5VvkrCqYTc.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: italic; font-style: italic;
font-weight: 200; font-weight: 200;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrAGQBf_.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9f4kDNxMZdWfMOD5VvkrAGQBf_.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: italic; font-style: italic;
font-weight: 300; font-weight: 300;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrBiQxf_.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9f4kDNxMZdWfMOD5VvkrBiQxf_.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: italic; font-style: italic;
font-weight: 400; font-weight: 400;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9C4kDNxMZdWfMOD5VvkojO.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9C4kDNxMZdWfMOD5VvkojO.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: italic; font-style: italic;
font-weight: 500; font-weight: 500;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrA6Qhf_.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9f4kDNxMZdWfMOD5VvkrA6Qhf_.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: italic; font-style: italic;
font-weight: 600; font-weight: 600;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrAWRRf_.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9f4kDNxMZdWfMOD5VvkrAWRRf_.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: italic; font-style: italic;
font-weight: 700; font-weight: 700;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrByRBf_.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9f4kDNxMZdWfMOD5VvkrByRBf_.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: italic; font-style: italic;
font-weight: 800; font-weight: 800;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrBuRxf_.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9f4kDNxMZdWfMOD5VvkrBuRxf_.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: italic; font-style: italic;
font-weight: 900; font-weight: 900;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrBKRhf_.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9f4kDNxMZdWfMOD5VvkrBKRhf_.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: normal; font-style: normal;
font-weight: 100; font-weight: 100;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9C4kDNxMZdWfMOD5Vn9IjO.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9C4kDNxMZdWfMOD5Vn9IjO.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: normal; font-style: normal;
font-weight: 200; font-weight: 200;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnWKnuQQ.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9B4kDNxMZdWfMOD5VnWKnuQQ.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: normal; font-style: normal;
font-weight: 300; font-weight: 300;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnPKruQQ.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9B4kDNxMZdWfMOD5VnPKruQQ.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5VfkA.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9E4kDNxMZdWfMOD5VfkA.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnZKvuQQ.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9B4kDNxMZdWfMOD5VnZKvuQQ.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzuQQ.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9B4kDNxMZdWfMOD5VnSKzuQQ.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3uQQ.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9B4kDNxMZdWfMOD5VnLK3uQQ.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: normal; font-style: normal;
font-weight: 800; font-weight: 800;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnMK7uQQ.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9B4kDNxMZdWfMOD5VnMK7uQQ.ttf) format('truetype');
} }
@font-face { @font-face {
font-family: 'Fira Sans'; font-family: 'Fira Sans';
font-style: normal; font-style: normal;
font-weight: 900; font-weight: 900;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnFK_uQQ.ttf) format('truetype'); src: url(https://fonts.gstatic.com/s/firasans/v11/va9B4kDNxMZdWfMOD5VnFK_uQQ.ttf) format('truetype');
} }
.base-skeleton, .base-skeleton,
body { body {
@ -820,32 +821,32 @@ body button:active,
body 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); 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.status-disabled:hover, .base-skeleton .button[disabled]:hover,
body .button.status-disabled:hover, body .button[disabled]:hover,
.base-skeleton button.status-disabled:hover, .base-skeleton button[disabled]:hover,
body button.status-disabled:hover, body button[disabled]:hover,
.base-skeleton input[type="submit"].status-disabled:hover, .base-skeleton input[type="submit"][disabled]:hover,
body input[type="submit"].status-disabled:hover, body input[type="submit"][disabled]:hover,
.base-skeleton .button *[disabled]:hover, .base-skeleton .button .status-disabled:hover,
body .button *[disabled]:hover, body .button .status-disabled:hover,
.base-skeleton button *[disabled]:hover, .base-skeleton button .status-disabled:hover,
body button *[disabled]:hover, body button .status-disabled:hover,
.base-skeleton input[type="submit"] *[disabled]:hover, .base-skeleton input[type="submit"] .status-disabled:hover,
body input[type="submit"] *[disabled]:hover { body input[type="submit"] .status-disabled:hover {
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
} }
.base-skeleton .button.status-disabled:active, .base-skeleton .button[disabled]:active,
body .button.status-disabled:active, body .button[disabled]:active,
.base-skeleton button.status-disabled:active, .base-skeleton button[disabled]:active,
body button.status-disabled:active, body button[disabled]:active,
.base-skeleton input[type="submit"].status-disabled:active, .base-skeleton input[type="submit"][disabled]:active,
body input[type="submit"].status-disabled:active, body input[type="submit"][disabled]:active,
.base-skeleton .button *[disabled]:active, .base-skeleton .button .status-disabled:active,
body .button *[disabled]:active, body .button .status-disabled:active,
.base-skeleton button *[disabled]:active, .base-skeleton button .status-disabled:active,
body button *[disabled]:active, body button .status-disabled:active,
.base-skeleton input[type="submit"] *[disabled]:active, .base-skeleton input[type="submit"] .status-disabled:active,
body input[type="submit"] *[disabled]:active { body input[type="submit"] .status-disabled:active {
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
} }
.base-skeleton .button-fill-width, .base-skeleton .button-fill-width,
@ -858,10 +859,10 @@ body .button-toggle {
border-width: 2px; border-width: 2px;
border-style: solid; border-style: solid;
} }
.base-skeleton .button-toggle[disabled],
body .button-toggle[disabled],
.base-skeleton .button-toggle .status-disabled, .base-skeleton .button-toggle .status-disabled,
body .button-toggle .status-disabled, body .button-toggle .status-disabled {
.base-skeleton .button-toggle *[disabled],
body .button-toggle *[disabled] {
border-style: dashed; border-style: dashed;
} }
.base-skeleton .button-toggle-off, .base-skeleton .button-toggle-off,
@ -882,24 +883,24 @@ body .button-toggle-off:active {
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); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.3);
} }
.base-skeleton .button-toggle-off.status-disabled, .base-skeleton .button-toggle-off[disabled],
body .button-toggle-off.status-disabled, body .button-toggle-off[disabled],
.base-skeleton .button-toggle-off *[disabled], .base-skeleton .button-toggle-off .status-disabled,
body .button-toggle-off *[disabled] { body .button-toggle-off .status-disabled {
border-style: dashed; border-style: dashed;
} }
.base-skeleton .button-toggle-off.status-disabled:hover, .base-skeleton .button-toggle-off[disabled]:hover,
body .button-toggle-off.status-disabled:hover, body .button-toggle-off[disabled]:hover,
.base-skeleton .button-toggle-off *[disabled]:hover, .base-skeleton .button-toggle-off .status-disabled:hover,
body .button-toggle-off *[disabled]:hover { body .button-toggle-off .status-disabled:hover {
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), 1);
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; background-color: transparent;
} }
.base-skeleton .button-toggle-off.status-disabled:active, .base-skeleton .button-toggle-off[disabled]:active,
body .button-toggle-off.status-disabled:active, body .button-toggle-off[disabled]:active,
.base-skeleton .button-toggle-off *[disabled]:active, .base-skeleton .button-toggle-off .status-disabled:active,
body .button-toggle-off *[disabled]:active { body .button-toggle-off .status-disabled:active {
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), 1);
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; background-color: transparent;
@ -922,24 +923,24 @@ body .button-toggle-on:active {
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; background-color: transparent;
} }
.base-skeleton .button-toggle-on.status-disabled, .base-skeleton .button-toggle-on[disabled],
body .button-toggle-on.status-disabled, body .button-toggle-on[disabled],
.base-skeleton .button-toggle-on *[disabled], .base-skeleton .button-toggle-on .status-disabled,
body .button-toggle-on *[disabled] { body .button-toggle-on .status-disabled {
border-style: dashed; border-style: dashed;
} }
.base-skeleton .button-toggle-on.status-disabled:hover, .base-skeleton .button-toggle-on[disabled]:hover,
body .button-toggle-on.status-disabled:hover, body .button-toggle-on[disabled]:hover,
.base-skeleton .button-toggle-on *[disabled]:hover, .base-skeleton .button-toggle-on .status-disabled:hover,
body .button-toggle-on *[disabled]:hover { body .button-toggle-on .status-disabled:hover {
border-color: rgba(calc(var(--bluelib-color-r) - 55), calc(var(--bluelib-color-g) - 55), calc(var(--bluelib-color-b) - 55), 1); 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); 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); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.3);
} }
.base-skeleton .button-toggle-on.status-disabled:active, .base-skeleton .button-toggle-on[disabled]:active,
body .button-toggle-on.status-disabled:active, body .button-toggle-on[disabled]:active,
.base-skeleton .button-toggle-on *[disabled]:active, .base-skeleton .button-toggle-on .status-disabled:active,
body .button-toggle-on *[disabled]:active { body .button-toggle-on .status-disabled:active {
border-color: rgba(calc(var(--bluelib-color-r) - 55), calc(var(--bluelib-color-g) - 55), calc(var(--bluelib-color-b) - 55), 1); 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); 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); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.3);
@ -952,28 +953,28 @@ body .spoiler {
body .spoiler:hover { body .spoiler:hover {
filter: none; filter: none;
} }
.base-skeleton .spoiler.status-disabled, .base-skeleton .spoiler[disabled],
body .spoiler.status-disabled, body .spoiler[disabled],
.base-skeleton .spoiler *[disabled]:hover, .base-skeleton .spoiler .status-disabled:hover,
body .spoiler *[disabled]:hover { body .spoiler .status-disabled:hover {
filter: blur(5px); filter: blur(5px);
} }
.base-skeleton [title],
body [title],
.base-skeleton .status-hoverable, .base-skeleton .status-hoverable,
body .status-hoverable, body .status-hoverable {
.base-skeleton *[title],
body *[title] {
cursor: help; cursor: help;
} }
.base-skeleton [onclick],
body [onclick],
.base-skeleton .status-clickable, .base-skeleton .status-clickable,
body .status-clickable, body .status-clickable {
.base-skeleton *[onclick],
body *[onclick] {
cursor: pointer; cursor: pointer;
} }
.base-skeleton [disabled],
body [disabled],
.base-skeleton .status-disabled, .base-skeleton .status-disabled,
body .status-disabled, body .status-disabled {
.base-skeleton *[disabled],
body *[disabled] {
cursor: not-allowed !important; cursor: not-allowed !important;
opacity: 50%; opacity: 50%;
} }

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

File diff suppressed because one or more lines are too long

1
src/vars/module.less
View file

@ -14,6 +14,7 @@
@button-toggle: ~'.button-toggle'; @button-toggle: ~'.button-toggle';
@button-toggle-off: ~'.button-toggle-off'; @button-toggle-off: ~'.button-toggle-off';
@button-toggle-on: ~'.button-toggle-on'; @button-toggle-on: ~'.button-toggle-on';
/* @input-field: ~'.input-field'; */
@spoiler: ~".spoiler"; @spoiler: ~".spoiler";
@element-title: ~".element-title"; @element-title: ~".element-title";
@element-paragraph: ~".element-paragraph"; @element-paragraph: ~".element-paragraph";

7
src/vars/root.less
View file

@ -6,14 +6,15 @@
@panel-blockquote: ~".panel-blockquote, blockquote"; @panel-blockquote: ~".panel-blockquote, blockquote";
@panel-aside: ~".panel-aside, aside"; @panel-aside: ~".panel-aside, aside";
@panel-split: ~".panel-split"; @panel-split: ~".panel-split";
@status-disabled: ~".status-disabled, *[disabled]"; @status-disabled: ~"[disabled], .status-disabled";
@status-hoverable: ~".status-hoverable, *[title]"; @status-hoverable: ~"[title], .status-hoverable";
@status-clickable: ~".status-clickable, *[onclick]"; @status-clickable: ~"[onclick], .status-clickable";
@button: ~'.button, button, input[type="submit"]'; @button: ~'.button, button, input[type="submit"]';
@button-fill-width: ~'.button-fill-width'; @button-fill-width: ~'.button-fill-width';
@button-toggle: ~'.button-toggle'; @button-toggle: ~'.button-toggle';
@button-toggle-off: ~'.button-toggle-off'; @button-toggle-off: ~'.button-toggle-off';
@button-toggle-on: ~'.button-toggle-on'; @button-toggle-on: ~'.button-toggle-on';
/* @input-field: ~'.input-field, input[type="color"], input[type="date"], input[type="datetime-local"], input[type="email"], input[type="file"], input[type="image"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"]'; */
@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";