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

🔧 Move border-radius to the main .panel class

Browse source
This commit is contained in:
Steffo 2021-08-01 21:34:48 +02:00 committed by Stefano Pigozzi
parent a2f5dc5866
commit 54f6c9a6ed
5 changed files with 6 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/rules/skeleton.less vendored
View file

@ -422,6 +422,8 @@
margin: 8px 0; margin: 8px 0;
// And a padding to separate them from their contents // And a padding to separate them from their contents
padding: 8px; padding: 8px;
// And a nice round border
border-radius: 4px;
// Panels should try to fill the most space possible // Panels should try to fill the most space possible
width: 100%; width: 100%;
@ -443,14 +445,12 @@
// A panel which encloses its contents with a border. // A panel which encloses its contents with a border.
@{panel-box} { @{panel-box} {
border-radius: 4px;
border-width: 2px; border-width: 2px;
border-style: solid; border-style: solid;
} }
// A panel which encloses its contents with a quote-like border. // A panel which encloses its contents with a quote-like border.
@{panel-dialog} { @{panel-dialog} {
border-radius: 4px;
border-width: 0 0 0 2px; border-width: 0 0 0 2px;
border-style: solid; border-style: solid;
} }

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

@ -144,6 +144,7 @@
.bluelib .panel { .bluelib .panel {
margin: 8px 0; margin: 8px 0;
padding: 8px; padding: 8px;
border-radius: 4px;
width: 100%; width: 100%;
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025);
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1); border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
@ -157,12 +158,10 @@
margin-bottom: 0; margin-bottom: 0;
} }
.bluelib .panel-box { .bluelib .panel-box {
border-radius: 4px;
border-width: 2px; border-width: 2px;
border-style: solid; border-style: solid;
} }
.bluelib .panel-dialog { .bluelib .panel-dialog {
border-radius: 4px;
border-width: 0 0 0 2px; border-width: 0 0 0 2px;
border-style: solid; border-style: solid;
} }

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

File diff suppressed because one or more lines are too long

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

@ -163,6 +163,7 @@ body .panel,
.bluelib .panel { .bluelib .panel {
margin: 8px 0; margin: 8px 0;
padding: 8px; padding: 8px;
border-radius: 4px;
width: 100%; width: 100%;
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025);
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1); border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
@ -177,13 +178,11 @@ body .panel > *:last-child,
} }
body .panel-box, body .panel-box,
.bluelib .panel-box { .bluelib .panel-box {
border-radius: 4px;
border-width: 2px; border-width: 2px;
border-style: solid; border-style: solid;
} }
body .panel-dialog, body .panel-dialog,
.bluelib .panel-dialog { .bluelib .panel-dialog {
border-radius: 4px;
border-width: 0 0 0 2px; border-width: 0 0 0 2px;
border-style: solid; border-style: solid;
} }

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

File diff suppressed because one or more lines are too long