Fix intentation (CSS)

.stylelintrc

@@ -70,6 +70,7 @@
     "function-parentheses-newline-inside": "always-multi-line",
     "function-parentheses-space-inside": "never-single-line",
     "function-whitespace-after": "always",
+    "indentation": 4,
     "keyframe-declaration-no-important": true,
     "length-zero-no-unit": true,
     "max-empty-lines": 1,

src/assets/css/fonts.css

@@ -6,8 +6,8 @@ html {
 }
 
 h1,
- h2,
- h3 {
+h2,
+h3 {
     /* For better bolding, since Helvetica does not support 500 weight, and 600 is too thick */
     font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", 'Open Sans', sans-serif;
 }

src/assets/css/scrollstyles.css

@@ -10,7 +10,7 @@
 }
 
 .hiddenScrollX,
- .layout-tv .scrollX {
+.layout-tv .scrollX {
     -ms-overflow-style: none;
 }
 
@@ -19,7 +19,7 @@
 }
 
 .hiddenScrollX::-webkit-scrollbar,
- .layout-tv .scrollX::-webkit-scrollbar {
+.layout-tv .scrollX::-webkit-scrollbar {
     height: 0 !important;
     display: none;
 }
@@ -38,7 +38,7 @@
 }
 
 .hiddenScrollY,
- .layout-tv .smoothScrollY {
+.layout-tv .smoothScrollY {
     -ms-overflow-style: none;
 
     /* Can't do this because it not only hides the scrollbar, but also prevents scrolling */
@@ -51,8 +51,8 @@
 }
 
 .hiddenScrollY::-webkit-scrollbar,
- .layout-tv .smoothScrollY::-webkit-scrollbar,
- .layout-tv .scrollY::-webkit-scrollbar {
+.layout-tv .smoothScrollY::-webkit-scrollbar,
+.layout-tv .scrollY::-webkit-scrollbar {
     width: 0 !important;
     display: none;
 }

src/components/appfooter/appfooter.css

@@ -8,6 +8,6 @@
     contain: layout style;
 }
 
-    .appfooter.headroom--unpinned {
+.appfooter.headroom--unpinned {
     transform: translateY(100%) !important;
-    }
+}

src/components/cardbuilder/card.css

@@ -56,26 +56,26 @@ button::-moz-focus-inner {
 }
 
 .cardPadder-backdrop,
- .cardPadder-mixedBackdrop,
- .cardPadder-smallBackdrop,
- .cardPadder-overflowBackdrop,
- .cardPadder-overflowSmallBackdrop {
+.cardPadder-mixedBackdrop,
+.cardPadder-smallBackdrop,
+.cardPadder-overflowBackdrop,
+.cardPadder-overflowSmallBackdrop {
     padding-bottom: 56.25%;
     contain: strict;
 }
 
 .cardPadder-square,
- .cardPadder-mixedSquare,
- .cardPadder-overflowSquare,
- .overflowSquareCard-textCardPadder {
+.cardPadder-mixedSquare,
+.cardPadder-overflowSquare,
+.overflowSquareCard-textCardPadder {
     padding-bottom: 100%;
     contain: strict;
 }
 
 .cardPadder-portrait,
- .cardPadder-mixedPortrait,
- .cardPadder-overflowPortrait,
- .overflowPortraitCard-textCardPadder {
+.cardPadder-mixedPortrait,
+.cardPadder-overflowPortrait,
+.overflowPortraitCard-textCardPadder {
     padding-bottom: 150%;
     contain: strict;
 }
@@ -621,7 +621,7 @@ button::-moz-focus-inner {
 }
 
 .overflowSquareCard,
- .overflowPortraitCard {
+.overflowPortraitCard {
     width: 40vw;
 }
 
@@ -756,7 +756,7 @@ button::-moz-focus-inner {
 }
 
 .itemsContainer-tv > .overflowSquareCard,
- .itemsContainer-tv > .overflowPortraitCard {
+.itemsContainer-tv > .overflowPortraitCard {
     width: 15.6vw;
 }
 

src/components/guide/guide.css

@@ -92,7 +92,7 @@
 }
 
 .channelPrograms,
- .timeslotHeadersInner {
+.timeslotHeadersInner {
     width: 1800vw;
 }
 
@@ -125,12 +125,12 @@
 }
 
 .programCell,
- .guide-channelHeaderCell {
+.guide-channelHeaderCell {
     outline: none !important;
 }
 
 .guide-channelHeaderCell,
- .guide-channelTimeslotHeader {
+.guide-channelTimeslotHeader {
     padding: 0 !important;
     cursor: pointer;
     outline: none !important;
@@ -167,7 +167,7 @@
    This was causing channelsContainer to extend beyond the fixed width on ps4, tizen, lg and opera tv.
 */
 .channelsContainer,
- .guide-channelTimeslotHeader {
+.guide-channelTimeslotHeader {
     width: 24vw;
 }
 
@@ -221,18 +221,18 @@
     }
 }
 
-    .channelPrograms + .channelPrograms,
- .guide-channelHeaderCell + .guide-channelHeaderCell {
+.channelPrograms + .channelPrograms,
+.guide-channelHeaderCell + .guide-channelHeaderCell {
     margin-top: -1px;
-    }
+}
 
 .channelPrograms-tv,
- .guide-channelHeaderCell-tv {
+.guide-channelHeaderCell-tv {
     height: 3em;
 }
 
 .guide-channelTimeslotHeader,
- .timeslotHeader {
+.timeslotHeader {
     background: transparent !important;
     height: 2.8em;
 }
@@ -377,12 +377,12 @@
 }
 
 .channelsContainer,
- .programGrid {
+.programGrid {
     contain: layout style paint;
 }
 
 .timerIcon,
- .seriesTimerIcon {
+.seriesTimerIcon {
     color: #c33 !important;
 }
 
@@ -425,11 +425,11 @@
     font-weight: normal;
 }
 
-    .guide-date-tab-button.emby-tab-button-active {
+.guide-date-tab-button.emby-tab-button-active {
     border-color: transparent !important;
-    }
+}
 
-    .guide-date-tab-button.show-focus:focus {
+.guide-date-tab-button.show-focus:focus {
     border-radius: 0.15em !important;
     transform: none !important;
-    }
+}

src/components/indicators/indicators.css

@@ -86,7 +86,7 @@
 }
 
 .missingIndicator,
- .unairedIndicator {
+.unairedIndicator {
     background: #c33;
     padding: 0.25em 0.5em;
     border-radius: 100em;

src/components/listview/listview.css

@@ -54,14 +54,14 @@
 }
 
 .listItemImage,
- .listItemIcon,
- .listItemAside {
+.listItemIcon,
+.listItemAside {
     flex-shrink: 0;
 }
 
 .listItemBody,
- .listItemImage,
- .listItemIcon {
+.listItemImage,
+.listItemIcon {
     display: inline-block;
     vertical-align: middle;
 }
@@ -90,8 +90,8 @@
 }
 
 .listItem,
- .listItemBody,
- .listItemMediaInfo {
+.listItemBody,
+.listItemMediaInfo {
     display: flex;
     contain: layout style;
 }

src/components/loading/loading.css

@@ -371,9 +371,9 @@
     border-color: inherit;
 }
 
-    .mdl-spinner__circle-clipper .mdl-spinner__circle {
+.mdl-spinner__circle-clipper .mdl-spinner__circle {
     width: 200%;
-    }
+}
 
 .mdl-spinner__circleLeft {
     border-right-color: transparent !important;

src/components/nowplayingbar/nowplayingbar.css

@@ -29,7 +29,7 @@
 }
 
 .mediaButton,
- .nowPlayingBarUserDataButtons .btnUserItemRating {
+.nowPlayingBarUserDataButtons .btnUserItemRating {
     vertical-align: middle;
     margin: 0;
     text-align: center;

src/components/slideshow/style.css

@@ -4,13 +4,13 @@
 }
 
 .slideshowSwiperContainer,
- .swiper-wrapper,
- .swiper-slide {
+.swiper-wrapper,
+.swiper-slide {
     background: #000;
 }
 
 .slideshowImage,
- .slideshowSwiperContainer {
+.slideshowSwiperContainer {
     position: fixed;
     top: 0;
     right: 0;

src/components/youtubeplayer/style.css

@@ -9,13 +9,13 @@
     align-items: center;
 }
 
-    .youtubePlayerContainer.onTop {
+.youtubePlayerContainer.onTop {
     z-index: 1000;
-    }
+}
 
-    .youtubePlayerContainer video {
+.youtubePlayerContainer video {
     margin: 0 !important;
     padding: 0 !important;
     width: 100%;
     height: 100%;
-    }
+}

src/elements/emby-button/emby-button.css

@@ -131,25 +131,25 @@
     z-index: 1;
 }
 
-    .paper-icon-button-light::-moz-focus-inner {
+.paper-icon-button-light::-moz-focus-inner {
     border: 0;
-    }
+}
 
-    .paper-icon-button-light:disabled {
+.paper-icon-button-light:disabled {
     opacity: 0.3;
     cursor: default;
-    }
+}
 
-    .paper-icon-button-light > i {
+.paper-icon-button-light > i {
     font-size: 1.66956521739130434em;
 
     /* Make sure its on top of the ripple */
     position: relative;
     z-index: 1;
     vertical-align: middle;
-    }
+}
 
-    .paper-icon-button-light > div {
+.paper-icon-button-light > div {
     max-height: 100%;
     transform: scale(1.8);
     position: relative;
@@ -157,7 +157,7 @@
     vertical-align: middle;
     display: inline;
     margin: 0 auto;
-    }
+}
 
 .emby-button-foreground {
     position: relative;

src/elements/emby-checkbox/emby-checkbox.css

@@ -101,11 +101,11 @@
     flex-wrap: wrap;
 }
 
-    .checkboxList-verticalwrap > .emby-checkbox-label {
+.checkboxList-verticalwrap > .emby-checkbox-label {
     display: inline-flex;
     margin: 0.3em 0 0.3em 0;
     width: 12em;
-    }
+}
 
 .checkboxList-paperList {
     padding: 1em !important;

src/elements/emby-input/emby-input.css

@@ -21,9 +21,9 @@
     width: 100%;
 }
 
-    .emby-input::-moz-focus-inner {
+.emby-input::-moz-focus-inner {
     border: 0;
-    }
+}
 
 .inputContainer {
     margin-bottom: 1.8em;

src/elements/emby-select/emby-select.css

@@ -20,14 +20,14 @@
     width: 100%;
 }
 
-    .emby-select[disabled] {
+.emby-select[disabled] {
     background: none !important;
     border-color: transparent !important;
     color: inherit !important;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
-    }
+}
 
 .emby-select::-moz-focus-inner {
     border: 0;
@@ -38,10 +38,10 @@
     font-size: inherit;
 }
 
-    .selectContainer-inline > .emby-select[disabled] {
+.selectContainer-inline > .emby-select[disabled] {
     padding-left: 0;
     padding-right: 0;
-    }
+}
 
 .emby-select-focusscale {
     transition: transform 180ms ease-out !important;
@@ -49,10 +49,10 @@
     transform-origin: center center;
 }
 
-    .emby-select-focusscale:focus {
+.emby-select-focusscale:focus {
     transform: scale(1.04);
     z-index: 1;
-    }
+}
 
 .emby-select + .fieldDescription {
     margin-top: 0.25em;

src/elements/emby-slider/emby-slider.css

@@ -31,46 +31,46 @@
     display: block;
 }
 
-    .mdl-slider::-moz-focus-outer {
+.mdl-slider::-moz-focus-outer {
     border: 0;
-    }
+}
 
-    .mdl-slider::-ms-tooltip {
+.mdl-slider::-ms-tooltip {
     display: none;
-    }
+}
 
-    .mdl-slider::-webkit-slider-runnable-track {
+.mdl-slider::-webkit-slider-runnable-track {
     background: transparent;
-    }
+}
 
-    .mdl-slider::-moz-range-track {
+.mdl-slider::-moz-range-track {
     background: #444;
     border: none;
     width: calc(100% - 20px);
-    }
+}
 
-    .mdl-slider::-moz-range-progress {
+.mdl-slider::-moz-range-progress {
     background: #00a4dc;
     width: calc(100% - 20px);
-    }
+}
 
-    .mdl-slider::-ms-track {
+.mdl-slider::-ms-track {
     background: none;
     color: transparent;
     height: 0.2em;
     width: 100%;
     border: none;
-    }
+}
 
-    .mdl-slider::-ms-fill-lower {
+.mdl-slider::-ms-fill-lower {
     display: none;
-    }
+}
 
-    .mdl-slider::-ms-fill-upper {
+.mdl-slider::-ms-fill-upper {
     display: none;
-    }
+}
 
-    .mdl-slider::-webkit-slider-thumb {
+.mdl-slider::-webkit-slider-thumb {
     -webkit-appearance: none;
     width: 1.2em;
     height: 1.2em;
@@ -79,7 +79,7 @@
     background: #00a4dc;
     border: none;
     transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
-    }
+}
 
 .mdl-slider-hoverthumb::-webkit-slider-thumb {
     transform: none;

src/elements/emby-textarea/emby-textarea.css

@@ -21,9 +21,9 @@
     width: 100%;
 }
 
-    .emby-textarea::-moz-focus-inner {
+.emby-textarea::-moz-focus-inner {
     border: 0;
-    }
+}
 
 .textareaLabel {
     display: inline-block;