mirror of
https://github.com/Steffo99/bluelib.git
synced 2024-12-22 11:34:21 +00:00
Merge branch 'gestione-amber'
# Conflicts: # src/targets/amber.apache.css # src/targets/amber.apache.css.map # src/targets/hacker.apache.css.map # src/targets/paper.apache.css.map # src/targets/royalblue.apache.css.map # src/targets/skeleton.apache.css.map # src/targets/skeleton.module.css.map # src/targets/skeleton.root.css.map # src/targets/sophon.apache.css.map
This commit is contained in:
commit
d590b52024
10 changed files with 22 additions and 16 deletions
|
@ -6,8 +6,9 @@
|
|||
<option name="myIgnoreVendorSpecificProperties" value="false" />
|
||||
<option name="myCustomPropertiesList">
|
||||
<value>
|
||||
<list size="1">
|
||||
<list size="2">
|
||||
<item index="0" class="java.lang.String" itemvalue="text-decoration-thickness" />
|
||||
<item index="1" class="java.lang.String" itemvalue="scrollbar-color" />
|
||||
</list>
|
||||
</value>
|
||||
</option>
|
||||
|
|
|
@ -10,11 +10,6 @@
|
|||
<link rel="stylesheet" href="src/targets/sophon.root.css">
|
||||
<link rel="stylesheet" href="src/targets/amber.root.css">
|
||||
<title>Bluelib 3</title>
|
||||
<style>
|
||||
body {
|
||||
margin: 4px !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="theme-bluelib">
|
||||
<hgroup>
|
||||
|
|
9
src/rules/skeleton.less
vendored
9
src/rules/skeleton.less
vendored
|
@ -299,6 +299,8 @@
|
|||
// Thanks, CSS variables!
|
||||
color: @cA;
|
||||
|
||||
// Get the scrollbar color from the theme
|
||||
scrollbar-color: @rgb-foreground @rgb-background;
|
||||
}
|
||||
|
||||
//</editor-fold>
|
||||
|
@ -346,8 +348,6 @@
|
|||
display: grid;
|
||||
justify-content: stretch;
|
||||
align-items: stretch;
|
||||
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
// A layout with a single container spanning the whole screen.
|
||||
|
@ -434,7 +434,7 @@
|
|||
|
||||
/// ===== Panels =====
|
||||
/// Panels are the main sectioning elements available in Bluelib.
|
||||
/// Many instance of them should be present on the page!
|
||||
/// Many instances of them should be present on the page!
|
||||
/// They should group small amounts of tightly related content, which can be understood more or less separately from the rest of the page.
|
||||
|
||||
//<editor-fold desc="Rules: Panels">
|
||||
|
@ -451,6 +451,9 @@
|
|||
// Panels should try to fill the most space possible
|
||||
width: 100%;
|
||||
|
||||
// And should be wide at least 312px
|
||||
min-width: 312px;
|
||||
|
||||
background-color: @c0;
|
||||
border-color: @c1;
|
||||
|
||||
|
|
|
@ -67,6 +67,7 @@ body,
|
|||
body *,
|
||||
.bluelib * {
|
||||
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
|
||||
scrollbar-color: rgb(var(--bluelib-foreground-r), var(--bluelib-foreground-g), var(--bluelib-foreground-b)) rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
|
||||
}
|
||||
body,
|
||||
.bluelib,
|
||||
|
@ -95,7 +96,6 @@ body .layout,
|
|||
display: grid;
|
||||
justify-content: stretch;
|
||||
align-items: stretch;
|
||||
width: 100%;
|
||||
}
|
||||
body .layout-fill,
|
||||
.bluelib .layout-fill {
|
||||
|
@ -188,6 +188,7 @@ body .panel,
|
|||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
min-width: 312px;
|
||||
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03);
|
||||
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125);
|
||||
}
|
||||
|
|
|
@ -67,6 +67,7 @@ body,
|
|||
body *,
|
||||
.bluelib * {
|
||||
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
|
||||
scrollbar-color: rgb(var(--bluelib-foreground-r), var(--bluelib-foreground-g), var(--bluelib-foreground-b)) rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
|
||||
}
|
||||
body,
|
||||
.bluelib,
|
||||
|
@ -95,7 +96,6 @@ body .layout,
|
|||
display: grid;
|
||||
justify-content: stretch;
|
||||
align-items: stretch;
|
||||
width: 100%;
|
||||
}
|
||||
body .layout-fill,
|
||||
.bluelib .layout-fill {
|
||||
|
@ -188,6 +188,7 @@ body .panel,
|
|||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
min-width: 312px;
|
||||
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03);
|
||||
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125);
|
||||
}
|
||||
|
|
|
@ -67,6 +67,7 @@ body,
|
|||
body *,
|
||||
.bluelib * {
|
||||
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
|
||||
scrollbar-color: rgb(var(--bluelib-foreground-r), var(--bluelib-foreground-g), var(--bluelib-foreground-b)) rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
|
||||
}
|
||||
body,
|
||||
.bluelib,
|
||||
|
@ -95,7 +96,6 @@ body .layout,
|
|||
display: grid;
|
||||
justify-content: stretch;
|
||||
align-items: stretch;
|
||||
width: 100%;
|
||||
}
|
||||
body .layout-fill,
|
||||
.bluelib .layout-fill {
|
||||
|
@ -188,6 +188,7 @@ body .panel,
|
|||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
min-width: 312px;
|
||||
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03);
|
||||
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125);
|
||||
}
|
||||
|
|
|
@ -67,6 +67,7 @@ body,
|
|||
body *,
|
||||
.bluelib * {
|
||||
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
|
||||
scrollbar-color: rgb(var(--bluelib-foreground-r), var(--bluelib-foreground-g), var(--bluelib-foreground-b)) rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
|
||||
}
|
||||
body,
|
||||
.bluelib,
|
||||
|
@ -95,7 +96,6 @@ body .layout,
|
|||
display: grid;
|
||||
justify-content: stretch;
|
||||
align-items: stretch;
|
||||
width: 100%;
|
||||
}
|
||||
body .layout-fill,
|
||||
.bluelib .layout-fill {
|
||||
|
@ -188,6 +188,7 @@ body .panel,
|
|||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
min-width: 312px;
|
||||
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03);
|
||||
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125);
|
||||
}
|
||||
|
|
|
@ -65,6 +65,7 @@
|
|||
.bluelib *,
|
||||
.bluelib .all {
|
||||
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
|
||||
scrollbar-color: rgb(var(--bluelib-foreground-r), var(--bluelib-foreground-g), var(--bluelib-foreground-b)) rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
|
||||
}
|
||||
.bluelib,
|
||||
.bluelib *,
|
||||
|
@ -86,7 +87,6 @@
|
|||
display: grid;
|
||||
justify-content: stretch;
|
||||
align-items: stretch;
|
||||
width: 100%;
|
||||
}
|
||||
.bluelib .layout-fill {
|
||||
padding: 4px;
|
||||
|
@ -164,6 +164,7 @@
|
|||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
min-width: 312px;
|
||||
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03);
|
||||
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125);
|
||||
}
|
||||
|
|
|
@ -67,6 +67,7 @@ body,
|
|||
body *,
|
||||
.bluelib * {
|
||||
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
|
||||
scrollbar-color: rgb(var(--bluelib-foreground-r), var(--bluelib-foreground-g), var(--bluelib-foreground-b)) rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
|
||||
}
|
||||
body,
|
||||
.bluelib,
|
||||
|
@ -95,7 +96,6 @@ body .layout,
|
|||
display: grid;
|
||||
justify-content: stretch;
|
||||
align-items: stretch;
|
||||
width: 100%;
|
||||
}
|
||||
body .layout-fill,
|
||||
.bluelib .layout-fill {
|
||||
|
@ -188,6 +188,7 @@ body .panel,
|
|||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
min-width: 312px;
|
||||
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03);
|
||||
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125);
|
||||
}
|
||||
|
|
|
@ -67,6 +67,7 @@ body,
|
|||
body *,
|
||||
.bluelib * {
|
||||
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
|
||||
scrollbar-color: rgb(var(--bluelib-foreground-r), var(--bluelib-foreground-g), var(--bluelib-foreground-b)) rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
|
||||
}
|
||||
body,
|
||||
.bluelib,
|
||||
|
@ -95,7 +96,6 @@ body .layout,
|
|||
display: grid;
|
||||
justify-content: stretch;
|
||||
align-items: stretch;
|
||||
width: 100%;
|
||||
}
|
||||
body .layout-fill,
|
||||
.bluelib .layout-fill {
|
||||
|
@ -188,6 +188,7 @@ body .panel,
|
|||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
min-width: 312px;
|
||||
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03);
|
||||
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue