123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335 |
- /*!
- * Tabler v1.0.0-beta4 (https://tabler.io)
- * @version 1.0.0-beta4
- * @link https://tabler.io
- * Copyright 2018-2021 The Tabler Authors
- * Copyright 2018-2021 codecalm.net Paweł Kuna
- * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
- */
- pre.highlight,
- .highlight pre {
- max-height: 30rem;
- margin: 1.5rem 0;
- overflow: auto;
- font-size: 80%;
- border-radius: 4px; }
- pre.highlight::-webkit-scrollbar,
- .highlight pre::-webkit-scrollbar {
- width: 6px;
- height: 6px;
- -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: 5px;
- background: #475569; }
- pre.highlight::-webkit-scrollbar-track,
- .highlight pre::-webkit-scrollbar-track {
- background: #cbd5e1; }
- pre.highlight::-webkit-scrollbar-corner,
- .highlight pre::-webkit-scrollbar-corner {
- background: transparent; }
- pre.highlight:hover::-webkit-scrollbar-thumb,
- .highlight pre:hover::-webkit-scrollbar-thumb {
- background: #475569; }
- .highlight {
- margin: 0; }
- .highlight code > * {
- margin: 0 !important;
- padding: 0 !important; }
- .highlight .dl {
- color: #4070a0; }
- .highlight .c {
- color: #727272; }
- .highlight .c1 {
- color: #727272; }
- .highlight .ch {
- font-style: italic;
- color: #60a0b0; }
- .highlight .cm {
- color: #727272; }
- .highlight .cp {
- color: #008085; }
- .highlight .cpf {
- color: #007020; }
- .highlight .cs {
- color: #727272; }
- .highlight .gd {
- background-color: #fcc;
- border: 1px solid #c00; }
- .highlight .ge {
- font-style: italic; }
- .highlight .gh {
- color: #030; }
- .highlight .gi {
- background-color: #cfc;
- border: 1px solid #0c0; }
- .highlight .gl {
- text-decoration: underline; }
- .highlight .go {
- color: #aaa; }
- .highlight .gp {
- color: #009; }
- .highlight .gr {
- color: #f00; }
- .highlight .gs {
- font-weight: 700; }
- .highlight .gt {
- color: #9c6; }
- .highlight .gu {
- color: #030; }
- .highlight .il {
- color: #c24f19; }
- .highlight .k {
- color: #069; }
- .highlight .kc {
- color: #069; }
- .highlight .kd {
- color: #069; }
- .highlight .kn {
- color: #069; }
- .highlight .kp {
- color: #069; }
- .highlight .kr {
- color: #069; }
- .highlight .kt {
- color: #078; }
- .highlight .m {
- color: #c24f19; }
- .highlight .mf {
- color: #c24f19; }
- .highlight .mb {
- color: #40a070; }
- .highlight .mh {
- color: #c24f19; }
- .highlight .mi {
- color: #c24f19; }
- .highlight .mo {
- color: #c24f19; }
- .highlight .na {
- color: #006ee0; }
- .highlight .nb {
- color: #366; }
- .highlight .nc {
- color: #168174; }
- .highlight .nd {
- color: #6b62de; }
- .highlight .ne {
- color: #c00; }
- .highlight .nf {
- color: #b715f4; }
- .highlight .ni {
- color: #727272; }
- .highlight .nl {
- color: #6b62de; }
- .highlight .nn {
- color: #007ca5; }
- .highlight .no {
- color: #360; }
- .highlight .nt {
- color: #2f6f9f; }
- .highlight .nv {
- color: #033; }
- .highlight .o {
- color: #555; }
- .highlight .ow {
- color: #000; }
- .highlight .s {
- color: #d73038; }
- .highlight .s1 {
- color: #c30; }
- .highlight .s2 {
- color: #c30; }
- .highlight .sa {
- color: #4070a0; }
- .highlight .sb {
- color: #c30; }
- .highlight .sc {
- color: #c30; }
- .highlight .sd {
- font-style: italic;
- color: #c30; }
- .highlight .se {
- color: #c30; }
- .highlight .sh {
- color: #c30; }
- .highlight .si {
- color: #a00; }
- .highlight .sr {
- color: #337e7e; }
- .highlight .ss {
- color: #fc3; }
- .highlight .sx {
- color: #c30; }
- .highlight .w {
- color: #bbb; }
- .highlight .language-bash::before, .highlight .language-sh::before {
- color: #009;
- content: "$ ";
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none; }
- .highlight .language-bash .m, .highlight .language-sh .m {
- color: inherit; }
- .highlight .language-powershell::before {
- color: #009;
- content: "PM> ";
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none; }
- .example {
- padding: 2rem;
- margin: 1rem 0 2rem;
- border: 1px solid #e6e7e9;
- border-radius: 3px 3px 0 0;
- position: relative;
- min-height: 12rem;
- display: flex;
- align-items: center;
- overflow-x: auto; }
- .example-centered {
- justify-content: center; }
- .example-centered .example-content {
- flex: 0 auto; }
- .example-content {
- font-size: 0.9375rem;
- line-height: 1.3333333;
- color: #1e293b;
- flex: 1;
- max-width: 100%; }
- .example-content .page-header {
- margin-bottom: 0; }
- .example-bg {
- background: #f8fafc; }
- .example-code {
- margin: 2rem 0;
- border: 1px solid #e6e7e9;
- border-top: none; }
- .example-code pre {
- margin: 0;
- border: 0;
- border-radius: 0 0 3px 3px; }
- .example + .example-code {
- margin-top: -2rem; }
- .example-column {
- margin: 0 auto; }
- .example-column > .card:last-of-type {
- margin-bottom: 0; }
- .example-column-1 {
- max-width: 26rem; }
- .example-column-2 {
- max-width: 52rem; }
- .example-modal-backdrop {
- background: #1e293b;
- opacity: 0.24;
- position: absolute;
- width: 100%;
- left: 0;
- top: 0;
- height: 100%;
- border-radius: 2px 2px 0 0; }
- @media not print {
- .theme-dark .example-code {
- border: 1px solid #e6e7e9;
- border-top: none; } }
- @media not print and (prefers-color-scheme: dark) {
- .theme-dark-auto .example-code {
- border: 1px solid #e6e7e9;
- border-top: none; } }
- .card-sponsor {
- background: #dbe7f6 no-repeat center/100% 100%;
- border-color: #548ed2;
- min-height: 316px; }
- body.no-transitions * {
- transition: none !important; }
- .dropdown-menu-demo {
- display: inline-block;
- width: 100%;
- position: relative;
- top: 0;
- margin-bottom: 1rem; }
- .demo-icon-preview {
- position: -webkit-sticky;
- position: sticky;
- top: 0; }
- .demo-icon-preview svg,
- .demo-icon-preview i {
- width: 15rem;
- height: 15rem;
- font-size: 15rem;
- stroke-width: 1.5;
- margin: 0 auto;
- display: block; }
- @media (max-width: 575.98px) {
- .demo-icon-preview svg,
- .demo-icon-preview i {
- width: 10rem;
- height: 10rem;
- font-size: 10rem; } }
- .demo-icon-preview-icon pre {
- margin: 0;
- -webkit-user-select: all;
- -moz-user-select: all;
- user-select: all; }
- .demo-dividers > p {
- opacity: .2;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none; }
- .demo-icons-list {
- display: flex;
- flex-wrap: wrap;
- padding: 0;
- margin: 0 -2px -1px 0;
- list-style: none; }
- .demo-icons-list > * {
- flex: 1 0 7rem; }
- .demo-icons-list-wrap {
- overflow: hidden; }
- .demo-icons-list-item {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- height: 7rem;
- text-align: center;
- padding: .5rem;
- border-right: 1px solid #e6e7e9;
- border-bottom: 1px solid #e6e7e9;
- 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; }
|