public/svelte-carousel
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

#31 : Move shared css vars to parent component

Browse Source
This commit is contained in:
Vadim
2021-07-03 22:27:42 +03:00
parent 68f9f5d0e0
commit 1cca2162ac
3 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Arrow/Arrow.svelte
View File

@@ -27,8 +27,6 @@
<style>
:root {
--sc-arrow-size: 2px;
--sc-color-rgb-light-50p: rgba(93, 93, 93, 0.5);
--sc-color-hex-dark: #1e1e1e;
}
.sc-carousel-arrow__circle {
width: 20px;

6
src/components/Carousel/Carousel.svelte
View File

@@ -363,7 +363,11 @@
<style>
:root {
--sc-arrow-size: 2px;
--sc-color-rgb-light-50p: rgba(93, 93, 93, 0.5);
--sc-color-hex-dark-50p: rgba(30, 30, 30, 0.5);
--sc-color-hex-dark: #1e1e1e;
}
.sc-carousel__carousel-container {
display: flex;
@@ -402,4 +406,4 @@
position: absolute;
bottom: 0;
}
</style>
</style>

3
src/components/Progress/Progress.svelte
View File

@@ -20,9 +20,6 @@
></div>
<style>
:root {
--sc-color-hex-dark-50p: rgba(30, 30, 30, 0.5)
}
.sc-carousel-progress__indicator {
height: 100%;
background-color: var(--sc-color-hex-dark-50p);