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" />
|
||||
<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="LessResolvedByNameOnly" enabled="true" level="WARNING" enabled_by_default="true" />
|
||||
<inspection_tool class="LessUnresolvedMixin" enabled="true" level="ERROR" enabled_by_default="true" />
|
||||
<inspection_tool class="LessResolvedByNameOnly" enabled="false" level="WARNING" enabled_by_default="false" />
|
||||
<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="LongLine" enabled="true" level="WEAK WARNING" 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">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="src/skeleton/skeleton.root.css">
|
||||
<link rel="stylesheet" href="src/skins/rygblue/rygblue.root.css">
|
||||
<link rel="stylesheet" href="src/targets/skeleton.root.css">
|
||||
<link rel="stylesheet" href="src/targets/rygblue.root.css">
|
||||
<title>Bluelib 2</title>
|
||||
</head>
|
||||
<body class="theme-bluelib">
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
RYG style, in pure CSS
|
||||
</h2>
|
||||
</hgroup>
|
||||
<section class="panel panel-box">
|
||||
<section>
|
||||
<h3>
|
||||
Welcome to bluelib!
|
||||
</h3>
|
||||
|
|
@ -31,7 +31,7 @@
|
|||
<h2>
|
||||
Panels
|
||||
</h2>
|
||||
<section class="panel panel-box">
|
||||
<section>
|
||||
<h3>
|
||||
Panel
|
||||
</h3>
|
||||
|
|
@ -42,23 +42,7 @@
|
|||
It usually represents a section of text about a topic described by the title above.
|
||||
</p>
|
||||
</section>
|
||||
<table class="panel panel-table">
|
||||
<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">
|
||||
<blockquote>
|
||||
<h3>
|
||||
Blockquote
|
||||
</h3>
|
||||
|
|
@ -69,7 +53,7 @@
|
|||
Blockquotes are specially formatted panels, useful for quotes!
|
||||
</p>
|
||||
</blockquote>
|
||||
<aside class="panel panel-aside">
|
||||
<aside>
|
||||
<h3>
|
||||
Aside
|
||||
</h3>
|
||||
|
|
@ -84,16 +68,16 @@
|
|||
<h2>
|
||||
Close containers
|
||||
</h2>
|
||||
<section class="panel panel-box">
|
||||
<section>
|
||||
<p>
|
||||
Here's what two panels next to each other look like:
|
||||
</p>
|
||||
<aside class="panel panel-aside">
|
||||
<aside>
|
||||
<p>
|
||||
STONKS
|
||||
</p>
|
||||
</aside>
|
||||
<aside class="panel panel-aside">
|
||||
<aside>
|
||||
<p>
|
||||
STINKS
|
||||
</p>
|
||||
|
|
@ -102,7 +86,7 @@
|
|||
<h2>
|
||||
Nesting containers
|
||||
</h2>
|
||||
<section class="panel panel-box">
|
||||
<section>
|
||||
<h3>
|
||||
Level one
|
||||
</h3>
|
||||
|
|
@ -112,27 +96,27 @@
|
|||
<p>
|
||||
Drop one outside of any paragraphs and they will nest automatically.
|
||||
</p>
|
||||
<section class="panel panel-box">
|
||||
<section>
|
||||
<h3>
|
||||
Level two
|
||||
</h3>
|
||||
<p>
|
||||
You can add text above...
|
||||
</p>
|
||||
<section class="panel panel-box">
|
||||
<section>
|
||||
<h3>
|
||||
Level three
|
||||
</h3>
|
||||
<p>
|
||||
How deep does the rabbit hole go?
|
||||
</p>
|
||||
<blockquote class="panel panel-blockquote">
|
||||
<blockquote>
|
||||
<b><a href="https://www.youtube.com/watch?v=G2jUhnCU9iA" target="_blank">PANELCEPTION.</a></b>
|
||||
<aside class="panel panel-aside">
|
||||
<aside>
|
||||
BWOON.
|
||||
<aside class="panel panel-aside">
|
||||
<aside>
|
||||
BWOON.
|
||||
<aside class="panel panel-aside">
|
||||
<aside>
|
||||
BWOON.
|
||||
</aside>
|
||||
</aside>
|
||||
|
|
@ -147,7 +131,7 @@
|
|||
<h2>
|
||||
Layout
|
||||
</h2>
|
||||
<section class="panel panel-box">
|
||||
<section>
|
||||
<h3>
|
||||
Splitter and splitted
|
||||
</h3>
|
||||
|
|
@ -158,7 +142,7 @@
|
|||
The columns will grow automatically to on the height of the tallest.
|
||||
</p>
|
||||
<div class="panel panel-split">
|
||||
<section class="panel panel-box">
|
||||
<section>
|
||||
<h3>
|
||||
Shorter panel
|
||||
</h3>
|
||||
|
|
@ -166,7 +150,7 @@
|
|||
That's it.
|
||||
</p>
|
||||
</section>
|
||||
<section class="panel panel-box">
|
||||
<section>
|
||||
<h3>
|
||||
Taller panel
|
||||
</h3>
|
||||
|
|
@ -182,7 +166,7 @@
|
|||
</section>
|
||||
</div>
|
||||
</section>
|
||||
<section class="panel panel-box">
|
||||
<section>
|
||||
<h3>
|
||||
Horizonal rows
|
||||
</h3>
|
||||
|
|
@ -198,7 +182,7 @@
|
|||
Formatting
|
||||
</h2>
|
||||
<div class="panel panel-split">
|
||||
<section class="panel panel-box">
|
||||
<section>
|
||||
<h3>
|
||||
Colors
|
||||
</h3>
|
||||
|
|
@ -213,9 +197,10 @@
|
|||
<li><span class="color-cyan">Cyan</span></li>
|
||||
<li><span class="color-blue">Blue</span></li>
|
||||
<li><span class="color-magenta">Magenta</span></li>
|
||||
<li><span class="color-gray">Gray</span></li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="panel panel-box">
|
||||
<section>
|
||||
<h3>
|
||||
Size
|
||||
</h3>
|
||||
|
|
@ -232,7 +217,7 @@
|
|||
<li><span class="size-xxs">XXS</span></li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="panel panel-box">
|
||||
<section>
|
||||
<h3>
|
||||
Alignment
|
||||
</h3>
|
||||
|
|
@ -243,14 +228,14 @@
|
|||
<div class="align-center">Center</div>
|
||||
<div class="align-right">Right</div>
|
||||
</section>
|
||||
<section class="panel panel-box">
|
||||
<section>
|
||||
<h3>
|
||||
Spoilers
|
||||
</h3>
|
||||
<p>
|
||||
You can define <span class="spoiler">spoilers</span>.
|
||||
</p>
|
||||
<section class="spoiler panel panel-box">
|
||||
<section class="spoiler">
|
||||
<h3>
|
||||
Spoiler panels
|
||||
</h3>
|
||||
|
|
@ -264,7 +249,7 @@
|
|||
Interactivity
|
||||
</h2>
|
||||
<div class="panel panel-split">
|
||||
<section class="panel panel-box">
|
||||
<section>
|
||||
<h3>
|
||||
Tooltips
|
||||
</h3>
|
||||
|
|
@ -273,7 +258,7 @@
|
|||
hovered.
|
||||
</p>
|
||||
</section>
|
||||
<section class="panel panel-box">
|
||||
<section>
|
||||
<h3>
|
||||
Disabled
|
||||
</h3>
|
||||
|
|
@ -284,7 +269,7 @@
|
|||
<p>
|
||||
It also works with <a class="status-disabled">links</a>!
|
||||
</p>
|
||||
<section class="panel panel-box status-disabled">
|
||||
<section class="status-disabled">
|
||||
And panels!
|
||||
</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.
|
||||
// They will be compiled later to different targets.
|
||||
.bluelib-skeleton {
|
||||
// Reset the insane box-sizing default
|
||||
// Should this be changed to something different?
|
||||
@{base-skeleton} {
|
||||
// --- Globals ---
|
||||
|
||||
// Force box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
// === RULES ===
|
||||
|
||||
// --- Containers ---
|
||||
|
||||
.container-main {
|
||||
@{container-main} {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 1280px;
|
||||
}
|
||||
|
||||
|
||||
// --- Panels ---
|
||||
// Remember to use BOTH the panel AND the panel-* class when using a panel element!
|
||||
|
||||
.panel {
|
||||
// Base panel
|
||||
@{panel} {
|
||||
margin: 8px 0;
|
||||
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 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
|
@ -37,35 +34,31 @@
|
|||
}
|
||||
}
|
||||
|
||||
// A generic content box
|
||||
.panel-box {
|
||||
// A generic content panel
|
||||
@{panel-box} {
|
||||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
border-width: 2px;
|
||||
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
|
||||
.panel-blockquote {
|
||||
.panel-box();
|
||||
|
||||
// A box with a quote-like border
|
||||
@{panel-blockquote} {
|
||||
border-left-width: 2px;
|
||||
border-top-width: 0;
|
||||
border-bottom-width: 0;
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
// Should be the same as a box, but with smaller text and no border
|
||||
.panel-aside {
|
||||
.panel-box();
|
||||
|
||||
// A box with smaller text and no border
|
||||
@{panel-aside} {
|
||||
border-width: 0;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
// Evenly split the panels contained inside
|
||||
.panel-split {
|
||||
@{panel-split} {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
|
|
@ -77,31 +70,30 @@
|
|||
flex-basis: 0;
|
||||
}
|
||||
|
||||
> .panel {
|
||||
> @{panel} {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// --- Element status ---
|
||||
|
||||
.status-disabled {
|
||||
@{status-disabled} {
|
||||
cursor: not-allowed;
|
||||
opacity: 50%;
|
||||
}
|
||||
|
||||
.status-hoverable {
|
||||
@{status-hoverable} {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
.status-clickable {
|
||||
@{status-clickable} {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
// --- Spoilers ---
|
||||
|
||||
.spoiler {
|
||||
@{spoiler} {
|
||||
filter: blur(5px);
|
||||
cursor: help;
|
||||
|
||||
&:hover {
|
||||
filter: none;
|
||||
|
|
@ -110,120 +102,132 @@
|
|||
|
||||
// --- Elements ---
|
||||
|
||||
.element-title {
|
||||
.align-center();
|
||||
@{element-title} {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.element-paragraph {
|
||||
@{element-paragraph} {
|
||||
|
||||
}
|
||||
|
||||
.element-separator {
|
||||
@{element-separator} {
|
||||
border-width: 1px;
|
||||
border-color: dimgrey;
|
||||
}
|
||||
|
||||
.element-list-item {
|
||||
@{element-list-item} {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.element-anchor {
|
||||
@{element-anchor} {
|
||||
|
||||
}
|
||||
|
||||
// --- Alignment ---
|
||||
|
||||
.align-left {
|
||||
@{align-left} {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.align-center {
|
||||
@{align-center} {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.align-right {
|
||||
@{align-right} {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
// --- Sizes ---
|
||||
|
||||
.size-xxl {
|
||||
@{size-xxl} {
|
||||
font-size: xx-large;
|
||||
}
|
||||
|
||||
.size-xl {
|
||||
@{size-xl} {
|
||||
font-size: x-large;
|
||||
}
|
||||
|
||||
.size-l {
|
||||
@{size-l} {
|
||||
font-size: large;
|
||||
}
|
||||
|
||||
.size-m {
|
||||
@{size-m} {
|
||||
font-size: medium;
|
||||
}
|
||||
|
||||
.size-s {
|
||||
@{size-s} {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.size-xs {
|
||||
@{size-xs} {
|
||||
font-size: x-small;
|
||||
}
|
||||
|
||||
.size-xxs {
|
||||
@{size-xxs} {
|
||||
font-size: xx-small;
|
||||
}
|
||||
|
||||
// --- Styles ---
|
||||
|
||||
.style-bold {
|
||||
@{style-bold} {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.style-italic {
|
||||
@{style-italic} {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.style-underline {
|
||||
@{style-underline} {
|
||||
text-decoration-line: underline;
|
||||
}
|
||||
|
||||
.style-strike {
|
||||
@{style-strike} {
|
||||
text-decoration-line: line-through;
|
||||
}
|
||||
|
||||
.style-monospace {
|
||||
@{style-monospace} {
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
@{style-keyboard} {
|
||||
font-family: monospace;
|
||||
padding: 4px;
|
||||
border: 2px outset;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
// --- Colors ---
|
||||
|
||||
.color-red {
|
||||
@{color-red} {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.color-orange {
|
||||
@{color-orange} {
|
||||
color: orange;
|
||||
}
|
||||
|
||||
.color-yellow {
|
||||
@{color-yellow} {
|
||||
color: #dddd00; // Pure yellow isn't readable on a white background
|
||||
}
|
||||
|
||||
.color-lime {
|
||||
@{color-lime} {
|
||||
color: lime;
|
||||
}
|
||||
|
||||
.color-cyan {
|
||||
@{color-cyan} {
|
||||
color: cyan;
|
||||
}
|
||||
|
||||
.color-blue {
|
||||
@{color-blue} {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
.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