chore(assets): rassure le linter

feat/settings
Antoine 2022-03-09 15:05:15 +01:00
Parent fa5a2e2ad6
révision a3bda6023b
5 fichiers modifiés avec 36 ajouts et 35 suppressions

Voir le fichier

@ -14,7 +14,7 @@ $img-path: '../img';
// Color system
// You could generate a color scheme with: https://palx.jxnblk.com
$white: #fff;
$white: #fff;
$gray-100: #f8f9fa;
$gray-200: #e9ecef;
$gray-300: #dee2e6;
@ -24,7 +24,7 @@ $gray-600: #6c757d;
$gray-700: #495057;
$gray-800: #343a40;
$gray-900: #212529;
$black: #000;
$black: #000;
$blue: #0d6efd;
$indigo: #6610f2;
@ -38,14 +38,14 @@ $teal: #20c997;
$cyan: #0dcaf0;
// Bootstrap colors
$primary: $red;
$secondary: $gray-600;
$success: $green;
$info: $cyan;
$warning: $yellow;
$danger: $orange;
$light: $gray-100;
$dark: $gray-900;
$primary: $red;
$secondary: $gray-600;
$success: $green;
$info: $cyan;
$warning: $yellow;
$danger: $orange;
$light: $gray-100;
$dark: $gray-900;
// Options

Voir le fichier

@ -2,18 +2,20 @@
// Font faces declarations
// -----------------------------------------------------------------------------
$font-weight-normal: 400;
@font-face {
font-family: 'roboto_condensedregular';
src: url('../fonts/RobotoCondensed-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-family: 'roboto_condensedregular';
font-style: normal;
font-weight: $font-weight-normal;
src: url('../fonts/RobotoCondensed-Regular.woff') format('woff');
}
@font-face {
font-family: 'robotoregular';
src: url('../fonts/Roboto-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-family: robotoregular;
font-style: normal;
font-weight: $font-weight-normal;
src: url('../fonts/Roboto-Regular.woff') format('woff');
}
$font-family-base: 'robotoregular';

Voir le fichier

@ -1,17 +1,11 @@
// Bootstrap card customization
.card {
margin: 2em;
padding-right: 2em;
margin: 2em;
border: none;
border-right: 1px solid $gray-500;
}
.card:last-child {
padding: 0px;
border: none;
}
.card {
&-cover {
.illus {
width: auto;
@ -20,4 +14,9 @@
object-fit: cover;
}
}
&:last-child {
padding: 0;
border: none;
}
}

Voir le fichier

@ -33,7 +33,7 @@ $player-song-current-color: $primary !default;
background-color: $player-range-track-bg;
background-image: linear-gradient(
to right,
currentcolor var(--value, 0%),
currentColor var(--value, 0%),
transparent var(--value, 0%)
);
border: 0;
@ -74,6 +74,7 @@ $player-song-current-color: $primary !default;
}
}
/* stylelint-disable-next-line selector-class-pattern */
.player__container {
position: relative;
display: flex;
@ -84,8 +85,8 @@ $player-song-current-color: $primary !default;
&--controls,
&--current {
flex-shrink: 0;
flex-wrap: nowrap;
flex-shrink: 0;
width: 100%;
max-width: 100%;
}
@ -142,7 +143,6 @@ $player-song-current-color: $primary !default;
width: 100%;
&__range {
appearance: none;
display: block;
width: 100%;
min-width: 0;
@ -156,6 +156,7 @@ $player-song-current-color: $primary !default;
border: 0;
border-radius: calc(#{$player-range-thumb-height} * 2);
transition: box-shadow 0.3s ease;
appearance: none;
// Webkit
&::-webkit-slider-runnable-track {
@ -165,10 +166,11 @@ $player-song-current-color: $primary !default;
&::-webkit-slider-thumb {
@include player-range-thumb;
appearance: none;
/* prettier-ignore */
margin-top: calc(
((#{$player-range-thumb-height} - #{$player-range-track-height}) / 2) * -1
);
appearance: none;
}
// Mozilla
@ -236,10 +238,10 @@ $player-song-current-color: $primary !default;
&__title,
&__subtitle {
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
overflow: hidden;
line-height: 1;
text-overflow: ellipsis;
text-transform: uppercase;
}

Voir le fichier

@ -28,9 +28,7 @@ const CONFIG = {
// Path to other assets wich will be copied with copy-webpack-plugin
// See: https://www.npmjs.com/package/copy-webpack-plugin
COPY_PATTERNS: [
{ from: 'assets/img', to: 'img' },
],
COPY_PATTERNS: [{ from: 'assets/img', to: 'img' }],
ICONS_PATERN: 'assets/icons/*.svg',
ICONS_SPRITE_FILENAME: 'icons-sprite.svg',