replace small-box font-size transition with transform

This commit is contained in:
REJack 2020-05-27 22:02:21 +02:00
parent 414d14b2d2
commit da47f23145
5 changed files with 13 additions and 15 deletions

View file

@ -101,7 +101,7 @@
position: absolute;
right: 15px;
top: 15px;
transition: all $transition-speed linear;
transition: transform $transition-speed linear;
&.fa,
&.fas,
@ -122,15 +122,14 @@
// Animate icons on small box hover
.icon > i {
font-size: 95px;
&,
&.fa,
&.fas,
&.far,
&.fab,
&.glyphicon,
&.ion {
font-size: 75px;
transform: scale(1.1);
}
}
}

13
dist/css/adminlte.css vendored
View file

@ -19161,7 +19161,9 @@ html.maximized-card {
position: absolute;
right: 15px;
top: 15px;
transition: all 0.3s linear;
transition: -webkit-transform 0.3s linear;
transition: transform 0.3s linear;
transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}
.small-box .icon > i.fa, .small-box .icon > i.fas, .small-box .icon > i.far, .small-box .icon > i.fab, .small-box .icon > i.glyphicon, .small-box .icon > i.ion {
@ -19173,12 +19175,9 @@ html.maximized-card {
text-decoration: none;
}
.small-box:hover .icon > i {
font-size: 95px;
}
.small-box:hover .icon > i.fa, .small-box:hover .icon > i.fas, .small-box:hover .icon > i.far, .small-box:hover .icon > i.fab, .small-box:hover .icon > i.glyphicon, .small-box:hover .icon > i.ion {
font-size: 75px;
.small-box:hover .icon > i, .small-box:hover .icon > i.fa, .small-box:hover .icon > i.fas, .small-box:hover .icon > i.far, .small-box:hover .icon > i.fab, .small-box:hover .icon > i.glyphicon, .small-box:hover .icon > i.ion {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
@media (max-width: 767.98px) {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long