ToolJet/docs/src/css/custom.css

265 lines
11 KiB
CSS
Raw Normal View History

2021-04-23 12:54:49 +00:00
/* stylelint-disable docusaurus/copyright-header */
/**
* Any CSS included here will be global. The classic template
* bundles Infima by default. Infima is a CSS framework designed to
* work well for content-centric websites.
*/
/* You can override the default Infima variables here. */
2022-12-14 10:47:40 +00:00
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&display=swap');
2021-04-23 12:54:49 +00:00
:root {
2022-01-27 05:43:10 +00:00
--ifm-color-primary: #4d72fa;
2021-04-23 12:54:49 +00:00
--ifm-color-primary-dark: rgb(33, 175, 144);
--ifm-color-primary-darker: rgb(31, 165, 136);
--ifm-color-primary-darkest: rgb(26, 136, 112);
--ifm-color-primary-light: rgb(70, 203, 174);
--ifm-color-primary-lighter: rgb(102, 212, 189);
--ifm-color-primary-lightest: rgb(146, 224, 208);
--ifm-code-font-size: 95%;
2022-01-27 05:43:10 +00:00
--ifm-menu-color-active: #4d72fa;
2022-12-14 10:47:40 +00:00
--ifm-font-family-base: 'IBM Plex Sans';
2021-05-24 14:15:40 +00:00
--tblr-blue: #206bc4;
--tblr-azure: #4299e1;
--tblr-indigo: #4263eb;
--tblr-purple: #ae3ec9;
--tblr-pink: #d6336c;
--tblr-red: #d63939;
--tblr-orange: #f76707;
--tblr-yellow: #f59f00;
--tblr-lime: #74b816;
--tblr-green: #2fb344;
--tblr-teal: #0ca678;
--tblr-cyan: #17a2b8;
--tblr-primary: #206bc4;
--tblr-secondary: #656d77;
--tblr-success: #2fb344;
--tblr-info: #4299e1;
--tblr-warning: #f76707;
--tblr-danger: #d63939;
--tblr-light: #f4f6fa;
--tblr-dark: #232e3c;
--tblr-font-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
--tblr-font-monospace: null, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
2021-05-24 14:15:40 +00:00
--tblr-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}
.admonition {
font-family: var(--tblr-font-sans-serif);
font-weight: 400;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
letter-spacing: 0;
text-rendering: optimizeLegibility;
font-feature-settings: "liga" 0;
-webkit-font-smoothing: antialiased;
--tblr-gutter-y: 0;
--tblr-gutter-x: 2rem;
word-wrap: break-word;
font-size: .875rem;
line-height: 1.4285714;
color: #232e3c;
box-sizing: border-box;
position: relative;
padding: 1rem 1rem;
margin-bottom: 1rem;
border-radius: 4px;
background: #fff;
border: 1px solid rgba(101, 109, 119, .16);
box-shadow: rgba(35, 46, 60, .04) 0 2px 4px 0;
2021-05-24 14:15:40 +00:00
border-left: .25rem solid var(--tblr-alert-color);
}
.admonition-heading {
display: none;
2021-05-24 14:15:40 +00:00
}
.admonition-tip {
--tblr-alert-color: #2fb344;
}
.admonition-info {
--tblr-alert-color: #4299e1;
}
.screenshot-full {
2021-05-24 14:15:40 +00:00
border: 1px solid #dadde1;
2021-04-23 12:54:49 +00:00
}
.docusaurus-highlight-code-line {
background-color: rgb(72, 77, 91);
display: block;
margin: 0 calc(-1 * var(--ifm-pre-padding));
padding: 0 var(--ifm-pre-padding);
}
.navbar__link {
color: var(--ifm-color-primary);
}
.navbar__link:hover {
text-decoration: underline;
}
svg[class^='iconExternalLink'] {
display: none;
}
/*
2021-04-23 15:21:16 +00:00
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
2021-04-23 12:54:49 +00:00
body {
font-family: 'Roboto', sans-serif;
2021-04-23 17:59:01 +00:00
} */
2021-04-23 15:21:16 +00:00
@media screen and (max-width: 996px) {
:root {
--ifm-font-size-base: 18px;
}
2021-04-23 15:21:16 +00:00
article header h1 {
font-size: 1.5rem !important;
}
article h2 {
font-size: 1.2rem !important;
}
2021-04-23 15:21:16 +00:00
.hero .hero__title {
font-size: 2.5rem;
}
}
@media screen and (min-width: 997px) {
:root {
2022-12-14 10:47:40 +00:00
--ifm-font-size-base: 16px;
2021-04-23 15:21:16 +00:00
}
article h1 {
2022-12-14 10:47:40 +00:00
font-size: 40px !important;
2021-04-23 15:21:16 +00:00
}
article h2 {
2021-04-23 15:21:16 +00:00
font-size: 1.5rem !important;
}
}
.menu__list {
2021-05-01 14:13:10 +00:00
font-size: 0.8rem;
2021-04-23 15:21:16 +00:00
}
.menu__link--sublist:after {
2021-05-01 14:13:10 +00:00
padding-top: 0.3rem;
height: 0.6rem;
width: 0.75rem;
2021-04-23 15:21:16 +00:00
}
2021-04-29 05:51:06 +00:00
.hero--primary {
--ifm-hero-background-color: #00bcd4;
2021-05-01 14:13:10 +00:00
}
.navbar__logo {
height: 25px;
}
strong {
2022-01-27 05:43:10 +00:00
color: #4d72fa;
2021-05-24 14:15:40 +00:00
}
2021-05-26 10:03:06 +00:00
.alert a {
color: inherit;
}
.menu {
overflow: hidden;
}
.menu:hover {
overflow-y: auto;
}
.navbar-social-link:hover {
opacity: 0.6;
}
.navbar-social-link::before {
content: '';
width: 24px;
height: 24px;
display: flex;
background-repeat: no-repeat;
}
.navbar-github-logo::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 16 16' version='1.1' data-view-component='true' %3E%3Cpath fill-rule='evenodd' d='M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z' %3E%3C/path%3E%3C/svg%3E");
}
[data-theme='dark'] .navbar-github-logo::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' aria-hidden='true' viewBox='0 0 16 16' version='1.1' data-view-component='true' %3E%3Cpath fill-rule='evenodd' d='M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z' %3E%3C/path%3E%3C/svg%3E");
}
.navbar-slack-logo::before {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zM18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zM15.165 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z' /%3E%3C/svg%3E");
}
[data-theme='dark'] .navbar-slack-logo::before {
background-image: url("data:image/svg+xml,%3Csvg fill='white' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zM18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zM15.165 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z' /%3E%3C/svg%3E");
}
.navbar-twitter-logo::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true'%3E%3Cpath d='M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572 0-4.658 2.086-4.658 4.66 0 .364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342 0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3 0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376 0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57 0 13.255-7.098 13.255-13.254 0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z' %3E%3C/path%3E%3C/svg%3E");
}
[data-theme='dark'] .navbar-twitter-logo::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24' aria-hidden='true'%3E%3Cpath d='M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572 0-4.658 2.086-4.658 4.66 0 .364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342 0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3 0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376 0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57 0 13.255-7.098 13.255-13.254 0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z' %3E%3C/path%3E%3C/svg%3E");
}
[data-theme='light'] .DocSearch {
/* --docsearch-primary-color: var(--ifm-color-primary); */
/* --docsearch-text-color: var(--ifm-font-color-base); */
--docsearch-muted-color: var(--ifm-color-secondary-darkest);
--docsearch-container-background: rgba(94, 100, 112, 0.7);
/* Modal */
--docsearch-modal-background: var(--ifm-color-secondary-lighter);
/* Search box */
--docsearch-searchbox-background: var(--ifm-color-secondary);
--docsearch-searchbox-focus-background: var(--ifm-color-white);
/* Hit */
--docsearch-hit-color: var(--ifm-font-color-base);
--docsearch-hit-active-color: var(--ifm-color-white);
--docsearch-hit-background: var(--ifm-color-white);
/* Footer */
--docsearch-footer-background: var(--ifm-color-white);
}
[data-theme='dark'] .DocSearch {
--docsearch-text-color: var(--ifm-font-color-base);
--docsearch-muted-color: var(--ifm-color-secondary-darkest);
--docsearch-container-background: rgba(47, 55, 69, 0.7);
/* Modal */
--docsearch-modal-background: var(--ifm-background-color);
/* Search box */
--docsearch-searchbox-background: var(--ifm-background-color);
--docsearch-searchbox-focus-background: var(--ifm-color-black);
/* Hit */
--docsearch-hit-color: var(--ifm-font-color-base);
--docsearch-hit-active-color: var(--ifm-color-white);
--docsearch-hit-background: var(--ifm-color-emphasis-100);
/* Footer */
--docsearch-footer-background: var(--ifm-background-surface-color);
--docsearch-key-gradient: linear-gradient(-26.5deg,
var(--ifm-color-emphasis-200) 0%,
var(--ifm-color-emphasis-100) 100%);
}
2022-12-29 09:39:58 +00:00
.DocSearch-Button {
border-radius: 5px !important;
}
@media screen and (min-width: 768px) {
.DocSearch-Button-Container {
min-width: 200px;
/* Fixes #3856 */
}
2022-12-14 10:47:40 +00:00
}