github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

fix(stylelint): config extend broken & fontawesome class lint error

pull/4558/head
REJack 2022-06-28 23:11:35 +02:00
parent d0e86b30ab
commit 12ad550a4a
14 changed files with 38 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.stylelintrc
View File

@ -1,6 +1,6 @@
{ {
"extends": [ "extends": [
"stylelint-config-twbs-bootstrap/scss" "stylelint-config-twbs-bootstrap"
], ],
"rules": { "rules": {
"declaration-no-important": null, "declaration-no-important": null,

2
build/scss/_buttons.scss
View File

@ -86,6 +86,7 @@
position: relative; position: relative;
text-align: center; text-align: center;
/* stylelint-disable selector-class-pattern */
// Icons within the btn // Icons within the btn
> .fa, > .fa,
> .fas, > .fas,
@ -102,6 +103,7 @@
> .svg-inline--fa { > .svg-inline--fa {
margin: 0 auto; margin: 0 auto;
} }
/* stylelint-enable selector-class-pattern */
&:hover { &:hover {
background-color: $button-default-background-color; background-color: $button-default-background-color;

2
build/scss/_cards.scss
View File

@ -411,6 +411,7 @@ html.maximized-card {
display: none; display: none;
float: right; float: right;
/* stylelint-disable selector-class-pattern */
// icons // icons
> .fa, > .fa,
> .fas, > .fas,
@ -423,6 +424,7 @@ html.maximized-card {
cursor: pointer; cursor: pointer;
margin-right: 5px; margin-right: 5px;
} }
/* stylelint-enable selector-class-pattern */
} }
&:hover .tools { &:hover .tools {

2
build/scss/_carousel.scss
View File

@ -10,6 +10,7 @@
margin-right: 20px; margin-right: 20px;
} }
/* stylelint-disable selector-class-pattern */
> .fa, > .fa,
> .fas, > .fas,
> .far, > .far,
@ -25,4 +26,5 @@
top: 50%; top: 50%;
z-index: 5; z-index: 5;
} }
/* stylelint-enable selector-class-pattern */
} }

2
build/scss/_dropdown.scss
View File

@ -117,7 +117,7 @@
// Add fade animation to dropdown menus by appending // Add fade animation to dropdown menus by appending
// the class .animated-dropdown-menu to the .dropdown-menu ul (or ol) // the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)
.open:not(.dropup) > .animated-dropdown-menu { .open:not(.dropup) > .animated-dropdown-menu {
@include animation(flipInX .7s both); @include animation(flip-in-x .7s both);
backface-visibility: visible !important; backface-visibility: visible !important;
} }

3
build/scss/_forms.scss
View File

@ -33,7 +33,7 @@
} }
} }
} }
/* stylelint-disable selector-class-pattern */
// Support icons in form-control // Support icons in form-control
.form-control-feedback { .form-control-feedback {
&.fa, &.fa,
@ -105,6 +105,7 @@
} }
} }
} }
/* stylelint-enable selector-class-pattern */
label:not(.form-check-label):not(.custom-file-label) { label:not(.form-check-label):not(.custom-file-label) {
font-weight: $font-weight-bold; font-weight: $font-weight-bold;

3
build/scss/_main-header.scss
View File

@ -17,6 +17,7 @@
height: $nav-link-sm-height; height: $nav-link-sm-height;
padding: $nav-link-sm-padding-y $nav-link-padding-x; padding: $nav-link-sm-padding-y $nav-link-padding-x;
/* stylelint-disable selector-class-pattern */
> .fa, > .fa,
> .fas, > .fas,
> .far, > .far,
@ -27,8 +28,8 @@
> .ion { > .ion {
font-size: $font-size-sm; font-size: $font-size-sm;
} }
/* stylelint-enable selector-class-pattern */
} }
} }
.navbar-nav { .navbar-nav {

10
build/scss/_main-sidebar.scss
View File

@ -131,6 +131,7 @@
text-align: center; text-align: center;
width: $sidebar-nav-icon-width; width: $sidebar-nav-icon-width;
/* stylelint-disable selector-class-pattern */
&.fa, &.fa,
&.fas, &.fas,
&.far, &.far,
@ -141,6 +142,7 @@
&.ion { &.ion {
font-size: 1.1rem; font-size: 1.1rem;
} }
/* stylelint-enable selector-class-pattern */
} }
.float-right { .float-right {
@ -202,7 +204,7 @@
.sidebar-is-opening .sidebar .nav-sidebar { .sidebar-is-opening .sidebar .nav-sidebar {
.nav-link p { .nav-link p {
animation-name: fadeIn; animation-name: fade-in;
animation-duration: $transition-speed; animation-duration: $transition-speed;
animation-fill-mode: both; animation-fill-mode: both;
} }
@ -857,7 +859,7 @@
.nav-collapse-hide-child { .nav-collapse-hide-child {
.menu-open > .nav-treeview { .menu-open > .nav-treeview {
max-height: min-content; max-height: min-content;
animation-name: fadeIn; animation-name: fade-in;
animation-duration: $transition-speed; animation-duration: $transition-speed;
animation-fill-mode: both; animation-fill-mode: both;
} }
@ -865,7 +867,7 @@
.sidebar-collapse .sidebar:not(:hover) & { .sidebar-collapse .sidebar:not(:hover) & {
.menu-open > .nav-treeview { .menu-open > .nav-treeview {
max-height: 0; max-height: 0;
animation-name: fadeOut; animation-name: fade-out;
animation-duration: $transition-speed; animation-duration: $transition-speed;
animation-fill-mode: both; animation-fill-mode: both;
} }
@ -878,7 +880,7 @@
.main-sidebar:not(.sidebar-no-expand):hover & { .main-sidebar:not(.sidebar-no-expand):hover & {
.menu-open > .nav-treeview { .menu-open > .nav-treeview {
max-height: min-content; max-height: min-content;
animation-name: fadeIn; animation-name: fade-in;
animation-duration: $transition-speed; animation-duration: $transition-speed;
animation-fill-mode: both; animation-fill-mode: both;
} }

4
build/scss/_miscellaneous.scss
View File

@ -264,6 +264,7 @@
justify-content: center; justify-content: center;
z-index: 50; z-index: 50;
/* stylelint-disable selector-class-pattern */
> .fa, > .fa,
> .fas, > .fas,
> .far, > .far,
@ -274,10 +275,12 @@
> .ion { > .ion {
color: $gray-800; color: $gray-800;
} }
/* stylelint-enable selector-class-pattern */
&.dark { &.dark {
background-color: rgba($black, .5); background-color: rgba($black, .5);
/* stylelint-disable selector-class-pattern */
> .fa, > .fa,
> .fas, > .fas,
> .far, > .far,
@ -288,6 +291,7 @@
> .ion { > .ion {
color: $gray-400; color: $gray-400;
} }
/* stylelint-enable selector-class-pattern */
} }
} }
} }

6
build/scss/_sidebar-mini.scss
View File

@ -436,14 +436,14 @@
} }
.logo-xs { .logo-xs {
animation-name: fadeIn; animation-name: fade-in;
animation-duration: $transition-speed; animation-duration: $transition-speed;
animation-fill-mode: both; animation-fill-mode: both;
visibility: visible; visibility: visible;
} }
.logo-xl { .logo-xl {
animation-name: fadeOut; animation-name: fade-out;
animation-duration: $transition-speed; animation-duration: $transition-speed;
animation-fill-mode: both; animation-fill-mode: both;
visibility: hidden; visibility: hidden;
@ -458,7 +458,7 @@
.user-panel > .info, .user-panel > .info,
.nav-sidebar .nav-link p { .nav-sidebar .nav-link p {
margin-left: -10px; margin-left: -10px;
animation-name: fadeOut; animation-name: fade-out;
animation-duration: $transition-speed; animation-duration: $transition-speed;
animation-fill-mode: both; animation-fill-mode: both;
visibility: hidden; visibility: hidden;

3
build/scss/_timeline.scss
View File

@ -83,6 +83,8 @@
} }
} }
} }
/* stylelint-disable selector-class-pattern */
// The icons at line // The icons at line
> .fa, > .fa,
> .fas, > .fas,
@ -106,6 +108,7 @@
> .svg-inline--fa { > .svg-inline--fa {
padding: 7px; padding: 7px;
} }
/* stylelint-enable selector-class-pattern */
} }
// Time label // Time label
> .time-label { > .time-label {

8
build/scss/mixins/_animations.scss
View File

@ -3,7 +3,7 @@
// //
@keyframes flipInX { @keyframes flip-in-x {
0% { 0% {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transition-timing-function: ease-in; transition-timing-function: ease-in;
@ -30,7 +30,7 @@
} }
@keyframes fadeIn { @keyframes fade-in {
from { from {
opacity: 0; opacity: 0;
} }
@ -40,7 +40,7 @@
} }
} }
@keyframes fadeOut { @keyframes fade-out {
from { from {
opacity: 1; opacity: 1;
} }
@ -115,5 +115,3 @@
transform: none; transform: none;
} }
} }
//

10
build/scss/mixins/_sidebar.scss
View File

@ -54,14 +54,14 @@
.sidebar .nav-sidebar .nav-link p, .sidebar .nav-sidebar .nav-link p,
.brand-text { .brand-text {
margin-left: -10px; margin-left: -10px;
animation-name: fadeOut; animation-name: fade-out;
animation-duration: $transition-speed; animation-duration: $transition-speed;
animation-fill-mode: both; animation-fill-mode: both;
visibility: hidden; visibility: hidden;
} }
.logo-xl { .logo-xl {
animation-name: fadeOut; animation-name: fade-out;
animation-duration: $transition-speed; animation-duration: $transition-speed;
animation-fill-mode: both; animation-fill-mode: both;
visibility: hidden; visibility: hidden;
@ -69,7 +69,7 @@
.logo-xs { .logo-xs {
display: inline-block; display: inline-block;
animation-name: fadeIn; animation-name: fade-in;
animation-duration: $transition-speed; animation-duration: $transition-speed;
animation-fill-mode: both; animation-fill-mode: both;
visibility: visible; visibility: visible;
@ -115,14 +115,14 @@
.logo-xl { .logo-xl {
display: inline-block; display: inline-block;
margin-left: 0; margin-left: 0;
animation-name: fadeIn; animation-name: fade-in;
animation-duration: $transition-speed; animation-duration: $transition-speed;
animation-fill-mode: both; animation-fill-mode: both;
visibility: visible; visibility: visible;
} }
.logo-xs { .logo-xs {
animation-name: fadeOut; animation-name: fade-out;
animation-duration: $transition-speed; animation-duration: $transition-speed;
animation-fill-mode: both; animation-fill-mode: both;
visibility: hidden; visibility: hidden;

4
build/scss/pages/_iframe.scss
View File

@ -36,7 +36,7 @@ body.iframe-mode-fullscreen {
&:hover, &:hover,
&:focus { &:focus {
animation-name: fadeIn; animation-name: fade-in;
animation-duration: $transition-speed; animation-duration: $transition-speed;
animation-fill-mode: both; animation-fill-mode: both;
visibility: visible; visibility: visible;
@ -59,7 +59,7 @@ body.iframe-mode-fullscreen {
&:hover, &:hover,
&:focus { &:focus {
.btn-iframe-close { .btn-iframe-close {
animation-name: fadeIn; animation-name: fade-in;
animation-duration: $transition-speed; animation-duration: $transition-speed;
animation-fill-mode: both; animation-fill-mode: both;
visibility: visible; visibility: visible;