mirror of
https://github.com/Steffo99/bluelib.git
synced 2024-12-22 11:34:21 +00:00
🔧 Restructure the whole project again (#6)
This commit is contained in:
parent
d59d49f6a4
commit
12b3b5c36d
GPG key ID:
4AEE18F83AFDEB23
31 changed files with 1684 additions and 1367 deletions
|
|
@ -3,8 +3,8 @@
|
||||||
<option name="myName" value="Project Default" />
|
<option name="myName" value="Project Default" />
|
||||||
<inspection_tool class="InconsistentLineSeparators" enabled="true" level="WEAK WARNING" enabled_by_default="true" />
|
<inspection_tool class="InconsistentLineSeparators" enabled="true" level="WEAK WARNING" enabled_by_default="true" />
|
||||||
<inspection_tool class="JupyterPackageInspection" enabled="true" level="ERROR" enabled_by_default="true" />
|
<inspection_tool class="JupyterPackageInspection" enabled="true" level="ERROR" enabled_by_default="true" />
|
||||||
<inspection_tool class="LessResolvedByNameOnly" enabled="true" level="WARNING" enabled_by_default="true" />
|
<inspection_tool class="LessResolvedByNameOnly" enabled="false" level="WARNING" enabled_by_default="false" />
|
||||||
<inspection_tool class="LessUnresolvedMixin" enabled="true" level="ERROR" enabled_by_default="true" />
|
<inspection_tool class="LessUnresolvedMixin" enabled="false" level="ERROR" enabled_by_default="false" />
|
||||||
<inspection_tool class="LessUnresolvedVariable" enabled="true" level="ERROR" enabled_by_default="true" />
|
<inspection_tool class="LessUnresolvedVariable" enabled="true" level="ERROR" enabled_by_default="true" />
|
||||||
<inspection_tool class="LongLine" enabled="true" level="WEAK WARNING" enabled_by_default="true" />
|
<inspection_tool class="LongLine" enabled="true" level="WEAK WARNING" enabled_by_default="true" />
|
||||||
<inspection_tool class="PoetryPackageVersion" enabled="true" level="ERROR" enabled_by_default="true" />
|
<inspection_tool class="PoetryPackageVersion" enabled="true" level="ERROR" enabled_by_default="true" />
|
||||||
|
|
|
||||||
73
index.html
73
index.html
|
|
@ -2,8 +2,8 @@
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<link rel="stylesheet" href="src/skeleton/skeleton.root.css">
|
<link rel="stylesheet" href="src/targets/skeleton.root.css">
|
||||||
<link rel="stylesheet" href="src/skins/rygblue/rygblue.root.css">
|
<link rel="stylesheet" href="src/targets/rygblue.root.css">
|
||||||
<title>Bluelib 2</title>
|
<title>Bluelib 2</title>
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-bluelib">
|
<body class="theme-bluelib">
|
||||||
|
|
@ -16,7 +16,7 @@
|
||||||
RYG style, in pure CSS
|
RYG style, in pure CSS
|
||||||
</h2>
|
</h2>
|
||||||
</hgroup>
|
</hgroup>
|
||||||
<section class="panel panel-box">
|
<section>
|
||||||
<h3>
|
<h3>
|
||||||
Welcome to bluelib!
|
Welcome to bluelib!
|
||||||
</h3>
|
</h3>
|
||||||
|
|
@ -31,7 +31,7 @@
|
||||||
<h2>
|
<h2>
|
||||||
Panels
|
Panels
|
||||||
</h2>
|
</h2>
|
||||||
<section class="panel panel-box">
|
<section>
|
||||||
<h3>
|
<h3>
|
||||||
Panel
|
Panel
|
||||||
</h3>
|
</h3>
|
||||||
|
|
@ -42,23 +42,7 @@
|
||||||
It usually represents a section of text about a topic described by the title above.
|
It usually represents a section of text about a topic described by the title above.
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
<table class="panel panel-table">
|
<blockquote>
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>This...</th>
|
|
||||||
<th>...is a...</th>
|
|
||||||
<th>table!</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>Tables are containers too!</td>
|
|
||||||
<td>They will be themed automatically.</td>
|
|
||||||
<td>Columns will be automatically scaled based on their content.</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
<blockquote class="panel panel-blockquote">
|
|
||||||
<h3>
|
<h3>
|
||||||
Blockquote
|
Blockquote
|
||||||
</h3>
|
</h3>
|
||||||
|
|
@ -69,7 +53,7 @@
|
||||||
Blockquotes are specially formatted panels, useful for quotes!
|
Blockquotes are specially formatted panels, useful for quotes!
|
||||||
</p>
|
</p>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
<aside class="panel panel-aside">
|
<aside>
|
||||||
<h3>
|
<h3>
|
||||||
Aside
|
Aside
|
||||||
</h3>
|
</h3>
|
||||||
|
|
@ -84,16 +68,16 @@
|
||||||
<h2>
|
<h2>
|
||||||
Close containers
|
Close containers
|
||||||
</h2>
|
</h2>
|
||||||
<section class="panel panel-box">
|
<section>
|
||||||
<p>
|
<p>
|
||||||
Here's what two panels next to each other look like:
|
Here's what two panels next to each other look like:
|
||||||
</p>
|
</p>
|
||||||
<aside class="panel panel-aside">
|
<aside>
|
||||||
<p>
|
<p>
|
||||||
STONKS
|
STONKS
|
||||||
</p>
|
</p>
|
||||||
</aside>
|
</aside>
|
||||||
<aside class="panel panel-aside">
|
<aside>
|
||||||
<p>
|
<p>
|
||||||
STINKS
|
STINKS
|
||||||
</p>
|
</p>
|
||||||
|
|
@ -102,7 +86,7 @@
|
||||||
<h2>
|
<h2>
|
||||||
Nesting containers
|
Nesting containers
|
||||||
</h2>
|
</h2>
|
||||||
<section class="panel panel-box">
|
<section>
|
||||||
<h3>
|
<h3>
|
||||||
Level one
|
Level one
|
||||||
</h3>
|
</h3>
|
||||||
|
|
@ -112,27 +96,27 @@
|
||||||
<p>
|
<p>
|
||||||
Drop one outside of any paragraphs and they will nest automatically.
|
Drop one outside of any paragraphs and they will nest automatically.
|
||||||
</p>
|
</p>
|
||||||
<section class="panel panel-box">
|
<section>
|
||||||
<h3>
|
<h3>
|
||||||
Level two
|
Level two
|
||||||
</h3>
|
</h3>
|
||||||
<p>
|
<p>
|
||||||
You can add text above...
|
You can add text above...
|
||||||
</p>
|
</p>
|
||||||
<section class="panel panel-box">
|
<section>
|
||||||
<h3>
|
<h3>
|
||||||
Level three
|
Level three
|
||||||
</h3>
|
</h3>
|
||||||
<p>
|
<p>
|
||||||
How deep does the rabbit hole go?
|
How deep does the rabbit hole go?
|
||||||
</p>
|
</p>
|
||||||
<blockquote class="panel panel-blockquote">
|
<blockquote>
|
||||||
<b><a href="https://www.youtube.com/watch?v=G2jUhnCU9iA" target="_blank">PANELCEPTION.</a></b>
|
<b><a href="https://www.youtube.com/watch?v=G2jUhnCU9iA" target="_blank">PANELCEPTION.</a></b>
|
||||||
<aside class="panel panel-aside">
|
<aside>
|
||||||
BWOON.
|
BWOON.
|
||||||
<aside class="panel panel-aside">
|
<aside>
|
||||||
BWOON.
|
BWOON.
|
||||||
<aside class="panel panel-aside">
|
<aside>
|
||||||
BWOON.
|
BWOON.
|
||||||
</aside>
|
</aside>
|
||||||
</aside>
|
</aside>
|
||||||
|
|
@ -147,7 +131,7 @@
|
||||||
<h2>
|
<h2>
|
||||||
Layout
|
Layout
|
||||||
</h2>
|
</h2>
|
||||||
<section class="panel panel-box">
|
<section>
|
||||||
<h3>
|
<h3>
|
||||||
Splitter and splitted
|
Splitter and splitted
|
||||||
</h3>
|
</h3>
|
||||||
|
|
@ -158,7 +142,7 @@
|
||||||
The columns will grow automatically to on the height of the tallest.
|
The columns will grow automatically to on the height of the tallest.
|
||||||
</p>
|
</p>
|
||||||
<div class="panel panel-split">
|
<div class="panel panel-split">
|
||||||
<section class="panel panel-box">
|
<section>
|
||||||
<h3>
|
<h3>
|
||||||
Shorter panel
|
Shorter panel
|
||||||
</h3>
|
</h3>
|
||||||
|
|
@ -166,7 +150,7 @@
|
||||||
That's it.
|
That's it.
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
<section class="panel panel-box">
|
<section>
|
||||||
<h3>
|
<h3>
|
||||||
Taller panel
|
Taller panel
|
||||||
</h3>
|
</h3>
|
||||||
|
|
@ -182,7 +166,7 @@
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section class="panel panel-box">
|
<section>
|
||||||
<h3>
|
<h3>
|
||||||
Horizonal rows
|
Horizonal rows
|
||||||
</h3>
|
</h3>
|
||||||
|
|
@ -198,7 +182,7 @@
|
||||||
Formatting
|
Formatting
|
||||||
</h2>
|
</h2>
|
||||||
<div class="panel panel-split">
|
<div class="panel panel-split">
|
||||||
<section class="panel panel-box">
|
<section>
|
||||||
<h3>
|
<h3>
|
||||||
Colors
|
Colors
|
||||||
</h3>
|
</h3>
|
||||||
|
|
@ -213,9 +197,10 @@
|
||||||
<li><span class="color-cyan">Cyan</span></li>
|
<li><span class="color-cyan">Cyan</span></li>
|
||||||
<li><span class="color-blue">Blue</span></li>
|
<li><span class="color-blue">Blue</span></li>
|
||||||
<li><span class="color-magenta">Magenta</span></li>
|
<li><span class="color-magenta">Magenta</span></li>
|
||||||
|
<li><span class="color-gray">Gray</span></li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
<section class="panel panel-box">
|
<section>
|
||||||
<h3>
|
<h3>
|
||||||
Size
|
Size
|
||||||
</h3>
|
</h3>
|
||||||
|
|
@ -232,7 +217,7 @@
|
||||||
<li><span class="size-xxs">XXS</span></li>
|
<li><span class="size-xxs">XXS</span></li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
<section class="panel panel-box">
|
<section>
|
||||||
<h3>
|
<h3>
|
||||||
Alignment
|
Alignment
|
||||||
</h3>
|
</h3>
|
||||||
|
|
@ -243,14 +228,14 @@
|
||||||
<div class="align-center">Center</div>
|
<div class="align-center">Center</div>
|
||||||
<div class="align-right">Right</div>
|
<div class="align-right">Right</div>
|
||||||
</section>
|
</section>
|
||||||
<section class="panel panel-box">
|
<section>
|
||||||
<h3>
|
<h3>
|
||||||
Spoilers
|
Spoilers
|
||||||
</h3>
|
</h3>
|
||||||
<p>
|
<p>
|
||||||
You can define <span class="spoiler">spoilers</span>.
|
You can define <span class="spoiler">spoilers</span>.
|
||||||
</p>
|
</p>
|
||||||
<section class="spoiler panel panel-box">
|
<section class="spoiler">
|
||||||
<h3>
|
<h3>
|
||||||
Spoiler panels
|
Spoiler panels
|
||||||
</h3>
|
</h3>
|
||||||
|
|
@ -264,7 +249,7 @@
|
||||||
Interactivity
|
Interactivity
|
||||||
</h2>
|
</h2>
|
||||||
<div class="panel panel-split">
|
<div class="panel panel-split">
|
||||||
<section class="panel panel-box">
|
<section>
|
||||||
<h3>
|
<h3>
|
||||||
Tooltips
|
Tooltips
|
||||||
</h3>
|
</h3>
|
||||||
|
|
@ -273,7 +258,7 @@
|
||||||
hovered.
|
hovered.
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
<section class="panel panel-box">
|
<section>
|
||||||
<h3>
|
<h3>
|
||||||
Disabled
|
Disabled
|
||||||
</h3>
|
</h3>
|
||||||
|
|
@ -284,7 +269,7 @@
|
||||||
<p>
|
<p>
|
||||||
It also works with <a class="status-disabled">links</a>!
|
It also works with <a class="status-disabled">links</a>!
|
||||||
</p>
|
</p>
|
||||||
<section class="panel panel-box status-disabled">
|
<section class="status-disabled">
|
||||||
And panels!
|
And panels!
|
||||||
</section>
|
</section>
|
||||||
</section>
|
</section>
|
||||||
|
|
|
||||||
228
src/rules/rygblue.less
Normal file
228
src/rules/rygblue.less
Normal file
|
|
@ -0,0 +1,228 @@
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
|
||||||
|
|
||||||
|
@{base-rygblue} {
|
||||||
|
// === LESS VARIABLES ===
|
||||||
|
|
||||||
|
@hex-background: #0d193b;
|
||||||
|
@hex-foreground: #a0ccff;
|
||||||
|
@hex-accent: #ffffff;
|
||||||
|
|
||||||
|
@hex-red: #ff7d7d;
|
||||||
|
@hex-orange: #ffbb7d;
|
||||||
|
@hex-yellow: #ffff7d;
|
||||||
|
@hex-lime: #7dff7d;
|
||||||
|
@hex-cyan: #7dffff;
|
||||||
|
@hex-blue: #7d7dff;
|
||||||
|
@hex-magenta: #ff7dff;
|
||||||
|
@hex-gray: #bbbbbb;
|
||||||
|
|
||||||
|
@hex-link: #00caca;
|
||||||
|
@hex-link-hover: #00ffff;
|
||||||
|
@hex-link-active: #a0ffff;
|
||||||
|
|
||||||
|
@font-text: "Fira Sans", sans-serif;
|
||||||
|
@font-title: "Fira Sans", sans-serif;
|
||||||
|
@font-code: "Fira Code", sans-serif;
|
||||||
|
|
||||||
|
// === RULES ===
|
||||||
|
|
||||||
|
background-color: @hex-background;
|
||||||
|
color: @hex-foreground;
|
||||||
|
font-family: @font-text;
|
||||||
|
|
||||||
|
// --- Containers ---
|
||||||
|
|
||||||
|
@{container-main} {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// --- Panels ---
|
||||||
|
// Remember to use BOTH the panel AND the panel-* class when using a panel element!
|
||||||
|
|
||||||
|
@{panel} {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// A generic content box
|
||||||
|
@{panel-box} {
|
||||||
|
background-color: fade(@hex-foreground, 2%);
|
||||||
|
border-color: fade(@hex-foreground, 10%);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Should be the same as a box, but with a quote-like border
|
||||||
|
@{panel-blockquote} {
|
||||||
|
.panel-box();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Should be the same as a box, but with smaller text and no border
|
||||||
|
@{panel-aside} {
|
||||||
|
.panel-box();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Evenly split the panels contained inside
|
||||||
|
@{panel-split} {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// --- Element status ---
|
||||||
|
|
||||||
|
@{status-disabled} {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@{status-hoverable} {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@{status-clickable} {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// --- Spoilers ---
|
||||||
|
|
||||||
|
@{spoiler} {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// --- Elements ---
|
||||||
|
|
||||||
|
@{element-title} {
|
||||||
|
color: @hex-accent;
|
||||||
|
font-family: @font-title;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@{element-paragraph} {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@{element-separator} {
|
||||||
|
border-color: fade(@hex-foreground, 10%);
|
||||||
|
}
|
||||||
|
|
||||||
|
@{element-list-item} {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@{element-anchor} {
|
||||||
|
color: @hex-link;
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: @hex-link-hover;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
color: @hex-link-active;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// --- Alignment ---
|
||||||
|
|
||||||
|
@{align-left} {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@{align-center} {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@{align-right} {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// --- Sizes ---
|
||||||
|
|
||||||
|
@{size-xxl} {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@{size-xl} {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@{size-l} {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@{size-m} {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@{size-s} {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@{size-xs} {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@{size-xxs} {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// --- Styles ---
|
||||||
|
|
||||||
|
@{style-bold} {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
@{style-italic} {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@{style-underline} {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@{style-strike} {
|
||||||
|
text-decoration-color: @hex-red;
|
||||||
|
text-decoration-width: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@{style-monospace} {
|
||||||
|
font-family: @font-code;
|
||||||
|
}
|
||||||
|
|
||||||
|
@{style-keyboard} {
|
||||||
|
font-family: @font-code;
|
||||||
|
padding: 3px;
|
||||||
|
border: 2px outset;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// --- Colors ---
|
||||||
|
|
||||||
|
@{color-red} {
|
||||||
|
color: @hex-red;
|
||||||
|
}
|
||||||
|
|
||||||
|
@{color-orange} {
|
||||||
|
color: @hex-orange;
|
||||||
|
}
|
||||||
|
|
||||||
|
@{color-yellow} {
|
||||||
|
color: @hex-yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
@{color-lime} {
|
||||||
|
color: @hex-lime;
|
||||||
|
}
|
||||||
|
|
||||||
|
@{color-cyan} {
|
||||||
|
color: @hex-cyan;
|
||||||
|
}
|
||||||
|
|
||||||
|
@{color-blue} {
|
||||||
|
color: @hex-blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
@{color-magenta} {
|
||||||
|
color: @hex-magenta;
|
||||||
|
}
|
||||||
|
|
||||||
|
@{color-gray} {
|
||||||
|
color: @hex-gray;
|
||||||
|
}
|
||||||
|
}
|
||||||
120
src/skeleton/skeleton.less → src/rules/skeleton.less
vendored
120
src/skeleton/skeleton.less → src/rules/skeleton.less
vendored
|
|
@ -1,32 +1,29 @@
|
||||||
// This mixin should contain ONLY positioning and layout rules.
|
@{base-skeleton} {
|
||||||
// They will be compiled later to different targets.
|
// --- Globals ---
|
||||||
.bluelib-skeleton {
|
|
||||||
// Reset the insane box-sizing default
|
// Force box-sizing: border-box;
|
||||||
// Should this be changed to something different?
|
box-sizing: border-box;
|
||||||
* {
|
* {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
// === RULES ===
|
|
||||||
|
|
||||||
// --- Containers ---
|
// --- Containers ---
|
||||||
|
|
||||||
.container-main {
|
@{container-main} {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
max-width: 1280px;
|
max-width: 1280px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// --- Panels ---
|
// --- Panels ---
|
||||||
// Remember to use BOTH the panel AND the panel-* class when using a panel element!
|
// Remember to use BOTH the panel AND the panel-* class when using a panel element!
|
||||||
|
|
||||||
.panel {
|
// Base panel
|
||||||
|
@{panel} {
|
||||||
margin: 8px 0;
|
margin: 8px 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
// Remove the margins from the first and the last elements, as the padding is already good enough
|
> @{element-paragraph}, @{element-title}, @{panel} {
|
||||||
> .element-paragraph, .element-title, .panel {
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
@ -37,35 +34,31 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// A generic content box
|
// A generic content panel
|
||||||
.panel-box {
|
@{panel-box} {
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
background-color: rgba(0, 0, 0, 0.025); // Make the panel more noticeable on a white background
|
background-color: rgba(0, 0, 0, 0.025);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Should be the same as a box, but with a quote-like border
|
// A box with a quote-like border
|
||||||
.panel-blockquote {
|
@{panel-blockquote} {
|
||||||
.panel-box();
|
|
||||||
|
|
||||||
border-left-width: 2px;
|
border-left-width: 2px;
|
||||||
border-top-width: 0;
|
border-top-width: 0;
|
||||||
border-bottom-width: 0;
|
border-bottom-width: 0;
|
||||||
border-right-width: 0;
|
border-right-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Should be the same as a box, but with smaller text and no border
|
// A box with smaller text and no border
|
||||||
.panel-aside {
|
@{panel-aside} {
|
||||||
.panel-box();
|
|
||||||
|
|
||||||
border-width: 0;
|
border-width: 0;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Evenly split the panels contained inside
|
// Evenly split the panels contained inside
|
||||||
.panel-split {
|
@{panel-split} {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
|
|
@ -77,31 +70,30 @@
|
||||||
flex-basis: 0;
|
flex-basis: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .panel {
|
> @{panel} {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// --- Element status ---
|
// --- Element status ---
|
||||||
|
|
||||||
.status-disabled {
|
@{status-disabled} {
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
opacity: 50%;
|
opacity: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-hoverable {
|
@{status-hoverable} {
|
||||||
cursor: help;
|
cursor: help;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-clickable {
|
@{status-clickable} {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
// --- Spoilers ---
|
// --- Spoilers ---
|
||||||
|
|
||||||
.spoiler {
|
@{spoiler} {
|
||||||
filter: blur(5px);
|
filter: blur(5px);
|
||||||
cursor: help;
|
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
filter: none;
|
filter: none;
|
||||||
|
|
@ -110,120 +102,132 @@
|
||||||
|
|
||||||
// --- Elements ---
|
// --- Elements ---
|
||||||
|
|
||||||
.element-title {
|
@{element-title} {
|
||||||
.align-center();
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.element-paragraph {
|
@{element-paragraph} {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.element-separator {
|
@{element-separator} {
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-color: dimgrey;
|
border-color: dimgrey;
|
||||||
}
|
}
|
||||||
|
|
||||||
.element-list-item {
|
@{element-list-item} {
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.element-anchor {
|
@{element-anchor} {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// --- Alignment ---
|
// --- Alignment ---
|
||||||
|
|
||||||
.align-left {
|
@{align-left} {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.align-center {
|
@{align-center} {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.align-right {
|
@{align-right} {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
// --- Sizes ---
|
// --- Sizes ---
|
||||||
|
|
||||||
.size-xxl {
|
@{size-xxl} {
|
||||||
font-size: xx-large;
|
font-size: xx-large;
|
||||||
}
|
}
|
||||||
|
|
||||||
.size-xl {
|
@{size-xl} {
|
||||||
font-size: x-large;
|
font-size: x-large;
|
||||||
}
|
}
|
||||||
|
|
||||||
.size-l {
|
@{size-l} {
|
||||||
font-size: large;
|
font-size: large;
|
||||||
}
|
}
|
||||||
|
|
||||||
.size-m {
|
@{size-m} {
|
||||||
font-size: medium;
|
font-size: medium;
|
||||||
}
|
}
|
||||||
|
|
||||||
.size-s {
|
@{size-s} {
|
||||||
font-size: small;
|
font-size: small;
|
||||||
}
|
}
|
||||||
|
|
||||||
.size-xs {
|
@{size-xs} {
|
||||||
font-size: x-small;
|
font-size: x-small;
|
||||||
}
|
}
|
||||||
|
|
||||||
.size-xxs {
|
@{size-xxs} {
|
||||||
font-size: xx-small;
|
font-size: xx-small;
|
||||||
}
|
}
|
||||||
|
|
||||||
// --- Styles ---
|
// --- Styles ---
|
||||||
|
|
||||||
.style-bold {
|
@{style-bold} {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.style-italic {
|
@{style-italic} {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.style-underline {
|
@{style-underline} {
|
||||||
text-decoration-line: underline;
|
text-decoration-line: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.style-strike {
|
@{style-strike} {
|
||||||
text-decoration-line: line-through;
|
text-decoration-line: line-through;
|
||||||
}
|
}
|
||||||
|
|
||||||
.style-monospace {
|
@{style-monospace} {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@{style-keyboard} {
|
||||||
|
font-family: monospace;
|
||||||
|
padding: 4px;
|
||||||
|
border: 2px outset;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
// --- Colors ---
|
// --- Colors ---
|
||||||
|
|
||||||
.color-red {
|
@{color-red} {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
|
|
||||||
.color-orange {
|
@{color-orange} {
|
||||||
color: orange;
|
color: orange;
|
||||||
}
|
}
|
||||||
|
|
||||||
.color-yellow {
|
@{color-yellow} {
|
||||||
color: #dddd00; // Pure yellow isn't readable on a white background
|
color: #dddd00; // Pure yellow isn't readable on a white background
|
||||||
}
|
}
|
||||||
|
|
||||||
.color-lime {
|
@{color-lime} {
|
||||||
color: lime;
|
color: lime;
|
||||||
}
|
}
|
||||||
|
|
||||||
.color-cyan {
|
@{color-cyan} {
|
||||||
color: cyan;
|
color: cyan;
|
||||||
}
|
}
|
||||||
|
|
||||||
.color-blue {
|
@{color-blue} {
|
||||||
color: blue;
|
color: blue;
|
||||||
}
|
}
|
||||||
|
|
||||||
.color-magenta {
|
@{color-magenta} {
|
||||||
color: magenta;
|
color: magenta;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@{color-gray} {
|
||||||
|
color: gray;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1,313 +0,0 @@
|
||||||
.bluelib-skeleton * {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .container-main {
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
max-width: 1280px;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .panel {
|
|
||||||
margin: 8px 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .panel > .element-paragraph:first-child,
|
|
||||||
.bluelib-skeleton .panel .element-title:first-child,
|
|
||||||
.bluelib-skeleton .panel .panel:first-child {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .panel > .element-paragraph:last-child,
|
|
||||||
.bluelib-skeleton .panel .element-title:last-child,
|
|
||||||
.bluelib-skeleton .panel .panel:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .panel-box {
|
|
||||||
padding: 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
border-width: 2px;
|
|
||||||
border-style: solid;
|
|
||||||
background-color: rgba(0, 0, 0, 0.025);
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .panel-blockquote {
|
|
||||||
padding: 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
border-width: 2px;
|
|
||||||
border-style: solid;
|
|
||||||
background-color: rgba(0, 0, 0, 0.025);
|
|
||||||
border-left-width: 2px;
|
|
||||||
border-top-width: 0;
|
|
||||||
border-bottom-width: 0;
|
|
||||||
border-right-width: 0;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .panel-aside {
|
|
||||||
padding: 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
border-width: 2px;
|
|
||||||
border-style: solid;
|
|
||||||
background-color: rgba(0, 0, 0, 0.025);
|
|
||||||
border-width: 0;
|
|
||||||
font-size: smaller;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .panel-split {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 8px;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .panel-split > * {
|
|
||||||
flex-grow: 1;
|
|
||||||
flex-shrink: 0;
|
|
||||||
flex-basis: 0;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .panel-split > .panel {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .status-disabled {
|
|
||||||
cursor: not-allowed;
|
|
||||||
opacity: 50%;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .status-hoverable {
|
|
||||||
cursor: help;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .status-clickable {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .spoiler {
|
|
||||||
filter: blur(5px);
|
|
||||||
cursor: help;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .spoiler:hover {
|
|
||||||
filter: none;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .element-title {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .element-separator {
|
|
||||||
border-width: 1px;
|
|
||||||
border-color: dimgrey;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .element-list-item {
|
|
||||||
margin: 10px 0;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .align-left {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .align-center {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .align-right {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .size-xxl {
|
|
||||||
font-size: xx-large;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .size-xl {
|
|
||||||
font-size: x-large;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .size-l {
|
|
||||||
font-size: large;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .size-m {
|
|
||||||
font-size: medium;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .size-s {
|
|
||||||
font-size: small;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .size-xs {
|
|
||||||
font-size: x-small;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .size-xxs {
|
|
||||||
font-size: xx-small;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .style-bold {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .style-italic {
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .style-underline {
|
|
||||||
text-decoration-line: underline;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .style-strike {
|
|
||||||
text-decoration-line: line-through;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .style-monospace {
|
|
||||||
font-family: monospace;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .color-red {
|
|
||||||
color: red;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .color-orange {
|
|
||||||
color: orange;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .color-yellow {
|
|
||||||
color: #dddd00;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .color-lime {
|
|
||||||
color: lime;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .color-cyan {
|
|
||||||
color: cyan;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .color-blue {
|
|
||||||
color: blue;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .color-magenta {
|
|
||||||
color: magenta;
|
|
||||||
}
|
|
||||||
.bluelib * {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
.bluelib .container-main {
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
max-width: 1280px;
|
|
||||||
}
|
|
||||||
.bluelib .panel {
|
|
||||||
margin: 8px 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.bluelib .panel > .element-paragraph:first-child,
|
|
||||||
.bluelib .panel .element-title:first-child,
|
|
||||||
.bluelib .panel .panel:first-child {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
.bluelib .panel > .element-paragraph:last-child,
|
|
||||||
.bluelib .panel .element-title:last-child,
|
|
||||||
.bluelib .panel .panel:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
.bluelib .panel-box {
|
|
||||||
padding: 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
border-width: 2px;
|
|
||||||
border-style: solid;
|
|
||||||
background-color: rgba(0, 0, 0, 0.025);
|
|
||||||
}
|
|
||||||
.bluelib .panel-blockquote {
|
|
||||||
padding: 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
border-width: 2px;
|
|
||||||
border-style: solid;
|
|
||||||
background-color: rgba(0, 0, 0, 0.025);
|
|
||||||
border-left-width: 2px;
|
|
||||||
border-top-width: 0;
|
|
||||||
border-bottom-width: 0;
|
|
||||||
border-right-width: 0;
|
|
||||||
}
|
|
||||||
.bluelib .panel-aside {
|
|
||||||
padding: 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
border-width: 2px;
|
|
||||||
border-style: solid;
|
|
||||||
background-color: rgba(0, 0, 0, 0.025);
|
|
||||||
border-width: 0;
|
|
||||||
font-size: smaller;
|
|
||||||
}
|
|
||||||
.bluelib .panel-split {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 8px;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
.bluelib .panel-split > * {
|
|
||||||
flex-grow: 1;
|
|
||||||
flex-shrink: 0;
|
|
||||||
flex-basis: 0;
|
|
||||||
}
|
|
||||||
.bluelib .panel-split > .panel {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.bluelib .status-disabled {
|
|
||||||
cursor: not-allowed;
|
|
||||||
opacity: 50%;
|
|
||||||
}
|
|
||||||
.bluelib .status-hoverable {
|
|
||||||
cursor: help;
|
|
||||||
}
|
|
||||||
.bluelib .status-clickable {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.bluelib .spoiler {
|
|
||||||
filter: blur(5px);
|
|
||||||
cursor: help;
|
|
||||||
}
|
|
||||||
.bluelib .spoiler:hover {
|
|
||||||
filter: none;
|
|
||||||
}
|
|
||||||
.bluelib .element-title {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.bluelib .element-separator {
|
|
||||||
border-width: 1px;
|
|
||||||
border-color: dimgrey;
|
|
||||||
}
|
|
||||||
.bluelib .element-list-item {
|
|
||||||
margin: 10px 0;
|
|
||||||
}
|
|
||||||
.bluelib .align-left {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
.bluelib .align-center {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.bluelib .align-right {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
.bluelib .size-xxl {
|
|
||||||
font-size: xx-large;
|
|
||||||
}
|
|
||||||
.bluelib .size-xl {
|
|
||||||
font-size: x-large;
|
|
||||||
}
|
|
||||||
.bluelib .size-l {
|
|
||||||
font-size: large;
|
|
||||||
}
|
|
||||||
.bluelib .size-m {
|
|
||||||
font-size: medium;
|
|
||||||
}
|
|
||||||
.bluelib .size-s {
|
|
||||||
font-size: small;
|
|
||||||
}
|
|
||||||
.bluelib .size-xs {
|
|
||||||
font-size: x-small;
|
|
||||||
}
|
|
||||||
.bluelib .size-xxs {
|
|
||||||
font-size: xx-small;
|
|
||||||
}
|
|
||||||
.bluelib .style-bold {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.bluelib .style-italic {
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
.bluelib .style-underline {
|
|
||||||
text-decoration-line: underline;
|
|
||||||
}
|
|
||||||
.bluelib .style-strike {
|
|
||||||
text-decoration-line: line-through;
|
|
||||||
}
|
|
||||||
.bluelib .style-monospace {
|
|
||||||
font-family: monospace;
|
|
||||||
}
|
|
||||||
.bluelib .color-red {
|
|
||||||
color: red;
|
|
||||||
}
|
|
||||||
.bluelib .color-orange {
|
|
||||||
color: orange;
|
|
||||||
}
|
|
||||||
.bluelib .color-yellow {
|
|
||||||
color: #dddd00;
|
|
||||||
}
|
|
||||||
.bluelib .color-lime {
|
|
||||||
color: lime;
|
|
||||||
}
|
|
||||||
.bluelib .color-cyan {
|
|
||||||
color: cyan;
|
|
||||||
}
|
|
||||||
.bluelib .color-blue {
|
|
||||||
color: blue;
|
|
||||||
}
|
|
||||||
.bluelib .color-magenta {
|
|
||||||
color: magenta;
|
|
||||||
}
|
|
||||||
/*# sourceMappingURL=skeleton.module.css.map */
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
{"version":3,"sources":["skeleton.less","skeleton.module.less"],"names":[],"mappings":"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","file":"skeleton.module.css"}
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
@import "skeleton";
|
|
||||||
|
|
||||||
.bluelib {
|
|
||||||
.bluelib-skeleton();
|
|
||||||
}
|
|
||||||
|
|
@ -1,377 +0,0 @@
|
||||||
.bluelib-skeleton * {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .container-main {
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
max-width: 1280px;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .panel {
|
|
||||||
margin: 8px 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .panel > .element-paragraph:first-child,
|
|
||||||
.bluelib-skeleton .panel .element-title:first-child,
|
|
||||||
.bluelib-skeleton .panel .panel:first-child {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .panel > .element-paragraph:last-child,
|
|
||||||
.bluelib-skeleton .panel .element-title:last-child,
|
|
||||||
.bluelib-skeleton .panel .panel:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .panel-box {
|
|
||||||
padding: 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
border-width: 2px;
|
|
||||||
border-style: solid;
|
|
||||||
background-color: rgba(0, 0, 0, 0.025);
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .panel-blockquote {
|
|
||||||
padding: 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
border-width: 2px;
|
|
||||||
border-style: solid;
|
|
||||||
background-color: rgba(0, 0, 0, 0.025);
|
|
||||||
border-left-width: 2px;
|
|
||||||
border-top-width: 0;
|
|
||||||
border-bottom-width: 0;
|
|
||||||
border-right-width: 0;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .panel-aside {
|
|
||||||
padding: 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
border-width: 2px;
|
|
||||||
border-style: solid;
|
|
||||||
background-color: rgba(0, 0, 0, 0.025);
|
|
||||||
border-width: 0;
|
|
||||||
font-size: smaller;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .panel-split {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 8px;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .panel-split > * {
|
|
||||||
flex-grow: 1;
|
|
||||||
flex-shrink: 0;
|
|
||||||
flex-basis: 0;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .panel-split > .panel {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .status-disabled {
|
|
||||||
cursor: not-allowed;
|
|
||||||
opacity: 50%;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .status-hoverable {
|
|
||||||
cursor: help;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .status-clickable {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .spoiler {
|
|
||||||
filter: blur(5px);
|
|
||||||
cursor: help;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .spoiler:hover {
|
|
||||||
filter: none;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .element-title {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .element-separator {
|
|
||||||
border-width: 1px;
|
|
||||||
border-color: dimgrey;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .element-list-item {
|
|
||||||
margin: 10px 0;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .align-left {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .align-center {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .align-right {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .size-xxl {
|
|
||||||
font-size: xx-large;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .size-xl {
|
|
||||||
font-size: x-large;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .size-l {
|
|
||||||
font-size: large;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .size-m {
|
|
||||||
font-size: medium;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .size-s {
|
|
||||||
font-size: small;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .size-xs {
|
|
||||||
font-size: x-small;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .size-xxs {
|
|
||||||
font-size: xx-small;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .style-bold {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .style-italic {
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .style-underline {
|
|
||||||
text-decoration-line: underline;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .style-strike {
|
|
||||||
text-decoration-line: line-through;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .style-monospace {
|
|
||||||
font-family: monospace;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .color-red {
|
|
||||||
color: red;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .color-orange {
|
|
||||||
color: orange;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .color-yellow {
|
|
||||||
color: #dddd00;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .color-lime {
|
|
||||||
color: lime;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .color-cyan {
|
|
||||||
color: cyan;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .color-blue {
|
|
||||||
color: blue;
|
|
||||||
}
|
|
||||||
.bluelib-skeleton .color-magenta {
|
|
||||||
color: magenta;
|
|
||||||
}
|
|
||||||
:root * {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
:root .container-main {
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
max-width: 1280px;
|
|
||||||
}
|
|
||||||
:root .panel {
|
|
||||||
margin: 8px 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
:root .panel > .element-paragraph:first-child,
|
|
||||||
:root .panel .element-title:first-child,
|
|
||||||
:root .panel .panel:first-child {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
:root .panel > .element-paragraph:last-child,
|
|
||||||
:root .panel .element-title:last-child,
|
|
||||||
:root .panel .panel:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
:root .panel-box {
|
|
||||||
padding: 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
border-width: 2px;
|
|
||||||
border-style: solid;
|
|
||||||
background-color: rgba(0, 0, 0, 0.025);
|
|
||||||
}
|
|
||||||
:root .panel-blockquote {
|
|
||||||
padding: 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
border-width: 2px;
|
|
||||||
border-style: solid;
|
|
||||||
background-color: rgba(0, 0, 0, 0.025);
|
|
||||||
border-left-width: 2px;
|
|
||||||
border-top-width: 0;
|
|
||||||
border-bottom-width: 0;
|
|
||||||
border-right-width: 0;
|
|
||||||
}
|
|
||||||
:root .panel-aside {
|
|
||||||
padding: 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
border-width: 2px;
|
|
||||||
border-style: solid;
|
|
||||||
background-color: rgba(0, 0, 0, 0.025);
|
|
||||||
border-width: 0;
|
|
||||||
font-size: smaller;
|
|
||||||
}
|
|
||||||
:root .panel-split {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 8px;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
:root .panel-split > * {
|
|
||||||
flex-grow: 1;
|
|
||||||
flex-shrink: 0;
|
|
||||||
flex-basis: 0;
|
|
||||||
}
|
|
||||||
:root .panel-split > .panel {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
:root .status-disabled {
|
|
||||||
cursor: not-allowed;
|
|
||||||
opacity: 50%;
|
|
||||||
}
|
|
||||||
:root .status-hoverable {
|
|
||||||
cursor: help;
|
|
||||||
}
|
|
||||||
:root .status-clickable {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
:root .spoiler {
|
|
||||||
filter: blur(5px);
|
|
||||||
cursor: help;
|
|
||||||
}
|
|
||||||
:root .spoiler:hover {
|
|
||||||
filter: none;
|
|
||||||
}
|
|
||||||
:root .element-title {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
:root .element-separator {
|
|
||||||
border-width: 1px;
|
|
||||||
border-color: dimgrey;
|
|
||||||
}
|
|
||||||
:root .element-list-item {
|
|
||||||
margin: 10px 0;
|
|
||||||
}
|
|
||||||
:root .align-left {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
:root .align-center {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
:root .align-right {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
:root .size-xxl {
|
|
||||||
font-size: xx-large;
|
|
||||||
}
|
|
||||||
:root .size-xl {
|
|
||||||
font-size: x-large;
|
|
||||||
}
|
|
||||||
:root .size-l {
|
|
||||||
font-size: large;
|
|
||||||
}
|
|
||||||
:root .size-m {
|
|
||||||
font-size: medium;
|
|
||||||
}
|
|
||||||
:root .size-s {
|
|
||||||
font-size: small;
|
|
||||||
}
|
|
||||||
:root .size-xs {
|
|
||||||
font-size: x-small;
|
|
||||||
}
|
|
||||||
:root .size-xxs {
|
|
||||||
font-size: xx-small;
|
|
||||||
}
|
|
||||||
:root .style-bold {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
:root .style-italic {
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
:root .style-underline {
|
|
||||||
text-decoration-line: underline;
|
|
||||||
}
|
|
||||||
:root .style-strike {
|
|
||||||
text-decoration-line: line-through;
|
|
||||||
}
|
|
||||||
:root .style-monospace {
|
|
||||||
font-family: monospace;
|
|
||||||
}
|
|
||||||
:root .color-red {
|
|
||||||
color: red;
|
|
||||||
}
|
|
||||||
:root .color-orange {
|
|
||||||
color: orange;
|
|
||||||
}
|
|
||||||
:root .color-yellow {
|
|
||||||
color: #dddd00;
|
|
||||||
}
|
|
||||||
:root .color-lime {
|
|
||||||
color: lime;
|
|
||||||
}
|
|
||||||
:root .color-cyan {
|
|
||||||
color: cyan;
|
|
||||||
}
|
|
||||||
:root .color-blue {
|
|
||||||
color: blue;
|
|
||||||
}
|
|
||||||
:root .color-magenta {
|
|
||||||
color: magenta;
|
|
||||||
}
|
|
||||||
:root h1,
|
|
||||||
:root h2,
|
|
||||||
:root h3,
|
|
||||||
:root h4,
|
|
||||||
:root h5,
|
|
||||||
:root h6 {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
:root hr {
|
|
||||||
border-width: 1px;
|
|
||||||
border-color: dimgrey;
|
|
||||||
}
|
|
||||||
:root h1 {
|
|
||||||
font-size: xx-large;
|
|
||||||
}
|
|
||||||
:root h2 {
|
|
||||||
font-size: x-large;
|
|
||||||
}
|
|
||||||
:root h3 {
|
|
||||||
font-size: large;
|
|
||||||
}
|
|
||||||
:root h4 {
|
|
||||||
font-size: medium;
|
|
||||||
}
|
|
||||||
:root h5 {
|
|
||||||
font-size: small;
|
|
||||||
}
|
|
||||||
:root h6 {
|
|
||||||
font-size: x-small;
|
|
||||||
}
|
|
||||||
:root b {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
:root i {
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
:root u {
|
|
||||||
text-decoration-line: underline;
|
|
||||||
}
|
|
||||||
:root pre,
|
|
||||||
:root code,
|
|
||||||
:root kbd {
|
|
||||||
font-family: monospace;
|
|
||||||
}
|
|
||||||
:root strike {
|
|
||||||
text-decoration-line: line-through;
|
|
||||||
}
|
|
||||||
:root li {
|
|
||||||
margin: 10px 0;
|
|
||||||
}
|
|
||||||
:root hr {
|
|
||||||
border-width: 1px;
|
|
||||||
border-color: dimgrey;
|
|
||||||
}
|
|
||||||
:root *[title] {
|
|
||||||
cursor: help;
|
|
||||||
}
|
|
||||||
:root *[disabled] {
|
|
||||||
cursor: not-allowed;
|
|
||||||
opacity: 50%;
|
|
||||||
}
|
|
||||||
:root *[onclick] {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
/*# sourceMappingURL=skeleton.root.css.map */
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
{"version":3,"sources":["skeleton.less","skeleton.root.less"],"names":[],"mappings":"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","file":"skeleton.root.css"}
|
|
||||||
|
|
@ -1,87 +0,0 @@
|
||||||
@import "skeleton";
|
|
||||||
|
|
||||||
:root {
|
|
||||||
.bluelib-skeleton();
|
|
||||||
|
|
||||||
// === INHERITANCES ===
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
.bluelib-skeleton.element-title();
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
.bluelib-skeleton.element-separator();
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
.bluelib-skeleton.element-paragraph();
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
.bluelib-skeleton.size-xxl();
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
.bluelib-skeleton.size-xl();
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
.bluelib-skeleton.size-l();
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
.bluelib-skeleton.size-m();
|
|
||||||
}
|
|
||||||
|
|
||||||
h5 {
|
|
||||||
.bluelib-skeleton.size-s();
|
|
||||||
}
|
|
||||||
|
|
||||||
h6 {
|
|
||||||
.bluelib-skeleton.size-xs();
|
|
||||||
}
|
|
||||||
|
|
||||||
b {
|
|
||||||
.bluelib-skeleton.style-bold();
|
|
||||||
}
|
|
||||||
|
|
||||||
i {
|
|
||||||
.bluelib-skeleton.style-italic();
|
|
||||||
}
|
|
||||||
|
|
||||||
u {
|
|
||||||
.bluelib-skeleton.style-underline();
|
|
||||||
}
|
|
||||||
|
|
||||||
pre, code, kbd {
|
|
||||||
.bluelib-skeleton.style-monospace();
|
|
||||||
}
|
|
||||||
|
|
||||||
strike {
|
|
||||||
.bluelib-skeleton.style-strike();
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
.bluelib-skeleton.element-list-item();
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
.bluelib-skeleton.element-separator();
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
.bluelib-skeleton.element-anchor();
|
|
||||||
}
|
|
||||||
|
|
||||||
*[title] {
|
|
||||||
.bluelib-skeleton.status-hoverable();
|
|
||||||
}
|
|
||||||
|
|
||||||
*[disabled] {
|
|
||||||
.bluelib-skeleton.status-disabled();
|
|
||||||
}
|
|
||||||
|
|
||||||
*[onclick] {
|
|
||||||
.bluelib-skeleton.status-clickable();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,216 +0,0 @@
|
||||||
// This mixin should contain ONLY coloring and theming rules.
|
|
||||||
// They will be compiled later to different targets.
|
|
||||||
.bluelib-skin-rygblue() {
|
|
||||||
// === LESS VARIABLES ===
|
|
||||||
|
|
||||||
@color-background: #0d193b;
|
|
||||||
@color-foreground: #a0ccff;
|
|
||||||
@color-accent: #ffffff;
|
|
||||||
|
|
||||||
@color-red: #ff7d7d;
|
|
||||||
@color-orange: #ffbb7d;
|
|
||||||
@color-yellow: #ffff7d;
|
|
||||||
@color-lime: #7dff7d;
|
|
||||||
@color-cyan: #7dffff;
|
|
||||||
@color-blue: #7d7dff;
|
|
||||||
@color-magenta: #ff7dff;
|
|
||||||
|
|
||||||
@color-link: #00caca;
|
|
||||||
@color-link-hover: #00ffff;
|
|
||||||
@color-link-active: #a0ffff;
|
|
||||||
|
|
||||||
@font-text: sans-serif;
|
|
||||||
@font-title: sans-serif;
|
|
||||||
@font-code: sans-serif;
|
|
||||||
|
|
||||||
// === RULES ===
|
|
||||||
|
|
||||||
background-color: @color-background;
|
|
||||||
color: @color-foreground;
|
|
||||||
font-family: @font-text;
|
|
||||||
|
|
||||||
// --- Containers ---
|
|
||||||
|
|
||||||
.container-main {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// --- Panels ---
|
|
||||||
// Remember to use BOTH the panel AND the panel-* class when using a panel element!
|
|
||||||
|
|
||||||
.panel {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// A generic content box
|
|
||||||
.panel-box {
|
|
||||||
background-color: fade(@color-foreground, 2%);
|
|
||||||
border-color: fade(@color-foreground, 10%);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Should be the same as a box, but with a quote-like border
|
|
||||||
.panel-blockquote {
|
|
||||||
.panel-box();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Should be the same as a box, but with smaller text and no border
|
|
||||||
.panel-aside {
|
|
||||||
.panel-box();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Evenly split the panels contained inside
|
|
||||||
.panel-split {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// --- Element status ---
|
|
||||||
|
|
||||||
.status-disabled {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-hoverable {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-clickable {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// --- Spoilers ---
|
|
||||||
|
|
||||||
.spoiler {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// --- Elements ---
|
|
||||||
|
|
||||||
.element-title {
|
|
||||||
color: @color-accent;
|
|
||||||
font-family: @font-title;
|
|
||||||
}
|
|
||||||
|
|
||||||
.element-paragraph {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.element-separator {
|
|
||||||
border-color: fade(@color-foreground, 10%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.element-list-item {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.element-anchor {
|
|
||||||
color: @color-link;
|
|
||||||
text-decoration: none;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: @color-link-hover;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:active {
|
|
||||||
color: @color-link-active;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// --- Alignment ---
|
|
||||||
|
|
||||||
.align-left {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.align-center {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.align-right {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// --- Sizes ---
|
|
||||||
|
|
||||||
.size-xxl {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.size-xl {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.size-l {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.size-m {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.size-s {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.size-xs {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.size-xxs {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// --- Styles ---
|
|
||||||
|
|
||||||
.style-bold {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.style-italic {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.style-underline {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.style-strike {
|
|
||||||
text-decoration-color: @color-red;
|
|
||||||
text-decoration-width: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.style-monospace {
|
|
||||||
font-family: @font-code;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// --- Colors ---
|
|
||||||
|
|
||||||
.color-red {
|
|
||||||
color: @color-red;
|
|
||||||
}
|
|
||||||
|
|
||||||
.color-orange {
|
|
||||||
color: @color-orange;
|
|
||||||
}
|
|
||||||
|
|
||||||
.color-yellow {
|
|
||||||
color: @color-yellow;
|
|
||||||
}
|
|
||||||
|
|
||||||
.color-lime {
|
|
||||||
color: @color-lime;
|
|
||||||
}
|
|
||||||
|
|
||||||
.color-cyan {
|
|
||||||
color: @color-cyan;
|
|
||||||
}
|
|
||||||
|
|
||||||
.color-blue {
|
|
||||||
color: @color-blue;
|
|
||||||
}
|
|
||||||
|
|
||||||
.color-magenta {
|
|
||||||
color: @color-magenta;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,66 +0,0 @@
|
||||||
.bluelib {
|
|
||||||
background-color: #0d193b;
|
|
||||||
color: #a0ccff;
|
|
||||||
font-family: sans-serif;
|
|
||||||
}
|
|
||||||
.bluelib .panel-box {
|
|
||||||
background-color: rgba(160, 204, 255, 0.02);
|
|
||||||
border-color: rgba(160, 204, 255, 0.1);
|
|
||||||
}
|
|
||||||
.bluelib .panel-blockquote {
|
|
||||||
background-color: rgba(160, 204, 255, 0.02);
|
|
||||||
border-color: rgba(160, 204, 255, 0.1);
|
|
||||||
}
|
|
||||||
.bluelib .panel-aside {
|
|
||||||
background-color: rgba(160, 204, 255, 0.02);
|
|
||||||
border-color: rgba(160, 204, 255, 0.1);
|
|
||||||
}
|
|
||||||
.bluelib .element-title {
|
|
||||||
color: #ffffff;
|
|
||||||
font-family: sans-serif;
|
|
||||||
}
|
|
||||||
.bluelib .element-separator {
|
|
||||||
border-color: rgba(160, 204, 255, 0.1);
|
|
||||||
}
|
|
||||||
.bluelib .element-anchor {
|
|
||||||
color: #00caca;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.bluelib .element-anchor:hover {
|
|
||||||
color: #00ffff;
|
|
||||||
}
|
|
||||||
.bluelib .element-anchor:active {
|
|
||||||
color: #a0ffff;
|
|
||||||
}
|
|
||||||
.bluelib .style-bold {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
.bluelib .style-strike {
|
|
||||||
text-decoration-color: #ff7d7d;
|
|
||||||
text-decoration-width: 2px;
|
|
||||||
}
|
|
||||||
.bluelib .style-monospace {
|
|
||||||
font-family: sans-serif;
|
|
||||||
}
|
|
||||||
.bluelib .color-red {
|
|
||||||
color: #ff7d7d;
|
|
||||||
}
|
|
||||||
.bluelib .color-orange {
|
|
||||||
color: #ffbb7d;
|
|
||||||
}
|
|
||||||
.bluelib .color-yellow {
|
|
||||||
color: #ffff7d;
|
|
||||||
}
|
|
||||||
.bluelib .color-lime {
|
|
||||||
color: #7dff7d;
|
|
||||||
}
|
|
||||||
.bluelib .color-cyan {
|
|
||||||
color: #7dffff;
|
|
||||||
}
|
|
||||||
.bluelib .color-blue {
|
|
||||||
color: #7d7dff;
|
|
||||||
}
|
|
||||||
.bluelib .color-magenta {
|
|
||||||
color: #ff7dff;
|
|
||||||
}
|
|
||||||
/*# sourceMappingURL=rygblue.module.css.map */
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
{"version":3,"sources":["rygblue.module.less","rygblue.less"],"names":[],"mappings":"AAEA;ECyBI,yBAAA;EACA,cAAA;EACA,uBAAA;;AD3BJ,QC4CI;EACI,2CAAA;EACA,sCAAA;;AD9CR,QCkDI;EALI,2CAAA;EACA,sCAAA;;AD9CR,QCuDI;EAVI,2CAAA;EACA,sCAAA;;AD9CR,QCsFI;EACI,cAAA;EACA,uBAAA;;ADxFR,QC+FI;EACI,sCAAA;;ADhGR,QCuGI;EACI,cAAA;EACA,qBAAA;;AAEA,QAJJ,gBAIK;EACG,cAAA;;AAGJ,QARJ,gBAQK;EACG,cAAA;;ADhHZ,QCkKI;EACI,cAAA;;ADnKR,QC8KI;EACI,8BAAA;EACA,0BAAA;;ADhLR,QCmLI;EACI,uBAAA;;ADpLR,QC0LI;EACI,cAAA;;AD3LR,QC8LI;EACI,cAAA;;AD/LR,QCkMI;EACI,cAAA;;ADnMR,QCsMI;EACI,cAAA;;ADvMR,QC0MI;EACI,cAAA;;AD3MR,QC8MI;EACI,cAAA;;AD/MR,QCkNI;EACI,cAAA","file":"rygblue.module.css"}
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
@import "rygblue";
|
|
||||||
|
|
||||||
.bluelib {
|
|
||||||
.bluelib-skin-rygblue();
|
|
||||||
}
|
|
||||||
|
|
@ -1,103 +0,0 @@
|
||||||
:root {
|
|
||||||
background-color: #0d193b;
|
|
||||||
color: #a0ccff;
|
|
||||||
font-family: sans-serif;
|
|
||||||
}
|
|
||||||
:root .panel-box {
|
|
||||||
background-color: rgba(160, 204, 255, 0.02);
|
|
||||||
border-color: rgba(160, 204, 255, 0.1);
|
|
||||||
}
|
|
||||||
:root .panel-blockquote {
|
|
||||||
background-color: rgba(160, 204, 255, 0.02);
|
|
||||||
border-color: rgba(160, 204, 255, 0.1);
|
|
||||||
}
|
|
||||||
:root .panel-aside {
|
|
||||||
background-color: rgba(160, 204, 255, 0.02);
|
|
||||||
border-color: rgba(160, 204, 255, 0.1);
|
|
||||||
}
|
|
||||||
:root .element-title {
|
|
||||||
color: #ffffff;
|
|
||||||
font-family: sans-serif;
|
|
||||||
}
|
|
||||||
:root .element-separator {
|
|
||||||
border-color: rgba(160, 204, 255, 0.1);
|
|
||||||
}
|
|
||||||
:root .element-anchor {
|
|
||||||
color: #00caca;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
:root .element-anchor:hover {
|
|
||||||
color: #00ffff;
|
|
||||||
}
|
|
||||||
:root .element-anchor:active {
|
|
||||||
color: #a0ffff;
|
|
||||||
}
|
|
||||||
:root .style-bold {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
:root .style-strike {
|
|
||||||
text-decoration-color: #ff7d7d;
|
|
||||||
text-decoration-width: 2px;
|
|
||||||
}
|
|
||||||
:root .style-monospace {
|
|
||||||
font-family: sans-serif;
|
|
||||||
}
|
|
||||||
:root .color-red {
|
|
||||||
color: #ff7d7d;
|
|
||||||
}
|
|
||||||
:root .color-orange {
|
|
||||||
color: #ffbb7d;
|
|
||||||
}
|
|
||||||
:root .color-yellow {
|
|
||||||
color: #ffff7d;
|
|
||||||
}
|
|
||||||
:root .color-lime {
|
|
||||||
color: #7dff7d;
|
|
||||||
}
|
|
||||||
:root .color-cyan {
|
|
||||||
color: #7dffff;
|
|
||||||
}
|
|
||||||
:root .color-blue {
|
|
||||||
color: #7d7dff;
|
|
||||||
}
|
|
||||||
:root .color-magenta {
|
|
||||||
color: #ff7dff;
|
|
||||||
}
|
|
||||||
:root h1,
|
|
||||||
:root h2,
|
|
||||||
:root h3,
|
|
||||||
:root h4,
|
|
||||||
:root h5,
|
|
||||||
:root h6 {
|
|
||||||
color: #ffffff;
|
|
||||||
font-family: sans-serif;
|
|
||||||
}
|
|
||||||
:root hr {
|
|
||||||
border-color: rgba(160, 204, 255, 0.1);
|
|
||||||
}
|
|
||||||
:root b {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
:root pre,
|
|
||||||
:root code,
|
|
||||||
:root kbd {
|
|
||||||
font-family: sans-serif;
|
|
||||||
}
|
|
||||||
:root strike {
|
|
||||||
text-decoration-color: #ff7d7d;
|
|
||||||
text-decoration-width: 2px;
|
|
||||||
}
|
|
||||||
:root hr {
|
|
||||||
border-color: rgba(160, 204, 255, 0.1);
|
|
||||||
}
|
|
||||||
:root a {
|
|
||||||
color: #00caca;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
:root a:hover {
|
|
||||||
color: #00ffff;
|
|
||||||
}
|
|
||||||
:root a:active {
|
|
||||||
color: #a0ffff;
|
|
||||||
}
|
|
||||||
/*# sourceMappingURL=rygblue.root.css.map */
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
{"version":3,"sources":["rygblue.root.less","rygblue.less"],"names":[],"mappings":"AAEA;ECyBI,yBAAA;EACA,cAAA;EACA,uBAAA;;AD3BJ,KC4CI;EACI,2CAAA;EACA,sCAAA;;AD9CR,KCkDI;EALI,2CAAA;EACA,sCAAA;;AD9CR,KCuDI;EAVI,2CAAA;EACA,sCAAA;;AD9CR,KCsFI;EACI,cAAA;EACA,uBAAA;;ADxFR,KC+FI;EACI,sCAAA;;ADhGR,KCuGI;EACI,cAAA;EACA,qBAAA;;AAEA,KAJJ,gBAIK;EACG,cAAA;;AAGJ,KARJ,gBAQK;EACG,cAAA;;ADhHZ,KCkKI;EACI,cAAA;;ADnKR,KC8KI;EACI,8BAAA;EACA,0BAAA;;ADhLR,KCmLI;EACI,uBAAA;;ADpLR,KC0LI;EACI,cAAA;;AD3LR,KC8LI;EACI,cAAA;;AD/LR,KCkMI;EACI,cAAA;;ADnMR,KCsMI;EACI,cAAA;;ADvMR,KC0MI;EACI,cAAA;;AD3MR,KC8MI;EACI,cAAA;;AD/MR,KCkNI;EACI,cAAA;;ADnNR,KAKI;AALJ,KAKQ;AALR,KAKY;AALZ,KAKgB;AALhB,KAKoB;AALpB,KAKwB;ECkFhB,cAAA;EACA,uBAAA;;ADxFR,KASI;ECuFI,sCAAA;;ADhGR,KAyCI;EC0HI,cAAA;;ADnKR,KAqDI;AArDJ,KAqDS;AArDT,KAqDe;EC+HP,uBAAA;;ADpLR,KAyDI;ECsHI,8BAAA;EACA,0BAAA;;ADhLR,KAiEI;EC+BI,sCAAA;;ADhGR,KAqEI;ECmCI,cAAA;EACA,qBAAA;;AAEA,KDtCJ,ECsCK;EACG,cAAA;;AAGJ,KD1CJ,EC0CK;EACG,cAAA","file":"rygblue.root.css"}
|
|
||||||
|
|
@ -1,87 +0,0 @@
|
||||||
@import "rygblue";
|
|
||||||
|
|
||||||
:root {
|
|
||||||
.bluelib-skin-rygblue();
|
|
||||||
|
|
||||||
// === INHERITANCES ===
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
.bluelib-skin-rygblue.element-title();
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
.bluelib-skin-rygblue.element-separator();
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
.bluelib-skin-rygblue.element-paragraph();
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
.bluelib-skin-rygblue.size-xxl();
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
.bluelib-skin-rygblue.size-xl();
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
.bluelib-skin-rygblue.size-l();
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
.bluelib-skin-rygblue.size-m();
|
|
||||||
}
|
|
||||||
|
|
||||||
h5 {
|
|
||||||
.bluelib-skin-rygblue.size-s();
|
|
||||||
}
|
|
||||||
|
|
||||||
h6 {
|
|
||||||
.bluelib-skin-rygblue.size-xs();
|
|
||||||
}
|
|
||||||
|
|
||||||
b {
|
|
||||||
.bluelib-skin-rygblue.style-bold();
|
|
||||||
}
|
|
||||||
|
|
||||||
i {
|
|
||||||
.bluelib-skin-rygblue.style-italic();
|
|
||||||
}
|
|
||||||
|
|
||||||
u {
|
|
||||||
.bluelib-skin-rygblue.style-underline();
|
|
||||||
}
|
|
||||||
|
|
||||||
pre, code, kbd {
|
|
||||||
.bluelib-skin-rygblue.style-monospace();
|
|
||||||
}
|
|
||||||
|
|
||||||
strike {
|
|
||||||
.bluelib-skin-rygblue.style-strike();
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
.bluelib-skin-rygblue.element-list-item();
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
.bluelib-skin-rygblue.element-separator();
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
.bluelib-skin-rygblue.element-anchor();
|
|
||||||
}
|
|
||||||
|
|
||||||
*[title] {
|
|
||||||
.bluelib-skin-rygblue.status-hoverable();
|
|
||||||
}
|
|
||||||
|
|
||||||
*[disabled] {
|
|
||||||
.bluelib-skin-rygblue.status-disabled();
|
|
||||||
}
|
|
||||||
|
|
||||||
*[onclick] {
|
|
||||||
.bluelib-skin-rygblue.status-clickable();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
110
src/targets/rygblue.module.css
Normal file
110
src/targets/rygblue.module.css
Normal file
|
|
@ -0,0 +1,110 @@
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Fira Code';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/firacode/v10/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sFVc.ttf) format('truetype');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Fira Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 400;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/firasans/v10/va9C4kDNxMZdWfMOD5VvkojO.ttf) format('truetype');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Fira Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 700;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrByRBf_.ttf) format('truetype');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Fira Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5VfkA.ttf) format('truetype');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Fira Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3uQQ.ttf) format('truetype');
|
||||||
|
}
|
||||||
|
.base-rygblue {
|
||||||
|
background-color: #0d193b;
|
||||||
|
color: #a0ccff;
|
||||||
|
font-family: "Fira Sans", sans-serif;
|
||||||
|
}
|
||||||
|
.base-rygblue .panel-box {
|
||||||
|
background-color: rgba(160, 204, 255, 0.02);
|
||||||
|
border-color: rgba(160, 204, 255, 0.1);
|
||||||
|
}
|
||||||
|
.base-rygblue .panel-blockquote {
|
||||||
|
background-color: rgba(160, 204, 255, 0.02);
|
||||||
|
border-color: rgba(160, 204, 255, 0.1);
|
||||||
|
}
|
||||||
|
.base-rygblue .panel-aside {
|
||||||
|
background-color: rgba(160, 204, 255, 0.02);
|
||||||
|
border-color: rgba(160, 204, 255, 0.1);
|
||||||
|
}
|
||||||
|
.base-rygblue .element-title {
|
||||||
|
color: #ffffff;
|
||||||
|
font-family: "Fira Sans", sans-serif;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
.base-rygblue .element-separator {
|
||||||
|
border-color: rgba(160, 204, 255, 0.1);
|
||||||
|
}
|
||||||
|
.base-rygblue .element-anchor {
|
||||||
|
color: #00caca;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.base-rygblue .element-anchor:hover {
|
||||||
|
color: #00ffff;
|
||||||
|
}
|
||||||
|
.base-rygblue .element-anchor:active {
|
||||||
|
color: #a0ffff;
|
||||||
|
}
|
||||||
|
.base-rygblue .style-bold {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.base-rygblue .style-strike {
|
||||||
|
text-decoration-color: #ff7d7d;
|
||||||
|
text-decoration-width: 2px;
|
||||||
|
}
|
||||||
|
.base-rygblue .style-monospace {
|
||||||
|
font-family: "Fira Code", sans-serif;
|
||||||
|
}
|
||||||
|
.base-rygblue .style-keyboard {
|
||||||
|
font-family: "Fira Code", sans-serif;
|
||||||
|
padding: 3px;
|
||||||
|
border: 2px outset;
|
||||||
|
}
|
||||||
|
.base-rygblue .color-red {
|
||||||
|
color: #ff7d7d;
|
||||||
|
}
|
||||||
|
.base-rygblue .color-orange {
|
||||||
|
color: #ffbb7d;
|
||||||
|
}
|
||||||
|
.base-rygblue .color-yellow {
|
||||||
|
color: #ffff7d;
|
||||||
|
}
|
||||||
|
.base-rygblue .color-lime {
|
||||||
|
color: #7dff7d;
|
||||||
|
}
|
||||||
|
.base-rygblue .color-cyan {
|
||||||
|
color: #7dffff;
|
||||||
|
}
|
||||||
|
.base-rygblue .color-blue {
|
||||||
|
color: #7d7dff;
|
||||||
|
}
|
||||||
|
.base-rygblue .color-magenta {
|
||||||
|
color: #ff7dff;
|
||||||
|
}
|
||||||
|
.base-rygblue .color-gray {
|
||||||
|
color: #bbbbbb;
|
||||||
|
}
|
||||||
|
/*# sourceMappingURL=rygblue.module.css.map */
|
||||||
1
src/targets/rygblue.module.css.map
Normal file
1
src/targets/rygblue.module.css.map
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"sources":["https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap","/mnt/tera/ext4/code/bluelib-2/src/rules/rygblue.less"],"names":[],"mappings":"AAAA;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,+FAA+F,OAAO,WAAtG;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,gFAAgF,OAAO,WAAvF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,oFAAoF,OAAO,WAA3F;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,8EAA8E,OAAO,WAArF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kFAAkF,OAAO,WAAzF;;AAjCD;EC4BG,yBAAA;EACA,cAAA;EACA,aARY,uBAQZ;;AD9BH,aAAA;ECgDO,2CAAA;EACA,sCAAA;;ADjDP,aAAA;ECgDO,2CAAA;EACA,sCAAA;;ADjDP,aAAA;ECgDO,2CAAA;EACA,sCAAA;;ADjDP,aAAA;EC0FO,cAAA;EACA,aApES,uBAoET;EACA,mBAAA;;AD5FP,aAAA;ECoGO,sCAAA;;ADpGP,aAAA;EC4GO,cAAA;EACA,qBAAA;;AAEA,aD/GP,gBC+GQ;EACG,cAAA;;AAGJ,aDnHP,gBCmHQ;EACG,cAAA;;ADpHX,aAAA;ECuKO,cAAA;;ADvKP,aAAA;ECmLO,8BAAA;EACA,0BAAA;;ADpLP,aAAA;ECwLO,aAhKQ,uBAgKR;;ADxLP,aAAA;EC4LO,aApKQ,uBAoKR;EACA,YAAA;EACA,kBAAA;;AD9LP,aAAA;ECqMO,cAAA;;ADrMP,aAAA;ECyMO,cAAA;;ADzMP,aAAA;EC6MO,cAAA;;AD7MP,aAAA;ECiNO,cAAA;;ADjNP,aAAA;ECqNO,cAAA;;ADrNP,aAAA;ECyNO,cAAA;;ADzNP,aAAA;EC6NO,cAAA;;AD7NP,aAAA;ECiOO,cAAA","file":"rygblue.module.css"}
|
||||||
2
src/targets/rygblue.module.less
Normal file
2
src/targets/rygblue.module.less
Normal file
|
|
@ -0,0 +1,2 @@
|
||||||
|
@import "../vars/module.less";
|
||||||
|
@import "../rules/rygblue.less";
|
||||||
173
src/targets/rygblue.root.css
Normal file
173
src/targets/rygblue.root.css
Normal file
|
|
@ -0,0 +1,173 @@
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Fira Code';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/firacode/v10/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sFVc.ttf) format('truetype');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Fira Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 400;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/firasans/v10/va9C4kDNxMZdWfMOD5VvkojO.ttf) format('truetype');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Fira Sans';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 700;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrByRBf_.ttf) format('truetype');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Fira Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5VfkA.ttf) format('truetype');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Fira Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3uQQ.ttf) format('truetype');
|
||||||
|
}
|
||||||
|
.base-rygblue,
|
||||||
|
body {
|
||||||
|
background-color: #0d193b;
|
||||||
|
color: #a0ccff;
|
||||||
|
font-family: "Fira Sans", sans-serif;
|
||||||
|
}
|
||||||
|
.base-rygblue .panel-box,
|
||||||
|
body .panel-box,
|
||||||
|
.base-rygblue section,
|
||||||
|
body section,
|
||||||
|
.base-rygblue .panel-blockquote,
|
||||||
|
body .panel-blockquote,
|
||||||
|
.base-rygblue blockquote,
|
||||||
|
body blockquote,
|
||||||
|
.base-rygblue .panel-aside,
|
||||||
|
body .panel-aside,
|
||||||
|
.base-rygblue aside,
|
||||||
|
body aside {
|
||||||
|
background-color: rgba(160, 204, 255, 0.02);
|
||||||
|
border-color: rgba(160, 204, 255, 0.1);
|
||||||
|
}
|
||||||
|
.base-rygblue .panel-blockquote,
|
||||||
|
body .panel-blockquote,
|
||||||
|
.base-rygblue blockquote,
|
||||||
|
body blockquote {
|
||||||
|
background-color: rgba(160, 204, 255, 0.02);
|
||||||
|
border-color: rgba(160, 204, 255, 0.1);
|
||||||
|
}
|
||||||
|
.base-rygblue .panel-aside,
|
||||||
|
body .panel-aside,
|
||||||
|
.base-rygblue aside,
|
||||||
|
body aside {
|
||||||
|
background-color: rgba(160, 204, 255, 0.02);
|
||||||
|
border-color: rgba(160, 204, 255, 0.1);
|
||||||
|
}
|
||||||
|
.base-rygblue .element-title,
|
||||||
|
body .element-title,
|
||||||
|
.base-rygblue h1,
|
||||||
|
body h1,
|
||||||
|
.base-rygblue h2,
|
||||||
|
body h2,
|
||||||
|
.base-rygblue h3,
|
||||||
|
body h3,
|
||||||
|
.base-rygblue h4,
|
||||||
|
body h4,
|
||||||
|
.base-rygblue h5,
|
||||||
|
body h5,
|
||||||
|
.base-rygblue h6,
|
||||||
|
body h6 {
|
||||||
|
color: #ffffff;
|
||||||
|
font-family: "Fira Sans", sans-serif;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
.base-rygblue .element-separator,
|
||||||
|
body .element-separator,
|
||||||
|
.base-rygblue hr,
|
||||||
|
body hr {
|
||||||
|
border-color: rgba(160, 204, 255, 0.1);
|
||||||
|
}
|
||||||
|
.base-rygblue .element-anchor,
|
||||||
|
body .element-anchor,
|
||||||
|
.base-rygblue a,
|
||||||
|
body a {
|
||||||
|
color: #00caca;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.base-rygblue .element-anchor:hover,
|
||||||
|
body .element-anchor:hover,
|
||||||
|
.base-rygblue a:hover,
|
||||||
|
body a:hover {
|
||||||
|
color: #00ffff;
|
||||||
|
}
|
||||||
|
.base-rygblue .element-anchor:active,
|
||||||
|
body .element-anchor:active,
|
||||||
|
.base-rygblue a:active,
|
||||||
|
body a:active {
|
||||||
|
color: #a0ffff;
|
||||||
|
}
|
||||||
|
.base-rygblue .style-bold,
|
||||||
|
body .style-bold,
|
||||||
|
.base-rygblue b,
|
||||||
|
body b {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.base-rygblue .style-strike,
|
||||||
|
body .style-strike,
|
||||||
|
.base-rygblue strike,
|
||||||
|
body strike {
|
||||||
|
text-decoration-color: #ff7d7d;
|
||||||
|
text-decoration-width: 2px;
|
||||||
|
}
|
||||||
|
.base-rygblue .style-monospace,
|
||||||
|
body .style-monospace,
|
||||||
|
.base-rygblue code,
|
||||||
|
body code {
|
||||||
|
font-family: "Fira Code", sans-serif;
|
||||||
|
}
|
||||||
|
.base-rygblue .style-keyboard,
|
||||||
|
body .style-keyboard,
|
||||||
|
.base-rygblue kbd,
|
||||||
|
body kbd {
|
||||||
|
font-family: "Fira Code", sans-serif;
|
||||||
|
padding: 3px;
|
||||||
|
border: 2px outset;
|
||||||
|
}
|
||||||
|
.base-rygblue .color-red,
|
||||||
|
body .color-red {
|
||||||
|
color: #ff7d7d;
|
||||||
|
}
|
||||||
|
.base-rygblue .color-orange,
|
||||||
|
body .color-orange {
|
||||||
|
color: #ffbb7d;
|
||||||
|
}
|
||||||
|
.base-rygblue .color-yellow,
|
||||||
|
body .color-yellow {
|
||||||
|
color: #ffff7d;
|
||||||
|
}
|
||||||
|
.base-rygblue .color-lime,
|
||||||
|
body .color-lime {
|
||||||
|
color: #7dff7d;
|
||||||
|
}
|
||||||
|
.base-rygblue .color-cyan,
|
||||||
|
body .color-cyan {
|
||||||
|
color: #7dffff;
|
||||||
|
}
|
||||||
|
.base-rygblue .color-blue,
|
||||||
|
body .color-blue {
|
||||||
|
color: #7d7dff;
|
||||||
|
}
|
||||||
|
.base-rygblue .color-magenta,
|
||||||
|
body .color-magenta {
|
||||||
|
color: #ff7dff;
|
||||||
|
}
|
||||||
|
.base-rygblue .color-gray,
|
||||||
|
body .color-gray {
|
||||||
|
color: #bbbbbb;
|
||||||
|
}
|
||||||
|
/*# sourceMappingURL=rygblue.root.css.map */
|
||||||
1
src/targets/rygblue.root.css.map
Normal file
1
src/targets/rygblue.root.css.map
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"sources":["https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap","/mnt/tera/ext4/code/bluelib-2/src/rules/rygblue.less"],"names":[],"mappings":"AAAA;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,+FAA+F,OAAO,WAAtG;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,gFAAgF,OAAO,WAAvF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,oFAAoF,OAAO,WAA3F;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,8EAA8E,OAAO,WAArF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kFAAkF,OAAO,WAAzF;;AAjCD;AACE;EC2BC,yBAAA;EACA,cAAA;EACA,aARY,uBAQZ;;AD9BH,aAAA;AACE,IADF;AAAA,aACD;AAAG,IAAH;AADC,aACQ;AAAN,IAAM;AADR,aAED;AADG,IACH;AAFC,aAEW;AADT,IACS;AAFX,aAGG;AAFD,IAEC;EC6CI,2CAAA;EACA,sCAAA;;ADjDP,aAAA;AACE,IADF;AAAA,aACM;AAAJ,IAAI;EC+CC,2CAAA;EACA,sCAAA;;ADjDP,aAAA;AACE,IADF;AAAA,aACC;AAAC,IAAD;EC+CM,2CAAA;EACA,sCAAA;;ADjDP,aAAA;AACE,IADF;AAAA,aACG;AAAD,IAAC;AADH,aACO;AAAL,IAAK;AADP,aACW;AAAT,IAAS;AADX,aACe;AAAb,IAAa;AADf,aACmB;AAAjB,IAAiB;AADnB,aACuB;AAArB,IAAqB;ECyFhB,cAAA;EACA,aApES,uBAoET;EACA,mBAAA;;AD5FP,aAAA;AACE,IADF;AAAA,aACO;AAAL,IAAK;ECmGA,sCAAA;;ADpGP,aAAA;AACE,IADF;AAAA,aACI;AAAF,IAAE;EC2GG,cAAA;EACA,qBAAA;;AAEA,aD/GP,gBC+GQ;AAAD,ID/GP,gBC+GQ;AAAD,aD9GH,EC8GI;AAAD,ID9GH,EC8GI;EACG,cAAA;;AAGJ,aDnHP,gBCmHQ;AAAD,IDnHP,gBCmHQ;AAAD,aDlHH,ECkHI;AAAD,IDlHH,ECkHI;EACG,cAAA;;ADpHX,aAAA;AACE,IADF;AAAA,aACA;AAAE,IAAF;ECsKO,cAAA;;ADvKP,aAAA;AACE,IADF;AAAA,aACE;AAAA,IAAA;ECkLK,8BAAA;EACA,0BAAA;;ADpLP,aAAA;AACE,IADF;AAAA,aACK;AAAH,IAAG;ECuLE,aAhKQ,uBAgKR;;ADxLP,aAAA;AACE,IADF;AAAA,aACI;AAAF,IAAE;EC2LG,aApKQ,uBAoKR;EACA,YAAA;EACA,kBAAA;;AD9LP,aAAA;AACE,IADF;ECqMO,cAAA;;ADrMP,aAAA;AACE,IADF;ECyMO,cAAA;;ADzMP,aAAA;AACE,IADF;EC6MO,cAAA;;AD7MP,aAAA;AACE,IADF;ECiNO,cAAA;;ADjNP,aAAA;AACE,IADF;ECqNO,cAAA;;ADrNP,aAAA;AACE,IADF;ECyNO,cAAA;;ADzNP,aAAA;AACE,IADF;EC6NO,cAAA;;AD7NP,aAAA;AACE,IADF;ECiOO,cAAA","file":"rygblue.root.css"}
|
||||||
2
src/targets/rygblue.root.less
Normal file
2
src/targets/rygblue.root.less
Normal file
|
|
@ -0,0 +1,2 @@
|
||||||
|
@import "../vars/root.less";
|
||||||
|
@import "../rules/rygblue.less";
|
||||||
158
src/targets/skeleton.module.css
Normal file
158
src/targets/skeleton.module.css
Normal file
|
|
@ -0,0 +1,158 @@
|
||||||
|
.base-skeleton {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.base-skeleton * {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.base-skeleton .container-main {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
max-width: 1280px;
|
||||||
|
}
|
||||||
|
.base-skeleton .panel {
|
||||||
|
margin: 8px 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.base-skeleton .panel > .element-paragraph:first-child,
|
||||||
|
.base-skeleton .panel .element-title:first-child,
|
||||||
|
.base-skeleton .panel .panel:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
.base-skeleton .panel > .element-paragraph:last-child,
|
||||||
|
.base-skeleton .panel .element-title:last-child,
|
||||||
|
.base-skeleton .panel .panel:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.base-skeleton .panel-box {
|
||||||
|
padding: 8px;
|
||||||
|
border-radius: 4px;
|
||||||
|
border-width: 2px;
|
||||||
|
border-style: solid;
|
||||||
|
background-color: rgba(0, 0, 0, 0.025);
|
||||||
|
}
|
||||||
|
.base-skeleton .panel-blockquote {
|
||||||
|
border-left-width: 2px;
|
||||||
|
border-top-width: 0;
|
||||||
|
border-bottom-width: 0;
|
||||||
|
border-right-width: 0;
|
||||||
|
}
|
||||||
|
.base-skeleton .panel-aside {
|
||||||
|
border-width: 0;
|
||||||
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
.base-skeleton .panel-split {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 8px;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.base-skeleton .panel-split > * {
|
||||||
|
flex-grow: 1;
|
||||||
|
flex-shrink: 0;
|
||||||
|
flex-basis: 0;
|
||||||
|
}
|
||||||
|
.base-skeleton .panel-split > .panel {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.base-skeleton .status-disabled {
|
||||||
|
cursor: not-allowed;
|
||||||
|
opacity: 50%;
|
||||||
|
}
|
||||||
|
.base-skeleton .status-hoverable {
|
||||||
|
cursor: help;
|
||||||
|
}
|
||||||
|
.base-skeleton .status-clickable {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.base-skeleton .spoiler {
|
||||||
|
filter: blur(5px);
|
||||||
|
}
|
||||||
|
.base-skeleton .spoiler:hover {
|
||||||
|
filter: none;
|
||||||
|
}
|
||||||
|
.base-skeleton .element-title {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.base-skeleton .element-separator {
|
||||||
|
border-width: 1px;
|
||||||
|
border-color: dimgrey;
|
||||||
|
}
|
||||||
|
.base-skeleton .element-list-item {
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
.base-skeleton .align-left {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.base-skeleton .align-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.base-skeleton .align-right {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.base-skeleton .size-xxl {
|
||||||
|
font-size: xx-large;
|
||||||
|
}
|
||||||
|
.base-skeleton .size-xl {
|
||||||
|
font-size: x-large;
|
||||||
|
}
|
||||||
|
.base-skeleton .size-l {
|
||||||
|
font-size: large;
|
||||||
|
}
|
||||||
|
.base-skeleton .size-m {
|
||||||
|
font-size: medium;
|
||||||
|
}
|
||||||
|
.base-skeleton .size-s {
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
.base-skeleton .size-xs {
|
||||||
|
font-size: x-small;
|
||||||
|
}
|
||||||
|
.base-skeleton .size-xxs {
|
||||||
|
font-size: xx-small;
|
||||||
|
}
|
||||||
|
.base-skeleton .style-bold {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.base-skeleton .style-italic {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.base-skeleton .style-underline {
|
||||||
|
text-decoration-line: underline;
|
||||||
|
}
|
||||||
|
.base-skeleton .style-strike {
|
||||||
|
text-decoration-line: line-through;
|
||||||
|
}
|
||||||
|
.base-skeleton .style-monospace {
|
||||||
|
font-family: monospace;
|
||||||
|
}
|
||||||
|
.base-skeleton .style-keyboard {
|
||||||
|
font-family: monospace;
|
||||||
|
padding: 4px;
|
||||||
|
border: 2px outset;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.base-skeleton .color-red {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
.base-skeleton .color-orange {
|
||||||
|
color: orange;
|
||||||
|
}
|
||||||
|
.base-skeleton .color-yellow {
|
||||||
|
color: #dddd00;
|
||||||
|
}
|
||||||
|
.base-skeleton .color-lime {
|
||||||
|
color: lime;
|
||||||
|
}
|
||||||
|
.base-skeleton .color-cyan {
|
||||||
|
color: cyan;
|
||||||
|
}
|
||||||
|
.base-skeleton .color-blue {
|
||||||
|
color: blue;
|
||||||
|
}
|
||||||
|
.base-skeleton .color-magenta {
|
||||||
|
color: magenta;
|
||||||
|
}
|
||||||
|
.base-skeleton .color-gray {
|
||||||
|
color: gray;
|
||||||
|
}
|
||||||
|
/*# sourceMappingURL=skeleton.module.css.map */
|
||||||
1
src/targets/skeleton.module.css.map
Normal file
1
src/targets/skeleton.module.css.map
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"sources":["/mnt/tera/ext4/code/bluelib-2/src/rules/skeleton.less"],"names":[],"mappings":"AAAC;EAIG,sBAAA;;AAJH,cAKG;EACI,sBAAA;;AANP,cAAA;EAYO,iBAAA;EACA,kBAAA;EACA,iBAAA;;AAdP,cAAA;EAsBO,aAAA;EACA,WAAA;;AAGI,cA1BX,OAAA,qBA0BY;AAAD,cA1BX,OACG,eAyBS;AAAD,cA1BX,OACmB,OAyBP;EACG,aAAA;;AAGJ,cA9BX,OAAA,qBA8BY;AAAD,cA9BX,OACG,eA6BS;AAAD,cA9BX,OACmB,OA6BP;EACG,gBAAA;;AA/Bf,cAAA;EAsCO,YAAA;EACA,kBAAA;EACA,iBAAA;EACA,mBAAA;EACA,sCAAA;;AA1CP,cAAA;EA+CO,sBAAA;EACA,mBAAA;EACA,sBAAA;EACA,qBAAA;;AAlDP,cAAA;EAuDO,eAAA;EACA,kBAAA;;AAxDP,cAAA;EA6DO,aAAA;EACA,eAAA;EACA,QAAA;EACA,uBAAA;;AAhEP,cAAA,aAkEO;EACI,YAAA;EACA,cAAA;EACA,aAAA;;AArEX,cAAA,aAAA;EAyEW,SAAA;;AAzEX,cAAA;EAgFO,mBAAA;EACA,YAAA;;AAjFP,cAAA;EAqFO,YAAA;;AArFP,cAAA;EAyFO,eAAA;;AAzFP,cAAA;EA+FO,QAAQ,SAAR;;AAEA,cAjGP,SAiGQ;EACG,YAAA;;AAlGX,cAAA;EAyGO,kBAAA;;AAzGP,cAAA;EAiHO,iBAAA;EACA,qBAAA;;AAlHP,cAAA;EAsHO,cAAA;;AAtHP,cAAA;EAgIO,gBAAA;;AAhIP,cAAA;EAoIO,kBAAA;;AApIP,cAAA;EAwIO,iBAAA;;AAxIP,cAAA;EA8IO,mBAAA;;AA9IP,cAAA;EAkJO,kBAAA;;AAlJP,cAAA;EAsJO,gBAAA;;AAtJP,cAAA;EA0JO,iBAAA;;AA1JP,cAAA;EA8JO,gBAAA;;AA9JP,cAAA;EAkKO,kBAAA;;AAlKP,cAAA;EAsKO,mBAAA;;AAtKP,cAAA;EA4KO,iBAAA;;AA5KP,cAAA;EAgLO,kBAAA;;AAhLP,cAAA;EAoLO,+BAAA;;AApLP,cAAA;EAwLO,kCAAA;;AAxLP,cAAA;EA4LO,sBAAA;;AA5LP,cAAA;EAgMO,sBAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;;AAnMP,cAAA;EAyMO,UAAA;;AAzMP,cAAA;EA6MO,aAAA;;AA7MP,cAAA;EAiNO,cAAA;;AAjNP,cAAA;EAqNO,WAAA;;AArNP,cAAA;EAyNO,WAAA;;AAzNP,cAAA;EA6NO,WAAA;;AA7NP,cAAA;EAiOO,cAAA;;AAjOP,cAAA;EAqOO,WAAA","file":"skeleton.module.css"}
|
||||||
2
src/targets/skeleton.module.less
Normal file
2
src/targets/skeleton.module.less
Normal file
|
|
@ -0,0 +1,2 @@
|
||||||
|
@import "../vars/module.less";
|
||||||
|
@import "../rules/skeleton.less";
|
||||||
828
src/targets/skeleton.root.css
Normal file
828
src/targets/skeleton.root.css
Normal file
|
|
@ -0,0 +1,828 @@
|
||||||
|
.base-skeleton,
|
||||||
|
body {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.base-skeleton *,
|
||||||
|
body * {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.base-skeleton .container-main,
|
||||||
|
body .container-main,
|
||||||
|
.base-skeleton main,
|
||||||
|
body main {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
max-width: 1280px;
|
||||||
|
}
|
||||||
|
.base-skeleton .panel,
|
||||||
|
body .panel,
|
||||||
|
.base-skeleton .panel-box,
|
||||||
|
body .panel-box,
|
||||||
|
.base-skeleton section,
|
||||||
|
body section,
|
||||||
|
.base-skeleton .panel-blockquote,
|
||||||
|
body .panel-blockquote,
|
||||||
|
.base-skeleton blockquote,
|
||||||
|
body blockquote,
|
||||||
|
.base-skeleton .panel-aside,
|
||||||
|
body .panel-aside,
|
||||||
|
.base-skeleton aside,
|
||||||
|
body aside,
|
||||||
|
.base-skeleton .panel-split,
|
||||||
|
body .panel-split {
|
||||||
|
margin: 8px 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.base-skeleton .panel > .element-paragraph:first-child,
|
||||||
|
body .panel > .element-paragraph:first-child,
|
||||||
|
.base-skeleton .panel-box > .element-paragraph:first-child,
|
||||||
|
body .panel-box > .element-paragraph:first-child,
|
||||||
|
.base-skeleton section > .element-paragraph:first-child,
|
||||||
|
body section > .element-paragraph:first-child,
|
||||||
|
.base-skeleton .panel-blockquote > .element-paragraph:first-child,
|
||||||
|
body .panel-blockquote > .element-paragraph:first-child,
|
||||||
|
.base-skeleton blockquote > .element-paragraph:first-child,
|
||||||
|
body blockquote > .element-paragraph:first-child,
|
||||||
|
.base-skeleton .panel-aside > .element-paragraph:first-child,
|
||||||
|
body .panel-aside > .element-paragraph:first-child,
|
||||||
|
.base-skeleton aside > .element-paragraph:first-child,
|
||||||
|
body aside > .element-paragraph:first-child,
|
||||||
|
.base-skeleton .panel-split > .element-paragraph:first-child,
|
||||||
|
body .panel-split > .element-paragraph:first-child,
|
||||||
|
.base-skeleton .panel p:first-child,
|
||||||
|
body .panel p:first-child,
|
||||||
|
.base-skeleton .panel-box p:first-child,
|
||||||
|
body .panel-box p:first-child,
|
||||||
|
.base-skeleton section p:first-child,
|
||||||
|
body section p:first-child,
|
||||||
|
.base-skeleton .panel-blockquote p:first-child,
|
||||||
|
body .panel-blockquote p:first-child,
|
||||||
|
.base-skeleton blockquote p:first-child,
|
||||||
|
body blockquote p:first-child,
|
||||||
|
.base-skeleton .panel-aside p:first-child,
|
||||||
|
body .panel-aside p:first-child,
|
||||||
|
.base-skeleton aside p:first-child,
|
||||||
|
body aside p:first-child,
|
||||||
|
.base-skeleton .panel-split p:first-child,
|
||||||
|
body .panel-split p:first-child,
|
||||||
|
.base-skeleton .panel .element-title:first-child,
|
||||||
|
body .panel .element-title:first-child,
|
||||||
|
.base-skeleton .panel-box .element-title:first-child,
|
||||||
|
body .panel-box .element-title:first-child,
|
||||||
|
.base-skeleton section .element-title:first-child,
|
||||||
|
body section .element-title:first-child,
|
||||||
|
.base-skeleton .panel-blockquote .element-title:first-child,
|
||||||
|
body .panel-blockquote .element-title:first-child,
|
||||||
|
.base-skeleton blockquote .element-title:first-child,
|
||||||
|
body blockquote .element-title:first-child,
|
||||||
|
.base-skeleton .panel-aside .element-title:first-child,
|
||||||
|
body .panel-aside .element-title:first-child,
|
||||||
|
.base-skeleton aside .element-title:first-child,
|
||||||
|
body aside .element-title:first-child,
|
||||||
|
.base-skeleton .panel-split .element-title:first-child,
|
||||||
|
body .panel-split .element-title:first-child,
|
||||||
|
.base-skeleton .panel h1:first-child,
|
||||||
|
body .panel h1:first-child,
|
||||||
|
.base-skeleton .panel-box h1:first-child,
|
||||||
|
body .panel-box h1:first-child,
|
||||||
|
.base-skeleton section h1:first-child,
|
||||||
|
body section h1:first-child,
|
||||||
|
.base-skeleton .panel-blockquote h1:first-child,
|
||||||
|
body .panel-blockquote h1:first-child,
|
||||||
|
.base-skeleton blockquote h1:first-child,
|
||||||
|
body blockquote h1:first-child,
|
||||||
|
.base-skeleton .panel-aside h1:first-child,
|
||||||
|
body .panel-aside h1:first-child,
|
||||||
|
.base-skeleton aside h1:first-child,
|
||||||
|
body aside h1:first-child,
|
||||||
|
.base-skeleton .panel-split h1:first-child,
|
||||||
|
body .panel-split h1:first-child,
|
||||||
|
.base-skeleton .panel h2:first-child,
|
||||||
|
body .panel h2:first-child,
|
||||||
|
.base-skeleton .panel-box h2:first-child,
|
||||||
|
body .panel-box h2:first-child,
|
||||||
|
.base-skeleton section h2:first-child,
|
||||||
|
body section h2:first-child,
|
||||||
|
.base-skeleton .panel-blockquote h2:first-child,
|
||||||
|
body .panel-blockquote h2:first-child,
|
||||||
|
.base-skeleton blockquote h2:first-child,
|
||||||
|
body blockquote h2:first-child,
|
||||||
|
.base-skeleton .panel-aside h2:first-child,
|
||||||
|
body .panel-aside h2:first-child,
|
||||||
|
.base-skeleton aside h2:first-child,
|
||||||
|
body aside h2:first-child,
|
||||||
|
.base-skeleton .panel-split h2:first-child,
|
||||||
|
body .panel-split h2:first-child,
|
||||||
|
.base-skeleton .panel h3:first-child,
|
||||||
|
body .panel h3:first-child,
|
||||||
|
.base-skeleton .panel-box h3:first-child,
|
||||||
|
body .panel-box h3:first-child,
|
||||||
|
.base-skeleton section h3:first-child,
|
||||||
|
body section h3:first-child,
|
||||||
|
.base-skeleton .panel-blockquote h3:first-child,
|
||||||
|
body .panel-blockquote h3:first-child,
|
||||||
|
.base-skeleton blockquote h3:first-child,
|
||||||
|
body blockquote h3:first-child,
|
||||||
|
.base-skeleton .panel-aside h3:first-child,
|
||||||
|
body .panel-aside h3:first-child,
|
||||||
|
.base-skeleton aside h3:first-child,
|
||||||
|
body aside h3:first-child,
|
||||||
|
.base-skeleton .panel-split h3:first-child,
|
||||||
|
body .panel-split h3:first-child,
|
||||||
|
.base-skeleton .panel h4:first-child,
|
||||||
|
body .panel h4:first-child,
|
||||||
|
.base-skeleton .panel-box h4:first-child,
|
||||||
|
body .panel-box h4:first-child,
|
||||||
|
.base-skeleton section h4:first-child,
|
||||||
|
body section h4:first-child,
|
||||||
|
.base-skeleton .panel-blockquote h4:first-child,
|
||||||
|
body .panel-blockquote h4:first-child,
|
||||||
|
.base-skeleton blockquote h4:first-child,
|
||||||
|
body blockquote h4:first-child,
|
||||||
|
.base-skeleton .panel-aside h4:first-child,
|
||||||
|
body .panel-aside h4:first-child,
|
||||||
|
.base-skeleton aside h4:first-child,
|
||||||
|
body aside h4:first-child,
|
||||||
|
.base-skeleton .panel-split h4:first-child,
|
||||||
|
body .panel-split h4:first-child,
|
||||||
|
.base-skeleton .panel h5:first-child,
|
||||||
|
body .panel h5:first-child,
|
||||||
|
.base-skeleton .panel-box h5:first-child,
|
||||||
|
body .panel-box h5:first-child,
|
||||||
|
.base-skeleton section h5:first-child,
|
||||||
|
body section h5:first-child,
|
||||||
|
.base-skeleton .panel-blockquote h5:first-child,
|
||||||
|
body .panel-blockquote h5:first-child,
|
||||||
|
.base-skeleton blockquote h5:first-child,
|
||||||
|
body blockquote h5:first-child,
|
||||||
|
.base-skeleton .panel-aside h5:first-child,
|
||||||
|
body .panel-aside h5:first-child,
|
||||||
|
.base-skeleton aside h5:first-child,
|
||||||
|
body aside h5:first-child,
|
||||||
|
.base-skeleton .panel-split h5:first-child,
|
||||||
|
body .panel-split h5:first-child,
|
||||||
|
.base-skeleton .panel h6:first-child,
|
||||||
|
body .panel h6:first-child,
|
||||||
|
.base-skeleton .panel-box h6:first-child,
|
||||||
|
body .panel-box h6:first-child,
|
||||||
|
.base-skeleton section h6:first-child,
|
||||||
|
body section h6:first-child,
|
||||||
|
.base-skeleton .panel-blockquote h6:first-child,
|
||||||
|
body .panel-blockquote h6:first-child,
|
||||||
|
.base-skeleton blockquote h6:first-child,
|
||||||
|
body blockquote h6:first-child,
|
||||||
|
.base-skeleton .panel-aside h6:first-child,
|
||||||
|
body .panel-aside h6:first-child,
|
||||||
|
.base-skeleton aside h6:first-child,
|
||||||
|
body aside h6:first-child,
|
||||||
|
.base-skeleton .panel-split h6:first-child,
|
||||||
|
body .panel-split h6:first-child,
|
||||||
|
.base-skeleton .panel .panel:first-child,
|
||||||
|
body .panel .panel:first-child,
|
||||||
|
.base-skeleton .panel-box .panel:first-child,
|
||||||
|
body .panel-box .panel:first-child,
|
||||||
|
.base-skeleton section .panel:first-child,
|
||||||
|
body section .panel:first-child,
|
||||||
|
.base-skeleton .panel-blockquote .panel:first-child,
|
||||||
|
body .panel-blockquote .panel:first-child,
|
||||||
|
.base-skeleton blockquote .panel:first-child,
|
||||||
|
body blockquote .panel:first-child,
|
||||||
|
.base-skeleton .panel-aside .panel:first-child,
|
||||||
|
body .panel-aside .panel:first-child,
|
||||||
|
.base-skeleton aside .panel:first-child,
|
||||||
|
body aside .panel:first-child,
|
||||||
|
.base-skeleton .panel-split .panel:first-child,
|
||||||
|
body .panel-split .panel:first-child,
|
||||||
|
.base-skeleton .panel .panel-box:first-child,
|
||||||
|
body .panel .panel-box:first-child,
|
||||||
|
.base-skeleton .panel-box .panel-box:first-child,
|
||||||
|
body .panel-box .panel-box:first-child,
|
||||||
|
.base-skeleton section .panel-box:first-child,
|
||||||
|
body section .panel-box:first-child,
|
||||||
|
.base-skeleton .panel-blockquote .panel-box:first-child,
|
||||||
|
body .panel-blockquote .panel-box:first-child,
|
||||||
|
.base-skeleton blockquote .panel-box:first-child,
|
||||||
|
body blockquote .panel-box:first-child,
|
||||||
|
.base-skeleton .panel-aside .panel-box:first-child,
|
||||||
|
body .panel-aside .panel-box:first-child,
|
||||||
|
.base-skeleton aside .panel-box:first-child,
|
||||||
|
body aside .panel-box:first-child,
|
||||||
|
.base-skeleton .panel-split .panel-box:first-child,
|
||||||
|
body .panel-split .panel-box:first-child,
|
||||||
|
.base-skeleton .panel section:first-child,
|
||||||
|
body .panel section:first-child,
|
||||||
|
.base-skeleton .panel-box section:first-child,
|
||||||
|
body .panel-box section:first-child,
|
||||||
|
.base-skeleton section section:first-child,
|
||||||
|
body section section:first-child,
|
||||||
|
.base-skeleton .panel-blockquote section:first-child,
|
||||||
|
body .panel-blockquote section:first-child,
|
||||||
|
.base-skeleton blockquote section:first-child,
|
||||||
|
body blockquote section:first-child,
|
||||||
|
.base-skeleton .panel-aside section:first-child,
|
||||||
|
body .panel-aside section:first-child,
|
||||||
|
.base-skeleton aside section:first-child,
|
||||||
|
body aside section:first-child,
|
||||||
|
.base-skeleton .panel-split section:first-child,
|
||||||
|
body .panel-split section:first-child,
|
||||||
|
.base-skeleton .panel .panel-blockquote:first-child,
|
||||||
|
body .panel .panel-blockquote:first-child,
|
||||||
|
.base-skeleton .panel-box .panel-blockquote:first-child,
|
||||||
|
body .panel-box .panel-blockquote:first-child,
|
||||||
|
.base-skeleton section .panel-blockquote:first-child,
|
||||||
|
body section .panel-blockquote:first-child,
|
||||||
|
.base-skeleton .panel-blockquote .panel-blockquote:first-child,
|
||||||
|
body .panel-blockquote .panel-blockquote:first-child,
|
||||||
|
.base-skeleton blockquote .panel-blockquote:first-child,
|
||||||
|
body blockquote .panel-blockquote:first-child,
|
||||||
|
.base-skeleton .panel-aside .panel-blockquote:first-child,
|
||||||
|
body .panel-aside .panel-blockquote:first-child,
|
||||||
|
.base-skeleton aside .panel-blockquote:first-child,
|
||||||
|
body aside .panel-blockquote:first-child,
|
||||||
|
.base-skeleton .panel-split .panel-blockquote:first-child,
|
||||||
|
body .panel-split .panel-blockquote:first-child,
|
||||||
|
.base-skeleton .panel blockquote:first-child,
|
||||||
|
body .panel blockquote:first-child,
|
||||||
|
.base-skeleton .panel-box blockquote:first-child,
|
||||||
|
body .panel-box blockquote:first-child,
|
||||||
|
.base-skeleton section blockquote:first-child,
|
||||||
|
body section blockquote:first-child,
|
||||||
|
.base-skeleton .panel-blockquote blockquote:first-child,
|
||||||
|
body .panel-blockquote blockquote:first-child,
|
||||||
|
.base-skeleton blockquote blockquote:first-child,
|
||||||
|
body blockquote blockquote:first-child,
|
||||||
|
.base-skeleton .panel-aside blockquote:first-child,
|
||||||
|
body .panel-aside blockquote:first-child,
|
||||||
|
.base-skeleton aside blockquote:first-child,
|
||||||
|
body aside blockquote:first-child,
|
||||||
|
.base-skeleton .panel-split blockquote:first-child,
|
||||||
|
body .panel-split blockquote:first-child,
|
||||||
|
.base-skeleton .panel .panel-aside:first-child,
|
||||||
|
body .panel .panel-aside:first-child,
|
||||||
|
.base-skeleton .panel-box .panel-aside:first-child,
|
||||||
|
body .panel-box .panel-aside:first-child,
|
||||||
|
.base-skeleton section .panel-aside:first-child,
|
||||||
|
body section .panel-aside:first-child,
|
||||||
|
.base-skeleton .panel-blockquote .panel-aside:first-child,
|
||||||
|
body .panel-blockquote .panel-aside:first-child,
|
||||||
|
.base-skeleton blockquote .panel-aside:first-child,
|
||||||
|
body blockquote .panel-aside:first-child,
|
||||||
|
.base-skeleton .panel-aside .panel-aside:first-child,
|
||||||
|
body .panel-aside .panel-aside:first-child,
|
||||||
|
.base-skeleton aside .panel-aside:first-child,
|
||||||
|
body aside .panel-aside:first-child,
|
||||||
|
.base-skeleton .panel-split .panel-aside:first-child,
|
||||||
|
body .panel-split .panel-aside:first-child,
|
||||||
|
.base-skeleton .panel aside:first-child,
|
||||||
|
body .panel aside:first-child,
|
||||||
|
.base-skeleton .panel-box aside:first-child,
|
||||||
|
body .panel-box aside:first-child,
|
||||||
|
.base-skeleton section aside:first-child,
|
||||||
|
body section aside:first-child,
|
||||||
|
.base-skeleton .panel-blockquote aside:first-child,
|
||||||
|
body .panel-blockquote aside:first-child,
|
||||||
|
.base-skeleton blockquote aside:first-child,
|
||||||
|
body blockquote aside:first-child,
|
||||||
|
.base-skeleton .panel-aside aside:first-child,
|
||||||
|
body .panel-aside aside:first-child,
|
||||||
|
.base-skeleton aside aside:first-child,
|
||||||
|
body aside aside:first-child,
|
||||||
|
.base-skeleton .panel-split aside:first-child,
|
||||||
|
body .panel-split aside:first-child,
|
||||||
|
.base-skeleton .panel .panel-split:first-child,
|
||||||
|
body .panel .panel-split:first-child,
|
||||||
|
.base-skeleton .panel-box .panel-split:first-child,
|
||||||
|
body .panel-box .panel-split:first-child,
|
||||||
|
.base-skeleton section .panel-split:first-child,
|
||||||
|
body section .panel-split:first-child,
|
||||||
|
.base-skeleton .panel-blockquote .panel-split:first-child,
|
||||||
|
body .panel-blockquote .panel-split:first-child,
|
||||||
|
.base-skeleton blockquote .panel-split:first-child,
|
||||||
|
body blockquote .panel-split:first-child,
|
||||||
|
.base-skeleton .panel-aside .panel-split:first-child,
|
||||||
|
body .panel-aside .panel-split:first-child,
|
||||||
|
.base-skeleton aside .panel-split:first-child,
|
||||||
|
body aside .panel-split:first-child,
|
||||||
|
.base-skeleton .panel-split .panel-split:first-child,
|
||||||
|
body .panel-split .panel-split:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
.base-skeleton .panel > .element-paragraph:last-child,
|
||||||
|
body .panel > .element-paragraph:last-child,
|
||||||
|
.base-skeleton .panel-box > .element-paragraph:last-child,
|
||||||
|
body .panel-box > .element-paragraph:last-child,
|
||||||
|
.base-skeleton section > .element-paragraph:last-child,
|
||||||
|
body section > .element-paragraph:last-child,
|
||||||
|
.base-skeleton .panel-blockquote > .element-paragraph:last-child,
|
||||||
|
body .panel-blockquote > .element-paragraph:last-child,
|
||||||
|
.base-skeleton blockquote > .element-paragraph:last-child,
|
||||||
|
body blockquote > .element-paragraph:last-child,
|
||||||
|
.base-skeleton .panel-aside > .element-paragraph:last-child,
|
||||||
|
body .panel-aside > .element-paragraph:last-child,
|
||||||
|
.base-skeleton aside > .element-paragraph:last-child,
|
||||||
|
body aside > .element-paragraph:last-child,
|
||||||
|
.base-skeleton .panel-split > .element-paragraph:last-child,
|
||||||
|
body .panel-split > .element-paragraph:last-child,
|
||||||
|
.base-skeleton .panel p:last-child,
|
||||||
|
body .panel p:last-child,
|
||||||
|
.base-skeleton .panel-box p:last-child,
|
||||||
|
body .panel-box p:last-child,
|
||||||
|
.base-skeleton section p:last-child,
|
||||||
|
body section p:last-child,
|
||||||
|
.base-skeleton .panel-blockquote p:last-child,
|
||||||
|
body .panel-blockquote p:last-child,
|
||||||
|
.base-skeleton blockquote p:last-child,
|
||||||
|
body blockquote p:last-child,
|
||||||
|
.base-skeleton .panel-aside p:last-child,
|
||||||
|
body .panel-aside p:last-child,
|
||||||
|
.base-skeleton aside p:last-child,
|
||||||
|
body aside p:last-child,
|
||||||
|
.base-skeleton .panel-split p:last-child,
|
||||||
|
body .panel-split p:last-child,
|
||||||
|
.base-skeleton .panel .element-title:last-child,
|
||||||
|
body .panel .element-title:last-child,
|
||||||
|
.base-skeleton .panel-box .element-title:last-child,
|
||||||
|
body .panel-box .element-title:last-child,
|
||||||
|
.base-skeleton section .element-title:last-child,
|
||||||
|
body section .element-title:last-child,
|
||||||
|
.base-skeleton .panel-blockquote .element-title:last-child,
|
||||||
|
body .panel-blockquote .element-title:last-child,
|
||||||
|
.base-skeleton blockquote .element-title:last-child,
|
||||||
|
body blockquote .element-title:last-child,
|
||||||
|
.base-skeleton .panel-aside .element-title:last-child,
|
||||||
|
body .panel-aside .element-title:last-child,
|
||||||
|
.base-skeleton aside .element-title:last-child,
|
||||||
|
body aside .element-title:last-child,
|
||||||
|
.base-skeleton .panel-split .element-title:last-child,
|
||||||
|
body .panel-split .element-title:last-child,
|
||||||
|
.base-skeleton .panel h1:last-child,
|
||||||
|
body .panel h1:last-child,
|
||||||
|
.base-skeleton .panel-box h1:last-child,
|
||||||
|
body .panel-box h1:last-child,
|
||||||
|
.base-skeleton section h1:last-child,
|
||||||
|
body section h1:last-child,
|
||||||
|
.base-skeleton .panel-blockquote h1:last-child,
|
||||||
|
body .panel-blockquote h1:last-child,
|
||||||
|
.base-skeleton blockquote h1:last-child,
|
||||||
|
body blockquote h1:last-child,
|
||||||
|
.base-skeleton .panel-aside h1:last-child,
|
||||||
|
body .panel-aside h1:last-child,
|
||||||
|
.base-skeleton aside h1:last-child,
|
||||||
|
body aside h1:last-child,
|
||||||
|
.base-skeleton .panel-split h1:last-child,
|
||||||
|
body .panel-split h1:last-child,
|
||||||
|
.base-skeleton .panel h2:last-child,
|
||||||
|
body .panel h2:last-child,
|
||||||
|
.base-skeleton .panel-box h2:last-child,
|
||||||
|
body .panel-box h2:last-child,
|
||||||
|
.base-skeleton section h2:last-child,
|
||||||
|
body section h2:last-child,
|
||||||
|
.base-skeleton .panel-blockquote h2:last-child,
|
||||||
|
body .panel-blockquote h2:last-child,
|
||||||
|
.base-skeleton blockquote h2:last-child,
|
||||||
|
body blockquote h2:last-child,
|
||||||
|
.base-skeleton .panel-aside h2:last-child,
|
||||||
|
body .panel-aside h2:last-child,
|
||||||
|
.base-skeleton aside h2:last-child,
|
||||||
|
body aside h2:last-child,
|
||||||
|
.base-skeleton .panel-split h2:last-child,
|
||||||
|
body .panel-split h2:last-child,
|
||||||
|
.base-skeleton .panel h3:last-child,
|
||||||
|
body .panel h3:last-child,
|
||||||
|
.base-skeleton .panel-box h3:last-child,
|
||||||
|
body .panel-box h3:last-child,
|
||||||
|
.base-skeleton section h3:last-child,
|
||||||
|
body section h3:last-child,
|
||||||
|
.base-skeleton .panel-blockquote h3:last-child,
|
||||||
|
body .panel-blockquote h3:last-child,
|
||||||
|
.base-skeleton blockquote h3:last-child,
|
||||||
|
body blockquote h3:last-child,
|
||||||
|
.base-skeleton .panel-aside h3:last-child,
|
||||||
|
body .panel-aside h3:last-child,
|
||||||
|
.base-skeleton aside h3:last-child,
|
||||||
|
body aside h3:last-child,
|
||||||
|
.base-skeleton .panel-split h3:last-child,
|
||||||
|
body .panel-split h3:last-child,
|
||||||
|
.base-skeleton .panel h4:last-child,
|
||||||
|
body .panel h4:last-child,
|
||||||
|
.base-skeleton .panel-box h4:last-child,
|
||||||
|
body .panel-box h4:last-child,
|
||||||
|
.base-skeleton section h4:last-child,
|
||||||
|
body section h4:last-child,
|
||||||
|
.base-skeleton .panel-blockquote h4:last-child,
|
||||||
|
body .panel-blockquote h4:last-child,
|
||||||
|
.base-skeleton blockquote h4:last-child,
|
||||||
|
body blockquote h4:last-child,
|
||||||
|
.base-skeleton .panel-aside h4:last-child,
|
||||||
|
body .panel-aside h4:last-child,
|
||||||
|
.base-skeleton aside h4:last-child,
|
||||||
|
body aside h4:last-child,
|
||||||
|
.base-skeleton .panel-split h4:last-child,
|
||||||
|
body .panel-split h4:last-child,
|
||||||
|
.base-skeleton .panel h5:last-child,
|
||||||
|
body .panel h5:last-child,
|
||||||
|
.base-skeleton .panel-box h5:last-child,
|
||||||
|
body .panel-box h5:last-child,
|
||||||
|
.base-skeleton section h5:last-child,
|
||||||
|
body section h5:last-child,
|
||||||
|
.base-skeleton .panel-blockquote h5:last-child,
|
||||||
|
body .panel-blockquote h5:last-child,
|
||||||
|
.base-skeleton blockquote h5:last-child,
|
||||||
|
body blockquote h5:last-child,
|
||||||
|
.base-skeleton .panel-aside h5:last-child,
|
||||||
|
body .panel-aside h5:last-child,
|
||||||
|
.base-skeleton aside h5:last-child,
|
||||||
|
body aside h5:last-child,
|
||||||
|
.base-skeleton .panel-split h5:last-child,
|
||||||
|
body .panel-split h5:last-child,
|
||||||
|
.base-skeleton .panel h6:last-child,
|
||||||
|
body .panel h6:last-child,
|
||||||
|
.base-skeleton .panel-box h6:last-child,
|
||||||
|
body .panel-box h6:last-child,
|
||||||
|
.base-skeleton section h6:last-child,
|
||||||
|
body section h6:last-child,
|
||||||
|
.base-skeleton .panel-blockquote h6:last-child,
|
||||||
|
body .panel-blockquote h6:last-child,
|
||||||
|
.base-skeleton blockquote h6:last-child,
|
||||||
|
body blockquote h6:last-child,
|
||||||
|
.base-skeleton .panel-aside h6:last-child,
|
||||||
|
body .panel-aside h6:last-child,
|
||||||
|
.base-skeleton aside h6:last-child,
|
||||||
|
body aside h6:last-child,
|
||||||
|
.base-skeleton .panel-split h6:last-child,
|
||||||
|
body .panel-split h6:last-child,
|
||||||
|
.base-skeleton .panel .panel:last-child,
|
||||||
|
body .panel .panel:last-child,
|
||||||
|
.base-skeleton .panel-box .panel:last-child,
|
||||||
|
body .panel-box .panel:last-child,
|
||||||
|
.base-skeleton section .panel:last-child,
|
||||||
|
body section .panel:last-child,
|
||||||
|
.base-skeleton .panel-blockquote .panel:last-child,
|
||||||
|
body .panel-blockquote .panel:last-child,
|
||||||
|
.base-skeleton blockquote .panel:last-child,
|
||||||
|
body blockquote .panel:last-child,
|
||||||
|
.base-skeleton .panel-aside .panel:last-child,
|
||||||
|
body .panel-aside .panel:last-child,
|
||||||
|
.base-skeleton aside .panel:last-child,
|
||||||
|
body aside .panel:last-child,
|
||||||
|
.base-skeleton .panel-split .panel:last-child,
|
||||||
|
body .panel-split .panel:last-child,
|
||||||
|
.base-skeleton .panel .panel-box:last-child,
|
||||||
|
body .panel .panel-box:last-child,
|
||||||
|
.base-skeleton .panel-box .panel-box:last-child,
|
||||||
|
body .panel-box .panel-box:last-child,
|
||||||
|
.base-skeleton section .panel-box:last-child,
|
||||||
|
body section .panel-box:last-child,
|
||||||
|
.base-skeleton .panel-blockquote .panel-box:last-child,
|
||||||
|
body .panel-blockquote .panel-box:last-child,
|
||||||
|
.base-skeleton blockquote .panel-box:last-child,
|
||||||
|
body blockquote .panel-box:last-child,
|
||||||
|
.base-skeleton .panel-aside .panel-box:last-child,
|
||||||
|
body .panel-aside .panel-box:last-child,
|
||||||
|
.base-skeleton aside .panel-box:last-child,
|
||||||
|
body aside .panel-box:last-child,
|
||||||
|
.base-skeleton .panel-split .panel-box:last-child,
|
||||||
|
body .panel-split .panel-box:last-child,
|
||||||
|
.base-skeleton .panel section:last-child,
|
||||||
|
body .panel section:last-child,
|
||||||
|
.base-skeleton .panel-box section:last-child,
|
||||||
|
body .panel-box section:last-child,
|
||||||
|
.base-skeleton section section:last-child,
|
||||||
|
body section section:last-child,
|
||||||
|
.base-skeleton .panel-blockquote section:last-child,
|
||||||
|
body .panel-blockquote section:last-child,
|
||||||
|
.base-skeleton blockquote section:last-child,
|
||||||
|
body blockquote section:last-child,
|
||||||
|
.base-skeleton .panel-aside section:last-child,
|
||||||
|
body .panel-aside section:last-child,
|
||||||
|
.base-skeleton aside section:last-child,
|
||||||
|
body aside section:last-child,
|
||||||
|
.base-skeleton .panel-split section:last-child,
|
||||||
|
body .panel-split section:last-child,
|
||||||
|
.base-skeleton .panel .panel-blockquote:last-child,
|
||||||
|
body .panel .panel-blockquote:last-child,
|
||||||
|
.base-skeleton .panel-box .panel-blockquote:last-child,
|
||||||
|
body .panel-box .panel-blockquote:last-child,
|
||||||
|
.base-skeleton section .panel-blockquote:last-child,
|
||||||
|
body section .panel-blockquote:last-child,
|
||||||
|
.base-skeleton .panel-blockquote .panel-blockquote:last-child,
|
||||||
|
body .panel-blockquote .panel-blockquote:last-child,
|
||||||
|
.base-skeleton blockquote .panel-blockquote:last-child,
|
||||||
|
body blockquote .panel-blockquote:last-child,
|
||||||
|
.base-skeleton .panel-aside .panel-blockquote:last-child,
|
||||||
|
body .panel-aside .panel-blockquote:last-child,
|
||||||
|
.base-skeleton aside .panel-blockquote:last-child,
|
||||||
|
body aside .panel-blockquote:last-child,
|
||||||
|
.base-skeleton .panel-split .panel-blockquote:last-child,
|
||||||
|
body .panel-split .panel-blockquote:last-child,
|
||||||
|
.base-skeleton .panel blockquote:last-child,
|
||||||
|
body .panel blockquote:last-child,
|
||||||
|
.base-skeleton .panel-box blockquote:last-child,
|
||||||
|
body .panel-box blockquote:last-child,
|
||||||
|
.base-skeleton section blockquote:last-child,
|
||||||
|
body section blockquote:last-child,
|
||||||
|
.base-skeleton .panel-blockquote blockquote:last-child,
|
||||||
|
body .panel-blockquote blockquote:last-child,
|
||||||
|
.base-skeleton blockquote blockquote:last-child,
|
||||||
|
body blockquote blockquote:last-child,
|
||||||
|
.base-skeleton .panel-aside blockquote:last-child,
|
||||||
|
body .panel-aside blockquote:last-child,
|
||||||
|
.base-skeleton aside blockquote:last-child,
|
||||||
|
body aside blockquote:last-child,
|
||||||
|
.base-skeleton .panel-split blockquote:last-child,
|
||||||
|
body .panel-split blockquote:last-child,
|
||||||
|
.base-skeleton .panel .panel-aside:last-child,
|
||||||
|
body .panel .panel-aside:last-child,
|
||||||
|
.base-skeleton .panel-box .panel-aside:last-child,
|
||||||
|
body .panel-box .panel-aside:last-child,
|
||||||
|
.base-skeleton section .panel-aside:last-child,
|
||||||
|
body section .panel-aside:last-child,
|
||||||
|
.base-skeleton .panel-blockquote .panel-aside:last-child,
|
||||||
|
body .panel-blockquote .panel-aside:last-child,
|
||||||
|
.base-skeleton blockquote .panel-aside:last-child,
|
||||||
|
body blockquote .panel-aside:last-child,
|
||||||
|
.base-skeleton .panel-aside .panel-aside:last-child,
|
||||||
|
body .panel-aside .panel-aside:last-child,
|
||||||
|
.base-skeleton aside .panel-aside:last-child,
|
||||||
|
body aside .panel-aside:last-child,
|
||||||
|
.base-skeleton .panel-split .panel-aside:last-child,
|
||||||
|
body .panel-split .panel-aside:last-child,
|
||||||
|
.base-skeleton .panel aside:last-child,
|
||||||
|
body .panel aside:last-child,
|
||||||
|
.base-skeleton .panel-box aside:last-child,
|
||||||
|
body .panel-box aside:last-child,
|
||||||
|
.base-skeleton section aside:last-child,
|
||||||
|
body section aside:last-child,
|
||||||
|
.base-skeleton .panel-blockquote aside:last-child,
|
||||||
|
body .panel-blockquote aside:last-child,
|
||||||
|
.base-skeleton blockquote aside:last-child,
|
||||||
|
body blockquote aside:last-child,
|
||||||
|
.base-skeleton .panel-aside aside:last-child,
|
||||||
|
body .panel-aside aside:last-child,
|
||||||
|
.base-skeleton aside aside:last-child,
|
||||||
|
body aside aside:last-child,
|
||||||
|
.base-skeleton .panel-split aside:last-child,
|
||||||
|
body .panel-split aside:last-child,
|
||||||
|
.base-skeleton .panel .panel-split:last-child,
|
||||||
|
body .panel .panel-split:last-child,
|
||||||
|
.base-skeleton .panel-box .panel-split:last-child,
|
||||||
|
body .panel-box .panel-split:last-child,
|
||||||
|
.base-skeleton section .panel-split:last-child,
|
||||||
|
body section .panel-split:last-child,
|
||||||
|
.base-skeleton .panel-blockquote .panel-split:last-child,
|
||||||
|
body .panel-blockquote .panel-split:last-child,
|
||||||
|
.base-skeleton blockquote .panel-split:last-child,
|
||||||
|
body blockquote .panel-split:last-child,
|
||||||
|
.base-skeleton .panel-aside .panel-split:last-child,
|
||||||
|
body .panel-aside .panel-split:last-child,
|
||||||
|
.base-skeleton aside .panel-split:last-child,
|
||||||
|
body aside .panel-split:last-child,
|
||||||
|
.base-skeleton .panel-split .panel-split:last-child,
|
||||||
|
body .panel-split .panel-split:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.base-skeleton .panel-box,
|
||||||
|
body .panel-box,
|
||||||
|
.base-skeleton section,
|
||||||
|
body section,
|
||||||
|
.base-skeleton .panel-blockquote,
|
||||||
|
body .panel-blockquote,
|
||||||
|
.base-skeleton blockquote,
|
||||||
|
body blockquote,
|
||||||
|
.base-skeleton .panel-aside,
|
||||||
|
body .panel-aside,
|
||||||
|
.base-skeleton aside,
|
||||||
|
body aside {
|
||||||
|
padding: 8px;
|
||||||
|
border-radius: 4px;
|
||||||
|
border-width: 2px;
|
||||||
|
border-style: solid;
|
||||||
|
background-color: rgba(0, 0, 0, 0.025);
|
||||||
|
}
|
||||||
|
.base-skeleton .panel-blockquote,
|
||||||
|
body .panel-blockquote,
|
||||||
|
.base-skeleton blockquote,
|
||||||
|
body blockquote {
|
||||||
|
border-left-width: 2px;
|
||||||
|
border-top-width: 0;
|
||||||
|
border-bottom-width: 0;
|
||||||
|
border-right-width: 0;
|
||||||
|
}
|
||||||
|
.base-skeleton .panel-aside,
|
||||||
|
body .panel-aside,
|
||||||
|
.base-skeleton aside,
|
||||||
|
body aside {
|
||||||
|
border-width: 0;
|
||||||
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
.base-skeleton .panel-split,
|
||||||
|
body .panel-split {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 8px;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.base-skeleton .panel-split > *,
|
||||||
|
body .panel-split > * {
|
||||||
|
flex-grow: 1;
|
||||||
|
flex-shrink: 0;
|
||||||
|
flex-basis: 0;
|
||||||
|
}
|
||||||
|
.base-skeleton .panel-split > .panel,
|
||||||
|
body .panel-split > .panel,
|
||||||
|
.base-skeleton .panel-split .panel-box,
|
||||||
|
body .panel-split .panel-box,
|
||||||
|
.base-skeleton .panel-split section,
|
||||||
|
body .panel-split section,
|
||||||
|
.base-skeleton .panel-split .panel-blockquote,
|
||||||
|
body .panel-split .panel-blockquote,
|
||||||
|
.base-skeleton .panel-split blockquote,
|
||||||
|
body .panel-split blockquote,
|
||||||
|
.base-skeleton .panel-split .panel-aside,
|
||||||
|
body .panel-split .panel-aside,
|
||||||
|
.base-skeleton .panel-split aside,
|
||||||
|
body .panel-split aside,
|
||||||
|
.base-skeleton .panel-split .panel-split,
|
||||||
|
body .panel-split .panel-split {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.base-skeleton .status-disabled,
|
||||||
|
body .status-disabled,
|
||||||
|
.base-skeleton *[disabled],
|
||||||
|
body *[disabled] {
|
||||||
|
cursor: not-allowed;
|
||||||
|
opacity: 50%;
|
||||||
|
}
|
||||||
|
.base-skeleton .status-hoverable,
|
||||||
|
body .status-hoverable,
|
||||||
|
.base-skeleton *[title],
|
||||||
|
body *[title] {
|
||||||
|
cursor: help;
|
||||||
|
}
|
||||||
|
.base-skeleton .status-clickable,
|
||||||
|
body .status-clickable,
|
||||||
|
.base-skeleton *[onclick],
|
||||||
|
body *[onclick] {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.base-skeleton .spoiler,
|
||||||
|
body .spoiler {
|
||||||
|
filter: blur(5px);
|
||||||
|
}
|
||||||
|
.base-skeleton .spoiler:hover,
|
||||||
|
body .spoiler:hover {
|
||||||
|
filter: none;
|
||||||
|
}
|
||||||
|
.base-skeleton .element-title,
|
||||||
|
body .element-title,
|
||||||
|
.base-skeleton h1,
|
||||||
|
body h1,
|
||||||
|
.base-skeleton h2,
|
||||||
|
body h2,
|
||||||
|
.base-skeleton h3,
|
||||||
|
body h3,
|
||||||
|
.base-skeleton h4,
|
||||||
|
body h4,
|
||||||
|
.base-skeleton h5,
|
||||||
|
body h5,
|
||||||
|
.base-skeleton h6,
|
||||||
|
body h6 {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.base-skeleton .element-separator,
|
||||||
|
body .element-separator,
|
||||||
|
.base-skeleton hr,
|
||||||
|
body hr {
|
||||||
|
border-width: 1px;
|
||||||
|
border-color: dimgrey;
|
||||||
|
}
|
||||||
|
.base-skeleton .element-list-item,
|
||||||
|
body .element-list-item,
|
||||||
|
.base-skeleton li,
|
||||||
|
body li {
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
.base-skeleton .align-left,
|
||||||
|
body .align-left {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.base-skeleton .align-center,
|
||||||
|
body .align-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.base-skeleton .align-right,
|
||||||
|
body .align-right {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.base-skeleton .size-xxl,
|
||||||
|
body .size-xxl,
|
||||||
|
.base-skeleton h1,
|
||||||
|
body h1 {
|
||||||
|
font-size: xx-large;
|
||||||
|
}
|
||||||
|
.base-skeleton .size-xl,
|
||||||
|
body .size-xl,
|
||||||
|
.base-skeleton h2,
|
||||||
|
body h2 {
|
||||||
|
font-size: x-large;
|
||||||
|
}
|
||||||
|
.base-skeleton .size-l,
|
||||||
|
body .size-l,
|
||||||
|
.base-skeleton h3,
|
||||||
|
body h3 {
|
||||||
|
font-size: large;
|
||||||
|
}
|
||||||
|
.base-skeleton .size-m,
|
||||||
|
body .size-m,
|
||||||
|
.base-skeleton h4,
|
||||||
|
body h4 {
|
||||||
|
font-size: medium;
|
||||||
|
}
|
||||||
|
.base-skeleton .size-s,
|
||||||
|
body .size-s,
|
||||||
|
.base-skeleton h5,
|
||||||
|
body h5 {
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
.base-skeleton .size-xs,
|
||||||
|
body .size-xs,
|
||||||
|
.base-skeleton h6,
|
||||||
|
body h6 {
|
||||||
|
font-size: x-small;
|
||||||
|
}
|
||||||
|
.base-skeleton .size-xxs,
|
||||||
|
body .size-xxs {
|
||||||
|
font-size: xx-small;
|
||||||
|
}
|
||||||
|
.base-skeleton .style-bold,
|
||||||
|
body .style-bold,
|
||||||
|
.base-skeleton b,
|
||||||
|
body b {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.base-skeleton .style-italic,
|
||||||
|
body .style-italic,
|
||||||
|
.base-skeleton i,
|
||||||
|
body i {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.base-skeleton .style-underline,
|
||||||
|
body .style-underline,
|
||||||
|
.base-skeleton u,
|
||||||
|
body u {
|
||||||
|
text-decoration-line: underline;
|
||||||
|
}
|
||||||
|
.base-skeleton .style-strike,
|
||||||
|
body .style-strike,
|
||||||
|
.base-skeleton strike,
|
||||||
|
body strike {
|
||||||
|
text-decoration-line: line-through;
|
||||||
|
}
|
||||||
|
.base-skeleton .style-monospace,
|
||||||
|
body .style-monospace,
|
||||||
|
.base-skeleton code,
|
||||||
|
body code {
|
||||||
|
font-family: monospace;
|
||||||
|
}
|
||||||
|
.base-skeleton .style-keyboard,
|
||||||
|
body .style-keyboard,
|
||||||
|
.base-skeleton kbd,
|
||||||
|
body kbd {
|
||||||
|
font-family: monospace;
|
||||||
|
padding: 4px;
|
||||||
|
border: 2px outset;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.base-skeleton .color-red,
|
||||||
|
body .color-red {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
.base-skeleton .color-orange,
|
||||||
|
body .color-orange {
|
||||||
|
color: orange;
|
||||||
|
}
|
||||||
|
.base-skeleton .color-yellow,
|
||||||
|
body .color-yellow {
|
||||||
|
color: #dddd00;
|
||||||
|
}
|
||||||
|
.base-skeleton .color-lime,
|
||||||
|
body .color-lime {
|
||||||
|
color: lime;
|
||||||
|
}
|
||||||
|
.base-skeleton .color-cyan,
|
||||||
|
body .color-cyan {
|
||||||
|
color: cyan;
|
||||||
|
}
|
||||||
|
.base-skeleton .color-blue,
|
||||||
|
body .color-blue {
|
||||||
|
color: blue;
|
||||||
|
}
|
||||||
|
.base-skeleton .color-magenta,
|
||||||
|
body .color-magenta {
|
||||||
|
color: magenta;
|
||||||
|
}
|
||||||
|
.base-skeleton .color-gray,
|
||||||
|
body .color-gray {
|
||||||
|
color: gray;
|
||||||
|
}
|
||||||
|
/*# sourceMappingURL=skeleton.root.css.map */
|
||||||
1
src/targets/skeleton.root.css.map
Normal file
1
src/targets/skeleton.root.css.map
Normal file
File diff suppressed because one or more lines are too long
2
src/targets/skeleton.root.less
Normal file
2
src/targets/skeleton.root.less
Normal file
|
|
@ -0,0 +1,2 @@
|
||||||
|
@import "../vars/root.less";
|
||||||
|
@import "../rules/skeleton.less";
|
||||||
41
src/vars/module.less
Normal file
41
src/vars/module.less
Normal file
|
|
@ -0,0 +1,41 @@
|
||||||
|
@base-skeleton: ~".base-skeleton";
|
||||||
|
@base-rygblue: ~".base-rygblue";
|
||||||
|
@container-main: ~".container-main";
|
||||||
|
@panel: ~".panel";
|
||||||
|
@panel-box: ~".panel-box";
|
||||||
|
@panel-blockquote: ~".panel-blockquote";
|
||||||
|
@panel-aside: ~".panel-aside";
|
||||||
|
@panel-split: ~".panel-split";
|
||||||
|
@status-disabled: ~".status-disabled";
|
||||||
|
@status-hoverable: ~".status-hoverable";
|
||||||
|
@status-clickable: ~".status-clickable";
|
||||||
|
@spoiler: ~".spoiler";
|
||||||
|
@element-title: ~".element-title";
|
||||||
|
@element-paragraph: ~".element-paragraph";
|
||||||
|
@element-separator: ~".element-separator";
|
||||||
|
@element-list-item: ~".element-list-item";
|
||||||
|
@element-anchor: ~".element-anchor";
|
||||||
|
@align-left: ~".align-left";
|
||||||
|
@align-center: ~".align-center";
|
||||||
|
@align-right: ~".align-right";
|
||||||
|
@size-xxl: ~".size-xxl";
|
||||||
|
@size-xl: ~".size-xl";
|
||||||
|
@size-l: ~".size-l";
|
||||||
|
@size-m: ~".size-m";
|
||||||
|
@size-s: ~".size-s";
|
||||||
|
@size-xs: ~".size-xs";
|
||||||
|
@size-xxs: ~".size-xxs";
|
||||||
|
@style-bold: ~".style-bold";
|
||||||
|
@style-italic: ~".style-italic";
|
||||||
|
@style-underline: ~".style-underline";
|
||||||
|
@style-strike: ~".style-strike";
|
||||||
|
@style-monospace: ~".style-monospace";
|
||||||
|
@style-keyboard: ~".style-keyboard";
|
||||||
|
@color-red: ~".color-red";
|
||||||
|
@color-orange: ~".color-orange";
|
||||||
|
@color-yellow: ~".color-yellow";
|
||||||
|
@color-lime: ~".color-lime";
|
||||||
|
@color-cyan: ~".color-cyan";
|
||||||
|
@color-blue: ~".color-blue";
|
||||||
|
@color-magenta: ~".color-magenta";
|
||||||
|
@color-gray: ~".color-gray";
|
||||||
41
src/vars/root.less
Normal file
41
src/vars/root.less
Normal file
|
|
@ -0,0 +1,41 @@
|
||||||
|
@base-skeleton: ~".base-skeleton, body";
|
||||||
|
@base-rygblue: ~".base-rygblue, body";
|
||||||
|
@container-main: ~".container-main, main";
|
||||||
|
@panel: ~".panel, .panel-box, section, .panel-blockquote, blockquote, .panel-aside, aside, .panel-split";
|
||||||
|
@panel-box: ~".panel-box, section, .panel-blockquote, blockquote, .panel-aside, aside";
|
||||||
|
@panel-blockquote: ~".panel-blockquote, blockquote";
|
||||||
|
@panel-aside: ~".panel-aside, aside";
|
||||||
|
@panel-split: ~".panel-split";
|
||||||
|
@status-disabled: ~".status-disabled, *[disabled]";
|
||||||
|
@status-hoverable: ~".status-hoverable, *[title]";
|
||||||
|
@status-clickable: ~".status-clickable, *[onclick]";
|
||||||
|
@spoiler: ~".spoiler";
|
||||||
|
@element-title: ~".element-title, h1, h2, h3, h4, h5, h6";
|
||||||
|
@element-paragraph: ~".element-paragraph, p";
|
||||||
|
@element-separator: ~".element-separator, hr";
|
||||||
|
@element-list-item: ~".element-list-item, li";
|
||||||
|
@element-anchor: ~".element-anchor, a";
|
||||||
|
@align-left: ~".align-left";
|
||||||
|
@align-center: ~".align-center";
|
||||||
|
@align-right: ~".align-right";
|
||||||
|
@size-xxl: ~".size-xxl, h1";
|
||||||
|
@size-xl: ~".size-xl, h2";
|
||||||
|
@size-l: ~".size-l, h3";
|
||||||
|
@size-m: ~".size-m, h4";
|
||||||
|
@size-s: ~".size-s, h5";
|
||||||
|
@size-xs: ~".size-xs, h6";
|
||||||
|
@size-xxs: ~".size-xxs";
|
||||||
|
@style-bold: ~".style-bold, b";
|
||||||
|
@style-italic: ~".style-italic, i";
|
||||||
|
@style-underline: ~".style-underline, u";
|
||||||
|
@style-strike: ~".style-strike, strike";
|
||||||
|
@style-monospace: ~".style-monospace, code";
|
||||||
|
@style-keyboard: ~".style-keyboard, kbd";
|
||||||
|
@color-red: ~".color-red";
|
||||||
|
@color-orange: ~".color-orange";
|
||||||
|
@color-yellow: ~".color-yellow";
|
||||||
|
@color-lime: ~".color-lime";
|
||||||
|
@color-cyan: ~".color-cyan";
|
||||||
|
@color-blue: ~".color-blue";
|
||||||
|
@color-magenta: ~".color-magenta";
|
||||||
|
@color-gray: ~".color-gray";
|
||||||
Loading…
Reference in a new issue