phil/hermit-V2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

merge scroll-to-top colors

Browse Source
This commit is contained in:
Vano Devium
2024-08-24 11:08:04 +03:00
parent c568b8ff0e
commit 819cebcb12
8 changed files with 123 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
assets/scss/_admonition.scss
View File

@ -1,68 +1,68 @@
//Admonition colors
$admonition-background: (
'note': rgba(68, 138, 255, 0.1),
'info': rgba(0, 184, 212, 0.1),
'tip': rgba(0, 191, 165, 0.1),
'success': rgba(0, 200, 83, 0.1),
'warning': rgba(255, 145, 0, 0.1),
'failure': rgba(255, 82, 82, 0.1),
'danger': rgba(255, 23, 68, 0.1),
'bug': rgba(245, 0, 87, 0.1),
) !default;
"note": rgba(68, 138, 255, 0.1),
"info": rgba(0, 184, 212, 0.1),
"tip": rgba(0, 191, 165, 0.1),
"success": rgba(0, 200, 83, 0.1),
"warning": rgba(255, 145, 0, 0.1),
"failure": rgba(255, 82, 82, 0.1),
"danger": rgba(255, 23, 68, 0.1),
"bug": rgba(245, 0, 87, 0.1),
) !default;
$admonition-color: (
'note': #448aff,
'info': #00b8d4,
'tip': #00bfa5,
'success': #00c853,
'warning': #ff9100,
'failure': #ff5252,
'danger': #ff1744,
'bug': #f50057,
) !default;
"note": #448aff,
"info": #00b8d4,
"tip": #00bfa5,
"success": #00c853,
"warning": #ff9100,
"failure": #ff5252,
"danger": #ff1744,
"bug": #f50057,
) !default;
// Admonition styling
.admonition{
position: relative;
margin: 1rem 0 1.5rem 0;
border-left: .25rem solid map-get($admonition-color, 'note');
box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.5);
border-radius: 0 8px 8px 0;
overflow: auto;
.admonition-title{
padding: .25rem .50rem;
border-bottom: 1px solid map-get($admonition-background, 'note');
background-color: rgba(map-get($admonition-background, 'note'), 0.1);
color: map-get($admonition-color, 'note');
.icon{
display: inline-block;
padding: 0 10px 0 0;
font-size: 0.85rem;
color: map-get($admonition-color, 'note');
}
.admonition {
position: relative;
margin: 1rem 0 1.5rem 0;
border-left: 0.25rem solid map-get($admonition-color, "note");
box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.5);
border-radius: 0 8px 8px 0;
overflow: auto;
.admonition-title {
padding: 0.25rem 0.5rem;
border-bottom: 1px solid map-get($admonition-background, "note");
background-color: rgba(map-get($admonition-background, "note"), 0.1);
color: map-get($admonition-color, "note");
.icon {
display: inline-block;
padding: 0 10px 0 0;
font-size: 0.85rem;
color: map-get($admonition-color, "note");
}
.admonition-content{
padding: .25rem .50rem;
}
.admonition-content {
padding: 0.25rem 0.5rem;
}
@each $type, $color in $admonition-color {
&.#{$type} {
border-left-color: $color;
.admonition-title {
color: $color;
}
.icon {
color: $color;
}
}
@each $type, $color in $admonition-color {
&.#{$type} {
border-left-color: $color;
.admonition-title {
color: $color;
}
.icon {
color: $color;
}
}
}
@each $type, $color in $admonition-background {
&.#{$type} {
background-color: $color;
.admonition-title {
border-bottom-color: $color;
background-color: rgba($color, 0.1);
}
}
@each $type, $color in $admonition-background {
&.#{$type} {
background-color: $color;
.admonition-title {
border-bottom-color: $color;
background-color: rgba($color, 0.1);
}
}
}
}
}
}