chore(assets): rassure le linter
Parent
fa5a2e2ad6
révision
a3bda6023b
|
@ -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
|
||||
|
||||
|
|
|
@ -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';
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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',
|
||||
|
|
Chargement…
Référencer dans un nouveau ticket