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

#54 : Remove unnecessary dot container

Browse Source
This commit is contained in:
Vadim
2021-08-08 13:58:43 +03:00
parent 993f2f2ffb
commit f94d1673e6
1 changed files with 5 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/Dot/Dot.svelte
View File

@@ -5,21 +5,13 @@
export let active = false export let active = false
</script> </script>
<div class="sc-carousel-dot__container"> <div
<div class="sc-carousel-dot__dot"
class="sc-carousel-dot__dot" class:sc-carousel-dot__dot_active={active}
class:sc-carousel-dot__dot_active={active} on:click
on:click ></div>
></div>
</div>
<style> <style>
.sc-carousel-dot__container {
display: flex;
align-items: center;
justify-content: center;
height: 16px;
width: 16px;
:root { :root {
--sc-dot-size: 6px; --sc-dot-size: 6px;
--sc-active-dot-size: 8px; --sc-active-dot-size: 8px;