mirror of https://github.com/ColorlibHQ/AdminLTE
fix(stylelint): config extend broken & fontawesome class lint error
parent
d0e86b30ab
commit
12ad550a4a
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"extends": [
|
||||
"stylelint-config-twbs-bootstrap/scss"
|
||||
"stylelint-config-twbs-bootstrap"
|
||||
],
|
||||
"rules": {
|
||||
"declaration-no-important": null,
|
||||
|
|
|
@ -86,6 +86,7 @@
|
|||
position: relative;
|
||||
text-align: center;
|
||||
|
||||
/* stylelint-disable selector-class-pattern */
|
||||
// Icons within the btn
|
||||
> .fa,
|
||||
> .fas,
|
||||
|
@ -102,6 +103,7 @@
|
|||
> .svg-inline--fa {
|
||||
margin: 0 auto;
|
||||
}
|
||||
/* stylelint-enable selector-class-pattern */
|
||||
|
||||
&:hover {
|
||||
background-color: $button-default-background-color;
|
||||
|
|
|
@ -411,6 +411,7 @@ html.maximized-card {
|
|||
display: none;
|
||||
float: right;
|
||||
|
||||
/* stylelint-disable selector-class-pattern */
|
||||
// icons
|
||||
> .fa,
|
||||
> .fas,
|
||||
|
@ -423,6 +424,7 @@ html.maximized-card {
|
|||
cursor: pointer;
|
||||
margin-right: 5px;
|
||||
}
|
||||
/* stylelint-enable selector-class-pattern */
|
||||
}
|
||||
|
||||
&:hover .tools {
|
||||
|
|
|
@ -10,6 +10,7 @@
|
|||
margin-right: 20px;
|
||||
}
|
||||
|
||||
/* stylelint-disable selector-class-pattern */
|
||||
> .fa,
|
||||
> .fas,
|
||||
> .far,
|
||||
|
@ -25,4 +26,5 @@
|
|||
top: 50%;
|
||||
z-index: 5;
|
||||
}
|
||||
/* stylelint-enable selector-class-pattern */
|
||||
}
|
||||
|
|
|
@ -117,7 +117,7 @@
|
|||
// Add fade animation to dropdown menus by appending
|
||||
// the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)
|
||||
.open:not(.dropup) > .animated-dropdown-menu {
|
||||
@include animation(flipInX .7s both);
|
||||
@include animation(flip-in-x .7s both);
|
||||
backface-visibility: visible !important;
|
||||
}
|
||||
|
||||
|
|
|
@ -33,7 +33,7 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* stylelint-disable selector-class-pattern */
|
||||
// Support icons in form-control
|
||||
.form-control-feedback {
|
||||
&.fa,
|
||||
|
@ -105,6 +105,7 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
/* stylelint-enable selector-class-pattern */
|
||||
|
||||
label:not(.form-check-label):not(.custom-file-label) {
|
||||
font-weight: $font-weight-bold;
|
||||
|
|
|
@ -17,6 +17,7 @@
|
|||
height: $nav-link-sm-height;
|
||||
padding: $nav-link-sm-padding-y $nav-link-padding-x;
|
||||
|
||||
/* stylelint-disable selector-class-pattern */
|
||||
> .fa,
|
||||
> .fas,
|
||||
> .far,
|
||||
|
@ -27,8 +28,8 @@
|
|||
> .ion {
|
||||
font-size: $font-size-sm;
|
||||
}
|
||||
/* stylelint-enable selector-class-pattern */
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
|
|
|
@ -131,6 +131,7 @@
|
|||
text-align: center;
|
||||
width: $sidebar-nav-icon-width;
|
||||
|
||||
/* stylelint-disable selector-class-pattern */
|
||||
&.fa,
|
||||
&.fas,
|
||||
&.far,
|
||||
|
@ -141,6 +142,7 @@
|
|||
&.ion {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
/* stylelint-enable selector-class-pattern */
|
||||
}
|
||||
|
||||
.float-right {
|
||||
|
@ -202,7 +204,7 @@
|
|||
|
||||
.sidebar-is-opening .sidebar .nav-sidebar {
|
||||
.nav-link p {
|
||||
animation-name: fadeIn;
|
||||
animation-name: fade-in;
|
||||
animation-duration: $transition-speed;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
@ -857,7 +859,7 @@
|
|||
.nav-collapse-hide-child {
|
||||
.menu-open > .nav-treeview {
|
||||
max-height: min-content;
|
||||
animation-name: fadeIn;
|
||||
animation-name: fade-in;
|
||||
animation-duration: $transition-speed;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
@ -865,7 +867,7 @@
|
|||
.sidebar-collapse .sidebar:not(:hover) & {
|
||||
.menu-open > .nav-treeview {
|
||||
max-height: 0;
|
||||
animation-name: fadeOut;
|
||||
animation-name: fade-out;
|
||||
animation-duration: $transition-speed;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
@ -878,7 +880,7 @@
|
|||
.main-sidebar:not(.sidebar-no-expand):hover & {
|
||||
.menu-open > .nav-treeview {
|
||||
max-height: min-content;
|
||||
animation-name: fadeIn;
|
||||
animation-name: fade-in;
|
||||
animation-duration: $transition-speed;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
|
|
@ -264,6 +264,7 @@
|
|||
justify-content: center;
|
||||
z-index: 50;
|
||||
|
||||
/* stylelint-disable selector-class-pattern */
|
||||
> .fa,
|
||||
> .fas,
|
||||
> .far,
|
||||
|
@ -274,10 +275,12 @@
|
|||
> .ion {
|
||||
color: $gray-800;
|
||||
}
|
||||
/* stylelint-enable selector-class-pattern */
|
||||
|
||||
&.dark {
|
||||
background-color: rgba($black, .5);
|
||||
|
||||
/* stylelint-disable selector-class-pattern */
|
||||
> .fa,
|
||||
> .fas,
|
||||
> .far,
|
||||
|
@ -288,6 +291,7 @@
|
|||
> .ion {
|
||||
color: $gray-400;
|
||||
}
|
||||
/* stylelint-enable selector-class-pattern */
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -436,14 +436,14 @@
|
|||
}
|
||||
|
||||
.logo-xs {
|
||||
animation-name: fadeIn;
|
||||
animation-name: fade-in;
|
||||
animation-duration: $transition-speed;
|
||||
animation-fill-mode: both;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.logo-xl {
|
||||
animation-name: fadeOut;
|
||||
animation-name: fade-out;
|
||||
animation-duration: $transition-speed;
|
||||
animation-fill-mode: both;
|
||||
visibility: hidden;
|
||||
|
@ -458,7 +458,7 @@
|
|||
.user-panel > .info,
|
||||
.nav-sidebar .nav-link p {
|
||||
margin-left: -10px;
|
||||
animation-name: fadeOut;
|
||||
animation-name: fade-out;
|
||||
animation-duration: $transition-speed;
|
||||
animation-fill-mode: both;
|
||||
visibility: hidden;
|
||||
|
|
|
@ -83,6 +83,8 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* stylelint-disable selector-class-pattern */
|
||||
// The icons at line
|
||||
> .fa,
|
||||
> .fas,
|
||||
|
@ -106,6 +108,7 @@
|
|||
> .svg-inline--fa {
|
||||
padding: 7px;
|
||||
}
|
||||
/* stylelint-enable selector-class-pattern */
|
||||
}
|
||||
// Time label
|
||||
> .time-label {
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
//
|
||||
|
||||
|
||||
@keyframes flipInX {
|
||||
@keyframes flip-in-x {
|
||||
0% {
|
||||
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
||||
transition-timing-function: ease-in;
|
||||
|
@ -30,7 +30,7 @@
|
|||
}
|
||||
|
||||
|
||||
@keyframes fadeIn {
|
||||
@keyframes fade-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
|
@ -40,7 +40,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
@keyframes fadeOut {
|
||||
@keyframes fade-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
|
@ -115,5 +115,3 @@
|
|||
transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
|
|
|
@ -54,14 +54,14 @@
|
|||
.sidebar .nav-sidebar .nav-link p,
|
||||
.brand-text {
|
||||
margin-left: -10px;
|
||||
animation-name: fadeOut;
|
||||
animation-name: fade-out;
|
||||
animation-duration: $transition-speed;
|
||||
animation-fill-mode: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.logo-xl {
|
||||
animation-name: fadeOut;
|
||||
animation-name: fade-out;
|
||||
animation-duration: $transition-speed;
|
||||
animation-fill-mode: both;
|
||||
visibility: hidden;
|
||||
|
@ -69,7 +69,7 @@
|
|||
|
||||
.logo-xs {
|
||||
display: inline-block;
|
||||
animation-name: fadeIn;
|
||||
animation-name: fade-in;
|
||||
animation-duration: $transition-speed;
|
||||
animation-fill-mode: both;
|
||||
visibility: visible;
|
||||
|
@ -115,14 +115,14 @@
|
|||
.logo-xl {
|
||||
display: inline-block;
|
||||
margin-left: 0;
|
||||
animation-name: fadeIn;
|
||||
animation-name: fade-in;
|
||||
animation-duration: $transition-speed;
|
||||
animation-fill-mode: both;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.logo-xs {
|
||||
animation-name: fadeOut;
|
||||
animation-name: fade-out;
|
||||
animation-duration: $transition-speed;
|
||||
animation-fill-mode: both;
|
||||
visibility: hidden;
|
||||
|
|
|
@ -36,7 +36,7 @@ body.iframe-mode-fullscreen {
|
|||
|
||||
&:hover,
|
||||
&:focus {
|
||||
animation-name: fadeIn;
|
||||
animation-name: fade-in;
|
||||
animation-duration: $transition-speed;
|
||||
animation-fill-mode: both;
|
||||
visibility: visible;
|
||||
|
@ -59,7 +59,7 @@ body.iframe-mode-fullscreen {
|
|||
&:hover,
|
||||
&:focus {
|
||||
.btn-iframe-close {
|
||||
animation-name: fadeIn;
|
||||
animation-name: fade-in;
|
||||
animation-duration: $transition-speed;
|
||||
animation-fill-mode: both;
|
||||
visibility: visible;
|
||||
|
|
Loading…
Reference in New Issue