139 lines
3.1 KiB
CSS
139 lines
3.1 KiB
CSS
/*!
|
|
* Tabler v1.0.0-beta19 (https://tabler.io)
|
|
* @version 1.0.0-beta19
|
|
* @link https://tabler.io
|
|
* Copyright 2018-2023 The Tabler Authors
|
|
* Copyright 2018-2023 codecalm.net Paweł Kuna
|
|
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
|
|
*/
|
|
/* prettier-ignore */
|
|
/* prettier-ignore */
|
|
pre.highlight,
|
|
.highlight pre {
|
|
max-height: 30rem;
|
|
margin: 1.5rem 0;
|
|
overflow: auto;
|
|
border-radius: var(--tblr-border-radius);
|
|
}
|
|
pre.highlight,
|
|
.highlight pre {
|
|
scrollbar-color: rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.16) transparent;
|
|
}
|
|
pre.highlight::-webkit-scrollbar,
|
|
.highlight pre::-webkit-scrollbar {
|
|
width: 1rem;
|
|
height: 1rem;
|
|
-webkit-transition: background 0.3s;
|
|
transition: background 0.3s;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
pre.highlight::-webkit-scrollbar,
|
|
.highlight pre::-webkit-scrollbar {
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
}
|
|
}
|
|
pre.highlight::-webkit-scrollbar-thumb,
|
|
.highlight pre::-webkit-scrollbar-thumb {
|
|
border-radius: 1rem;
|
|
border: 5px solid transparent;
|
|
box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.16);
|
|
}
|
|
pre.highlight::-webkit-scrollbar-track,
|
|
.highlight pre::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
pre.highlight:hover::-webkit-scrollbar-thumb,
|
|
.highlight pre:hover::-webkit-scrollbar-thumb {
|
|
box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.32);
|
|
}
|
|
pre.highlight::-webkit-scrollbar-corner,
|
|
.highlight pre::-webkit-scrollbar-corner {
|
|
background: transparent;
|
|
}
|
|
|
|
.highlight {
|
|
margin: 0;
|
|
}
|
|
.highlight code > * {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
.highlight .nc, .highlight .nx {
|
|
color: #ff8383;
|
|
}
|
|
.highlight .p {
|
|
color: #ffe484;
|
|
}
|
|
.highlight .s, .highlight .dl, .highlight .s2 {
|
|
color: #b5f4a5;
|
|
}
|
|
.highlight .k {
|
|
color: #93ddfd;
|
|
}
|
|
.highlight .mi {
|
|
color: #d9a9ff;
|
|
}
|
|
|
|
.example {
|
|
padding: 2rem;
|
|
margin: 1rem 0 2rem;
|
|
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
|
|
border-radius: 3px 3px 0 0;
|
|
position: relative;
|
|
min-height: 12rem;
|
|
display: flex;
|
|
align-items: center;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.card-sponsor {
|
|
background: var(--tblr-primary-lt) no-repeat center/100% 100%;
|
|
border-color: var(--tblr-primary);
|
|
min-height: 316px;
|
|
}
|
|
|
|
.dropdown-menu-demo {
|
|
display: inline-block;
|
|
width: 100%;
|
|
position: relative;
|
|
top: 0;
|
|
margin-bottom: 1rem !important;
|
|
}
|
|
|
|
.demo-icons-list {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: 0;
|
|
margin: 0 -2px -1px 0;
|
|
list-style: none;
|
|
}
|
|
.demo-icons-list > * {
|
|
flex: 1 0 4rem;
|
|
}
|
|
|
|
.demo-icons-list-wrap {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.demo-icons-list-item {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
aspect-ratio: 1;
|
|
text-align: center;
|
|
padding: 0.5rem;
|
|
border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
|
|
border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
|
|
color: inherit;
|
|
cursor: pointer;
|
|
}
|
|
.demo-icons-list-item .icon {
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
font-size: 1.5rem;
|
|
}
|
|
.demo-icons-list-item:hover {
|
|
text-decoration: none;
|
|
} |