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> <style>
:root { :root {
--sc-arrow-size: 2px; --sc-arrow-size: 2px;
--sc-color-rgb-light-50p: rgba(93, 93, 93, 0.5);
--sc-color-hex-dark: #1e1e1e;
} }
.sc-carousel-arrow__circle { .sc-carousel-arrow__circle {
width: 20px; width: 20px;

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

@@ -363,7 +363,11 @@
<style> <style>
:root { :root {
--sc-arrow-size: 2px; --sc-arrow-size: 2px;
--sc-color-rgb-light-50p: rgba(93, 93, 93, 0.5); --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 { .sc-carousel__carousel-container {
display: flex; display: flex;

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

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