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

View File

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

View File

@ -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;

View File

@ -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 {

View File

@ -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 */
}

View File

@ -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;
}

View File

@ -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;

View File

@ -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 {

View File

@ -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;
}

View File

@ -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 */
}
}
}

View File

@ -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;

View File

@ -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 {

View File

@ -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;
}
}
//

View File

@ -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;

View File

@ -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;