Files
svelte-carousel/docs/index.css
2021-01-25 21:50:46 +03:00

132 lines
5.9 KiB
CSS

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;
}/**
* prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
* Based on https://github.com/chriskempson/tomorrow-theme
* @author Rose Pritchard
*/
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;
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: #2d2d2d;
}
/* Inline code */
: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;
}
.color-container.svelte-1wnaxpj.svelte-1wnaxpj{height:100px;width:100%;display:flex;align-items:center;justify-content:center;user-select:none}.color-container.svelte-1wnaxpj>p.svelte-1wnaxpj{font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-style:italic;font-size:18px}.main-container.svelte-5wk0f1.svelte-5wk0f1{display:flex;width:100%;flex-direction:column;align-items:center}.carousel-container.svelte-5wk0f1.svelte-5wk0f1{position:relative;display:flex;width:100%}.content-container.svelte-5wk0f1.svelte-5wk0f1{flex:1;display:flex;overflow:hidden;box-sizing:border-box}.content-container.svelte-5wk0f1>div.svelte-5wk0f1{width:100%;display:flex;transition-timing-function:ease-in-out;transition-property:transform}.arrow-container.svelte-5wk0f1.svelte-5wk0f1{padding:5px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.albums-container.svelte-cnc8a5.svelte-cnc8a5{display:flex;justify-content:center;flex-wrap:wrap}.album-container.svelte-cnc8a5.svelte-cnc8a5{width:250px;padding:10px;background-color:#c6c6c6;border-radius:5px;margin:5px}.album-title.svelte-cnc8a5.svelte-cnc8a5{font-size:16px}.album-size.svelte-cnc8a5.svelte-cnc8a5{font-size:10px;color:#585858}.album-tag.svelte-cnc8a5.svelte-cnc8a5{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-cnc8a5.svelte-cnc8a5:not(:last-child){margin-right:3px}.album-arrow.svelte-cnc8a5.svelte-cnc8a5{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}.album-arrow.svelte-cnc8a5>i.svelte-cnc8a5{border:solid #1e1e1e;border-width:0 5px 5px 0;padding:5px;position:relative}.album-container.svelte-cnc8a5:hover .album-arrow.svelte-cnc8a5{opacity:0.5}.album-arrow-prev.svelte-cnc8a5.svelte-cnc8a5{left:0}.album-arrow-prev.svelte-cnc8a5>i.svelte-cnc8a5{transform:rotate(135deg);right:-4px}.album-arrow-next.svelte-cnc8a5.svelte-cnc8a5{right:0}.album-arrow-next.svelte-cnc8a5>i.svelte-cnc8a5{transform:rotate(-45deg);left:-4px}.docs__main-layout__main-container.svelte-j98mm2{background-color:#eaeaea}.docs__main-layout__content-container.svelte-j98mm2{display:flex;justify-content:center}@media screen and (min-width: 0px){.docs__main-layout__content-inner-container.svelte-j98mm2{width:100%}}@media screen and (min-width: 768px){.docs__main-layout__content-inner-container.svelte-j98mm2{width:70%}}@media screen and (min-width: 992px){.docs__main-layout__content-inner-container.svelte-j98mm2{width:60%}}@media screen and (min-width: 1200px){.docs__main-layout__content-inner-container.svelte-j98mm2{width:50%}}.image-container.svelte-1cv82er{display:block;width:100%;height:150px}img.svelte-1cv82er{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}:root{--dot-size:10px}.main-container.svelte-1j143j1{display:flex;align-items:center}.dot-container.svelte-1j143j1{height:calc(var(--dot-size) + 10px);width:calc(var(--dot-size) + 10x);display:flex;align-items:center;justify-content:center}:root{--size:2px
}.circle.svelte-1bt6c9d{width:20px;height:20px;border-radius:50%;background-color:rgba(93, 93, 93, 0.5);display:flex;align-items:center;justify-content:center;transition:opacity 100ms ease;cursor:pointer}.circle.svelte-1bt6c9d:hover{opacity:0.9}.arrow.svelte-1bt6c9d{border:solid #1e1e1e;border-width:0 var(--size) var(--size) 0;padding:var(--size);position:relative}.next.svelte-1bt6c9d{transform:rotate(-45deg);left:calc(var(--size) / -2)}.prev.svelte-1bt6c9d{transform:rotate(135deg);right:calc(var(--size) / -2)}.disabled.svelte-1bt6c9d,.disabled.svelte-1bt6c9d:hover{opacity:0.5}.main-container.svelte-6wkp3k{display:flex;align-items:center;justify-content:center;height:16px;width:16px}.dot.svelte-6wkp3k{background-color:#5d5d5d;border-radius:50%;display:inline-block;opacity:0.5;cursor:pointer;transition:opacity 100ms ease}.dot.svelte-6wkp3k:hover{opacity:0.9}.current.svelte-6wkp3k{opacity:0.7}