manuelcillero/pagetop
manuelcillero/pagetop
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

✨ (bootsier): Añade AdminLTE 4 y Bootstrap Icons

Browse source 
Integra AdminLTE 4.0.0 (SCSS y JS), Bootstrap Icons 1.13.1 y las fuentes
Source Sans 3 VF; reorganiza los SCSS del tema con la nueva estructura
de *pagetop-build*.
This commit is contained in:
Manuel Cillero 2026-06-14 21:25:52 +02:00
parent f27790c3a2
commit 1bd97d5705
160 changed files with 13401 additions and 133 deletions
Download patch file Download diff file Expand all files Collapse all files

131
extensions/pagetop-bootsier/assets/adminlte-4.0.0/scss/_info-box.scss Normal file
View file

@ -0,0 +1,131 @@
//
// Component: Info Box
//
.info-box {
@include box-shadow($lte-card-shadow);
@include border-radius($border-radius);
position: relative;
display: flex;
width: 100%;
min-height: 80px;
padding: .5rem;
margin-bottom: map-get($spacers, 3);
color: var(--#{$prefix}body-color);
background-color: var(--#{$prefix}body-bg);
.progress {
height: 2px;
margin: 5px 0;
background-color: rgba(var(--#{$lte-prefix}card-variant-color-rgb), .125);
.progress-bar {
background-color: var(--#{$lte-prefix}card-variant-color);
}
}
.info-box-icon {
display: flex;
align-items: center;
justify-content: center;
width: 70px;
font-size: 1.875rem;
text-align: center;
@include border-radius($border-radius);
> img {
max-width: 100%;
}
}
.info-box-content {
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
padding: 0 10px;
line-height: 1.8;
}
.info-box-number {
display: block;
margin-top: .25rem;
font-weight: $font-weight-bold;
}
.progress-description,
.info-box-text {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.info-box-more {
display: block;
}
.progress-description {
margin: 0;
}
@include media-breakpoint-up(md) {
.col-xl-2 &,
.col-lg-2 &,
.col-md-2 & {
.progress-description {
display: none;
}
}
.col-xl-3 &,
.col-lg-3 &,
.col-md-3 & {
.progress-description {
display: none;
}
}
}
@include media-breakpoint-up(lg) {
.col-xl-2 &,
.col-lg-2 &,
.col-md-2 & {
.progress-description {
@include font-size(.75rem);
display: block;
}
}
.col-xl-3 &,
.col-lg-3 &,
.col-md-3 & {
.progress-description {
@include font-size(.75rem);
display: block;
}
}
}
@include media-breakpoint-up(xl) {
.col-xl-2 &,
.col-lg-2 &,
.col-md-2 & {
.progress-description {
@include font-size(1rem);
display: block;
}
}
.col-xl-3 &,
.col-lg-3 &,
.col-md-3 & {
.progress-description {
@include font-size(1rem);
display: block;
}
}
}
}