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

Merge branch 'main' into feature/#69_Add-pages-to-show-pages-to-scroll

Browse Source
This commit is contained in:
Vadim
2021-09-17 11:35:04 +03:00
parent f6e91fd589 3d3a2c25a5
commit 858a5dc36b
4 changed files with 34 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/index.css
View File

@@ -1,12 +1,12 @@
html,body{position:relative;width:100%;height:100%;margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;}
code[class*="language-"],pre[class*="language-"] {color:#ccc;background:none;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;}pre[class*="language-"] {padding:1em;margin:.5em 0;overflow:auto;}:not(pre) > code[class*="language-"],pre[class*="language-"] {background:#2d2d2d;}:not(pre) > code[class*="language-"] {padding:.1em;border-radius:.3em;white-space:normal;}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata {color:#999;}.token.punctuation {color:#ccc;}.token.tag,.token.attr-name,.token.namespace,.token.deleted {color:#e2777a;}.token.function-name {color:#6196cc;}.token.boolean,.token.number,.token.function {color:#f08d49;}.token.property,.token.class-name,.token.constant,.token.symbol {color:#f8c555;}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin {color:#cc99cd;}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable {color:#7ec699;}.token.operator,.token.entity,.token.url {color:#67cdcc;}.token.important,.token.bold {font-weight:bold;}.token.italic {font-style:italic;}.token.entity {cursor:help;}.token.inserted {color:green;}
.img-container.svelte-4bw00n.svelte-4bw00n{display:block;width:100%;height:200px}.img-container.svelte-4bw00n>img.svelte-4bw00n{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}.custom-arrow.svelte-4bw00n.svelte-4bw00n{width:20px;background-color:#000000;opacity:0.3;position:absolute;top:0;bottom:0;z-index:1;transition:opacity 150ms ease;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.custom-arrow.svelte-4bw00n.svelte-4bw00n:hover{opacity:0.5}.custom-arrow.svelte-4bw00n>i.svelte-4bw00n{border:solid #1e1e1e;border-width:0 5px 5px 0;padding:5px;position:relative}.custom-arrow-prev.svelte-4bw00n.svelte-4bw00n{left:0}.custom-arrow-prev.svelte-4bw00n>i.svelte-4bw00n{transform:rotate(135deg);right:-4px}.custom-arrow-next.svelte-4bw00n.svelte-4bw00n{right:0}.custom-arrow-next.svelte-4bw00n>i.svelte-4bw00n{transform:rotate(-45deg);left:-4px}.custom-dots.svelte-4bw00n.svelte-4bw00n{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:0 20px}
.divider.svelte-10zimfx{margin-top:15px;margin-bottom:15px;height:1px}
.color-container.svelte-1bsdhrs.svelte-1bsdhrs{height:150px;width:100%;display:flex;align-items:center;justify-content:center;user-select:none}.color-container.svelte-1bsdhrs>p.svelte-1bsdhrs{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-style:italic;font-size:18px}
.custom-dot__dot-container.svelte-1ufq367{height:25px;width:25px;background-color:#727272;border-radius:50%;opacity:0.7;display:flex;align-items:center;justify-content:center;margin:5px;cursor:pointer;-webkit-tap-highlight-color:transparent}.custom-dot__dot-container.svelte-1ufq367:hover{opacity:0.9}.custom-dot__dot-container_active.svelte-1ufq367{background-color:#009800}.custom-dot__symbol.svelte-1ufq367{font-size:14px;font-weight:bold;color:#eaeaea}
.divider.svelte-10zimfx{margin-top:15px;margin-bottom:15px;height:1px}
:root{--sc-color-rgb-light-50p:rgba(93,93,93,0.5);--sc-color-rgb-light:#5d5d5d;--sc-color-hex-dark-50p:rgba(30,30,30,0.5);--sc-color-hex-dark:#1e1e1e}.sc-carousel__carousel-container.svelte-h7bw08{display:flex;width:100%;flex-direction:column;align-items:center}.sc-carousel__content-container.svelte-h7bw08{position:relative;display:flex;width:100%}.sc-carousel__pages-window.svelte-h7bw08{flex:1;display:flex;overflow:hidden;box-sizing:border-box;position:relative}.sc-carousel__pages-container.svelte-h7bw08{width:100%;display:flex;transition-property:transform}.sc-carousel__arrow-container.svelte-h7bw08{padding:5px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.sc-carousel-progress__container.svelte-h7bw08{width:100%;height:5px;background-color:var(--sc-color-rgb-light-50p);position:absolute;bottom:0}
.albums-container.svelte-tqqkfc.svelte-tqqkfc{display:flex;justify-content:center;flex-wrap:wrap}.album-container.svelte-tqqkfc.svelte-tqqkfc{width:250px;padding:10px;background-color:#c6c6c6;border-radius:5px;margin:5px}.album-title.svelte-tqqkfc.svelte-tqqkfc{font-size:16px}.album-size.svelte-tqqkfc.svelte-tqqkfc{font-size:10px;color:#585858}.album-tag.svelte-tqqkfc.svelte-tqqkfc{background-color:#8f8f8f;border-radius:5px;padding:1px 5px;color:#ffffff;margin-top:3px;margin-bottom:3px;display:inline-block;font-size:10px}.album-tag.svelte-tqqkfc.svelte-tqqkfc:not(:last-child){margin-right:3px}.album-arrow.svelte-tqqkfc.svelte-tqqkfc{width:20px;background-color:#000000;opacity:0;position:absolute;top:0;bottom:0;z-index:1;transition:opacity 150ms ease;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.album-arrow.svelte-tqqkfc>i.svelte-tqqkfc{border:solid #1e1e1e;border-width:0 5px 5px 0;padding:5px;position:relative}.album-container.svelte-tqqkfc:hover .album-arrow.svelte-tqqkfc{opacity:0.5}.album-arrow-prev.svelte-tqqkfc.svelte-tqqkfc{left:0}.album-arrow-prev.svelte-tqqkfc>i.svelte-tqqkfc{transform:rotate(135deg);right:-4px}.album-arrow-next.svelte-tqqkfc.svelte-tqqkfc{right:0}.album-arrow-next.svelte-tqqkfc>i.svelte-tqqkfc{transform:rotate(-45deg);left:-4px}
.docs__main-layout__main-container.svelte-qbysha.svelte-qbysha{background-color:#eaeaea}.docs__main-layout__header-container.svelte-qbysha.svelte-qbysha{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;padding:10px;box-sizing:border-box;background-color:#f0e68c}.docs__main-layout__logo.svelte-qbysha.svelte-qbysha{height:80%;max-width:100%;object-fit:contain}.docs__main-layout__links-container.svelte-qbysha.svelte-qbysha{display:flex;justify-content:center;padding:10px}.docs__main-layout__links-container.svelte-qbysha>a.svelte-qbysha{text-decoration:none;display:flex;align-items:center;background-color:#ffffff;padding:5px;border-radius:3px}.docs__main-layout__links-container.svelte-qbysha>a.svelte-qbysha:not(:last-child){margin-right:10px}.docs__main-layout__links-container.svelte-qbysha>a.svelte-qbysha:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.docs__main-layout__links-container.svelte-qbysha>a.svelte-qbysha:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.docs__main-layout__link-icon.svelte-qbysha.svelte-qbysha{width:25px}.docs__main-layout__link-text.svelte-qbysha.svelte-qbysha{color:#009800;font-size:18px;font-weight:500}.docs__main-layout__content-container.svelte-qbysha.svelte-qbysha{margin:0 auto}@media screen and (min-width:0px){.docs__main-layout__content-container.svelte-qbysha.svelte-qbysha{width:95%}}@media screen and (min-width:768px){.docs__main-layout__content-container.svelte-qbysha.svelte-qbysha{width:70%}}@media screen and (min-width:992px){.docs__main-layout__content-container.svelte-qbysha.svelte-qbysha{width:60%}}@media screen and (min-width:1200px){.docs__main-layout__content-container.svelte-qbysha.svelte-qbysha{width:50%}}
.docs__main-layout__main-container.svelte-cmsfas.svelte-cmsfas{background-color:#eaeaea}.docs__main-layout__header-container.svelte-cmsfas.svelte-cmsfas{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;padding:10px;box-sizing:border-box;background-color:#f0e68c}.docs__main-layout__logo-container.svelte-cmsfas.svelte-cmsfas{height:80%;max-width:100%;position:relative}.docs__main-layout__version.svelte-cmsfas.svelte-cmsfas{position:absolute;top:20px;right:20px;background-color:#fff;padding:3px 7px;border-radius:5px;line-height:14px;font-size:14px}.docs__main-layout__logo.svelte-cmsfas.svelte-cmsfas{max-height:100%;max-width:100%;object-fit:contain}.docs__main-layout__links-container.svelte-cmsfas.svelte-cmsfas{display:flex;justify-content:center;padding:10px}.docs__main-layout__links-container.svelte-cmsfas>a.svelte-cmsfas{text-decoration:none;display:flex;align-items:center;background-color:#ffffff;padding:5px;border-radius:3px}.docs__main-layout__links-container.svelte-cmsfas>a.svelte-cmsfas:not(:last-child){margin-right:10px}.docs__main-layout__links-container.svelte-cmsfas>a.svelte-cmsfas:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.docs__main-layout__links-container.svelte-cmsfas>a.svelte-cmsfas:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.docs__main-layout__link-icon.svelte-cmsfas.svelte-cmsfas{width:25px}.docs__main-layout__link-text.svelte-cmsfas.svelte-cmsfas{color:#009800;font-size:18px;font-weight:500}.docs__main-layout__content-container.svelte-cmsfas.svelte-cmsfas{margin:0 auto}@media screen and (min-width:0px){.docs__main-layout__content-container.svelte-cmsfas.svelte-cmsfas{width:95%}}@media screen and (min-width:768px){.docs__main-layout__content-container.svelte-cmsfas.svelte-cmsfas{width:70%}}@media screen and (min-width:992px){.docs__main-layout__content-container.svelte-cmsfas.svelte-cmsfas{width:60%}}@media screen and (min-width:1200px){.docs__main-layout__content-container.svelte-cmsfas.svelte-cmsfas{width:50%}}
.sc-carousel-dots__container.svelte-1oj5bge{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:0 30px}.sc-carousel-dots__dot-container.svelte-1oj5bge{height:calc(var(--sc-dot-size) + 14px);width:calc(var(--sc-dot-size) + 10px);display:flex;align-items:center;justify-content:center}
:root{--sc-arrow-size:2px}.sc-carousel-arrow__circle.svelte-9ztt4p{width:20px;height:20px;border-radius:50%;background-color:var(--sc-color-rgb-light-50p);display:flex;align-items:center;justify-content:center;transition:opacity 100ms ease;cursor:pointer;-webkit-tap-highlight-color:transparent}.sc-carousel-arrow__circle.svelte-9ztt4p:hover{opacity:0.9}.sc-carousel-arrow__arrow.svelte-9ztt4p{border:solid var(--sc-color-hex-dark);border-width:0 var(--sc-arrow-size) var(--sc-arrow-size) 0;padding:var(--sc-arrow-size);position:relative}.sc-carousel-arrow__arrow-next.svelte-9ztt4p{transform:rotate(-45deg);left:calc(var(--sc-arrow-size) / -2)}.sc-carousel-arrow__arrow-prev.svelte-9ztt4p{transform:rotate(135deg);right:calc(var(--sc-arrow-size) / -2)}.sc-carousel-arrow__circle_disabled.svelte-9ztt4p,.sc-carousel-arrow__circle_disabled.svelte-9ztt4p:hover{opacity:0.5}
.sc-carousel-progress__indicator.svelte-nuyenl{height:100%;background-color:var(--sc-color-hex-dark-50p)}

4
docs/index.js
View File

File diff suppressed because one or more lines are too long

2
package.json
View File

@@ -1,6 +1,6 @@
{
"name": "svelte-carousel",
"version": "1.0.15-rc1",
"version": "1.0.15",
"description": "Svelte carousel",
"main": "src/main.js",
"author": "vadimkorr",

37
src/docs/Layouts/Main.svelte
View File

@@ -1,9 +1,9 @@
<script context="module">
import Table from './custom/Table.svelte';
import Th from './custom/Th.svelte';
import Tr from './custom/Tr.svelte';
import Td from './custom/Td.svelte';
import { H1, H2 } from './custom/H';
import Table from './custom/Table.svelte'
import Th from './custom/Th.svelte'
import Tr from './custom/Tr.svelte'
import Td from './custom/Td.svelte'
import { H1, H2 } from './custom/H'
export {
Table as table,
Th as th,
@@ -11,7 +11,8 @@
Td as td,
H1 as h1,
H2 as h2,
};
}
import pkg from '../../../package.json'
</script>
<script>
@@ -29,7 +30,10 @@
<div class="docs__main-layout__main-container">
<div class="docs__main-layout__header-container">
<img class="docs__main-layout__logo" src="./svelte-carousel-logo-md.png" alt="svelte-carousel-logo" />
<div class="docs__main-layout__logo-container">
<span class="docs__main-layout__version">v{pkg.version}</span>
<img class="docs__main-layout__logo" src="./svelte-carousel-logo-md.png" alt="svelte-carousel-logo" />
</div>
<div class="docs__main-layout__links-container">
{#each links as { url, title, iconName } (title)}
<a href={url} target="_blank" rel="noopener noreferrer" class="docs__main-layout__link">
@@ -62,11 +66,28 @@
box-sizing: border-box;
background-color: #f0e68c;
}
.docs__main-layout__logo {
.docs__main-layout__logo-container {
height: 80%;
max-width: 100%;
position: relative;
}
.docs__main-layout__version {
position: absolute;
top: 20px;
right: 20px;
background-color: #fff;
padding: 3px 7px;
border-radius: 5px;
line-height: 14px;
font-size: 14px;
}
.docs__main-layout__logo {
max-height: 100%;
max-width: 100%;
object-fit: contain;
}
.docs__main-layout__links-container {
display: flex;
justify-content: center;