44 lines
2.6 KiB
CSS
44 lines
2.6 KiB
CSS
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
|
!*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.103.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.103.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.94.1_webpack@5.103.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/audio-player/style.scss ***!
|
|
\*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
|
/**
|
|
* Styles for Plyr audio player block
|
|
* These styles are applied both in the editor and on the front-end
|
|
*/
|
|
.wp-block-carhop-blocks-audio-player .plyr__controls {
|
|
padding: 2rem 0 !important;
|
|
}
|
|
.wp-block-carhop-blocks-audio-player {
|
|
--plyr-color-main: var(--wp--preset--color--primary);
|
|
--plyr-menu-border-color: var(--wp--preset--color--carhop-green);
|
|
--plyr-menu-border-shadow-color: var(--wp--preset--color--carhop-green);
|
|
--plyr-control-icon-size: 20px;
|
|
--plyr-audio-control-color: var(--wp--preset--color--primary);
|
|
--plyr-audio-range-track-background: var(
|
|
--wp--preset--color--carhop-green--200
|
|
);
|
|
border: 1px solid var(--wp--preset--color--primary);
|
|
padding: 2rem;
|
|
}
|
|
.wp-block-carhop-blocks-audio-player button[data-plyr=play],
|
|
.wp-block-carhop-blocks-audio-player button[data-plyr=mute] {
|
|
border-radius: 50%;
|
|
border: 1px solid var(--wp--preset--color--primary);
|
|
padding: 2rem;
|
|
}
|
|
.wp-block-carhop-blocks-audio-player button[data-plyr=mute] {
|
|
padding: 1rem;
|
|
}
|
|
.wp-block-carhop-blocks-audio-player .audio-player__title {
|
|
text-transform: uppercase;
|
|
font-size: 1.5rem;
|
|
font-weight: 600;
|
|
color: var(--wp--preset--color--primary);
|
|
margin: 0;
|
|
}
|
|
.wp-block-carhop-blocks-audio-player .audio-player__details__label {
|
|
margin-right: 0.5rem;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
/*# sourceMappingURL=style-index.css.map*/ |