File clean up and template progress
This commit is contained in:
parent
a90d43108d
commit
99e7a30d40
22805 changed files with 2842 additions and 1355016 deletions
7
assets/css/blog/commento.css
Normal file
7
assets/css/blog/commento.css
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
#commento-mod-tools *, #commento-main-area *, #commento-error {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#commento-textarea-root, #commento-main-area textarea {
|
||||
color: black;
|
||||
}
|
||||
107
assets/css/blog/content.css
Normal file
107
assets/css/blog/content.css
Normal file
|
|
@ -0,0 +1,107 @@
|
|||
/* Content refers to styling all page and post content that is
|
||||
created within the Ghost editor. The main content handles
|
||||
headings, text, images and lists. We deal with cards lower down. */
|
||||
|
||||
/* Default vertical spacing */
|
||||
.gh-content > * + * {
|
||||
margin-top: 2.8rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* [id] represents all headings h1-h6, reset all margins */
|
||||
.gh-content > [id] {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.has-serif-title .gh-content > [id] {
|
||||
font-family: var(--font-serif);
|
||||
}
|
||||
|
||||
/* Add back a top margin to all headings, unless a heading
|
||||
is the very first element in the post content */
|
||||
.gh-content > [id]:not(:first-child) {
|
||||
margin-top: 4.8rem;
|
||||
}
|
||||
|
||||
/* Add a small margin between a heading and anything after it */
|
||||
.gh-content > [id] + * {
|
||||
margin-top: 1.6rem;
|
||||
}
|
||||
|
||||
.gh-content > [id] + .kg-card {
|
||||
margin-top: 2.8rem;
|
||||
}
|
||||
|
||||
/* A larger margin before/after HRs and blockquotes */
|
||||
.gh-content > hr,
|
||||
.gh-content > blockquote {
|
||||
position: relative;
|
||||
margin-top: 4.8rem;
|
||||
}
|
||||
|
||||
.gh-content > hr + *,
|
||||
.gh-content > blockquote + * {
|
||||
margin-top: 4.8rem;
|
||||
}
|
||||
|
||||
/* Cards */
|
||||
.gh-content :not(.kg-card):not([id]) + .kg-card {
|
||||
margin-top: 4.8rem;
|
||||
}
|
||||
|
||||
.gh-content .kg-card + :not(.kg-card) {
|
||||
margin-top: 4.8rem;
|
||||
}
|
||||
|
||||
/* Now the content typography styles */
|
||||
.gh-content > h2 {
|
||||
font-size: 2.3rem;
|
||||
}
|
||||
|
||||
.gh-content > h3 {
|
||||
font-size: 2rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.gh-content a {
|
||||
color: var(--ghost-accent-color);
|
||||
text-decoration: underline;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.gh-content > ol,
|
||||
.gh-content > ul,
|
||||
.gh-content > dl,
|
||||
.gh-content > p {
|
||||
font-size: 2.5rem;
|
||||
line-height: 4.5rem;
|
||||
}
|
||||
|
||||
.gh-content .kg-callout-card .kg-callout-text,
|
||||
.gh-content .kg-toggle-card .kg-toggle-content > ol,
|
||||
.gh-content .kg-toggle-card .kg-toggle-content > ul,
|
||||
.gh-content .kg-toggle-card .kg-toggle-content > p {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
.has-serif-body .gh-content > blockquote,
|
||||
.has-serif-body .gh-content > ol,
|
||||
.has-serif-body .gh-content > ul,
|
||||
.has-serif-body .gh-content > dl,
|
||||
.has-serif-body .gh-content > p,
|
||||
.has-serif-body .gh-content .kg-callout-text,
|
||||
.has-serif-body .gh-content .kg-toggle-content > ol,
|
||||
.has-serif-body .gh-content .kg-toggle-content > ul,
|
||||
.has-serif-body .gh-content .kg-toggle-content > p {
|
||||
font-family: var(--font-serif);
|
||||
}
|
||||
|
||||
.gh-content > ul,
|
||||
.gh-content > ol,
|
||||
.gh-content > dl {
|
||||
padding-left: 4rem;
|
||||
}
|
||||
|
||||
.gh-content li + li {
|
||||
margin-top: 0.8rem;
|
||||
}
|
||||
84
assets/css/members/account.css
Normal file
84
assets/css/members/account.css
Normal file
|
|
@ -0,0 +1,84 @@
|
|||
.account-profile {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.account-image-placeholder {
|
||||
overflow: hidden;
|
||||
margin-bottom: 2rem;
|
||||
width: 70px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.account-name {
|
||||
margin-bottom: 0.5rem;
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
|
||||
.account-button-list {
|
||||
display: flex;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.account-button {
|
||||
margin: 0 0.4rem;
|
||||
}
|
||||
|
||||
.account-subscription {
|
||||
margin-top: 4.5rem;
|
||||
}
|
||||
|
||||
.account-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.account-row + .account-row {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.account-row-title {
|
||||
margin-bottom: 0;
|
||||
color: var(--secondary-text-color);
|
||||
font-size: 1.6rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.account-row-value {
|
||||
font-size: 1.6rem;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.account-status {
|
||||
padding: 0.5rem 0.8rem;
|
||||
height: 100%;
|
||||
color: var(--white-color);
|
||||
font-size: 1.2rem;
|
||||
line-height: 1;
|
||||
text-transform: uppercase;
|
||||
background-color: var(--green-color);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.account-status-trialing {
|
||||
background-color: var(--orange-color);
|
||||
}
|
||||
|
||||
.account-action {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.account-cancel-link {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.account-cancel-error {
|
||||
display: block;
|
||||
margin-top: 0.2rem;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
40
assets/css/members/auth.css
Normal file
40
assets/css/members/auth.css
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
.auth {
|
||||
margin: 3rem auto 0;
|
||||
padding: 4rem 3rem 4.5rem;
|
||||
max-width: 500px;
|
||||
border-top: 5px solid var(--brand-color);
|
||||
background-color: var(--lighter-gray-color);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.auth-title {
|
||||
margin-bottom: 0.8rem;
|
||||
font-size: 2.6rem;
|
||||
}
|
||||
|
||||
.auth-subtitle {
|
||||
color: var(--secondary-text-color);
|
||||
font-size: 1.5rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.auth-form {
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.auth-email {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.auth-footer {
|
||||
display: inline-block;
|
||||
margin-top: 2rem;
|
||||
font-size: 1.4rem;
|
||||
letter-spacing: -0.02rem;
|
||||
}
|
||||
|
||||
.auth-footer-link {
|
||||
color: var(--brand-color);
|
||||
font-weight: 700;
|
||||
text-decoration: underline;
|
||||
}
|
||||
58
assets/css/members/notification.css
Normal file
58
assets/css/members/notification.css
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
.notification {
|
||||
visibility: hidden;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 90;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 20px 60px;
|
||||
border-top: 3px solid var(--green-color);
|
||||
font-size: 1.6rem;
|
||||
line-height: 1.4;
|
||||
font-weight: 700;
|
||||
background-color: var(--white-color);
|
||||
transition-timing-function: var(--animation-base);
|
||||
transition-duration: 0.3s;
|
||||
transition-property: box-shadow, transform;
|
||||
transform: translateY(-100%);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.error .notification {
|
||||
border-top-color: var(--red-color);
|
||||
}
|
||||
|
||||
.subscribe-success.notification-opened .notification-subscribe,
|
||||
.signup-success.notification-opened .notification-signup,
|
||||
.signin-success.notification-opened .notification-signin,
|
||||
.checkout-success.notification-opened .notification-checkout,
|
||||
.billing-success.notification-opened .notification-billing-update,
|
||||
.success .notification-success,
|
||||
.error .notification-error {
|
||||
visibility: visible;
|
||||
box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
|
||||
transform: translateY(0);
|
||||
pointer-events: unset;
|
||||
}
|
||||
|
||||
.notification-closing .notification {
|
||||
box-shadow: none !important;
|
||||
transform: translateY(-100%) !important;
|
||||
}
|
||||
|
||||
.notification-close {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 15px;
|
||||
margin-top: -15px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.notification {
|
||||
justify-content: flex-start;
|
||||
padding: 15px 60px 15px 20px;
|
||||
}
|
||||
}
|
||||
92
assets/css/members/plan.css
Normal file
92
assets/css/members/plan.css
Normal file
|
|
@ -0,0 +1,92 @@
|
|||
.plan-list {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.plan {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0 1rem;
|
||||
padding: 3rem;
|
||||
max-width: 35rem;
|
||||
border: 1px solid var(--light-gray-color);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.plan-title {
|
||||
margin-bottom: 0.3rem;
|
||||
color: var(--brand-color);
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.plan-price {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
color: var(--secondary-text-color);
|
||||
}
|
||||
|
||||
.plan-amount {
|
||||
margin-right: 0.5rem;
|
||||
color: var(--darker-gray-color);
|
||||
font-size: 2.4rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.plan-feature-list {
|
||||
flex-grow: 1;
|
||||
margin: 2rem 0 3rem;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.plan-feature {
|
||||
margin: 0.6rem 0;
|
||||
}
|
||||
|
||||
.plan-selector {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
.plan-selector-button {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.plan-selector-button:first-child {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.plan-selector-button + .plan-selector-button {
|
||||
margin-left: -1px;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.plan-selector-button + .plan-selector-button:not(:last-child) {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.plan-selector-button:hover {
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.plan {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.plan-selector-free + .plan-list .plan-free {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.plan-selector-monthly + .plan-list .plan-monthly {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.plan-selector-yearly + .plan-list .plan-yearly {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
98
assets/css/misc/kg.css
Normal file
98
assets/css/misc/kg.css
Normal file
|
|
@ -0,0 +1,98 @@
|
|||
.kg-card.kg-toggle-card .kg-toggle-heading-text {
|
||||
font-size: 1.8rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.has-serif-title .kg-toggle-card .kg-toggle-heading-text {
|
||||
font-family: var(--font-serif);
|
||||
}
|
||||
|
||||
.kg-card.kg-callout-card {
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
.kg-callout-card-accent a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
blockquote.kg-blockquote-alt {
|
||||
padding: 0 1.5em;
|
||||
color: var(--secondary-text-color);
|
||||
line-height: 1.5;
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.kg-card.kg-button-card .kg-btn {
|
||||
font-size: 1.05em;
|
||||
}
|
||||
|
||||
.has-serif-title .kg-card.kg-header-card h2.kg-header-card-header {
|
||||
font-family: var(--font-serif);
|
||||
}
|
||||
|
||||
.has-serif-body .kg-header-card h3.kg-header-card-subheader {
|
||||
font-family: var(--font-serif);
|
||||
}
|
||||
|
||||
.kg-gallery-image {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.kg-image {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.kg-embed-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.kg-canvas {
|
||||
display: grid;
|
||||
grid-template-columns:
|
||||
[full-start]
|
||||
minmax(4vw, auto)
|
||||
[wide-start]
|
||||
minmax(auto, 140px)
|
||||
[main-start]
|
||||
min(850px, calc(100% - 8vw))
|
||||
[main-end]
|
||||
minmax(auto, 140px)
|
||||
[wide-end]
|
||||
minmax(4vw, auto)
|
||||
[full-end];
|
||||
}
|
||||
|
||||
.kg-canvas > * {
|
||||
grid-column: main-start/main-end;
|
||||
}
|
||||
|
||||
.kg-width-wide {
|
||||
grid-column: wide-start/wide-end;
|
||||
max-width: 1280px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.kg-width-full {
|
||||
width: 100%;
|
||||
grid-column: full-start/full-end;
|
||||
}
|
||||
|
||||
/* GhostCMS required styles plus fixes */
|
||||
.kg-width-wide {
|
||||
max-width: 1280px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.kg-width-full {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.kg-gallery-row {
|
||||
display: flex;
|
||||
}
|
||||
3
assets/css/misc/prism.css
Normal file
3
assets/css/misc/prism.css
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
/* PrismJS 1.28.0
|
||||
https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript+applescript+coffeescript+css-extras+csv+diff+django+docker+git+go+go-module+graphql+handlebars+http+hsts+ignore+javadoclike+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+latex+log+markup-templating+nginx+php+properties+puppet+python+jsx+tsx+regex+ruby+rust+scss+sql+iecst+typescript+typoscript */
|
||||
code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);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;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}
|
||||
44
assets/css/misc/toc.css
Normal file
44
assets/css/misc/toc.css
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
@media (min-width: 1300px) {
|
||||
.gh-toc {
|
||||
position: sticky; /* On larger screens, TOC will stay in the same spot on the page */
|
||||
align-self: start;
|
||||
top: 60px;
|
||||
grid-column: wide-start / main-start; /* Place the TOC to the left of the content */
|
||||
transition: margin 300ms ease-in-out;
|
||||
margin-bottom: 4.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1299px){
|
||||
.gh-toc {
|
||||
display: grid;
|
||||
grid-template-columns: [full-start] minmax(4vw,auto) [wide-start] minmax(auto,140px) [main-start] min(850px,calc(100% - 8vw)) [main-end] minmax(auto,140px) [wide-end] minmax(4vw,auto) [full-end];
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.gh-toc ol {
|
||||
grid-column: main-start/main-end;
|
||||
}
|
||||
}
|
||||
|
||||
.gh-toc > .toc-list {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
max-width: 14vw;
|
||||
}
|
||||
|
||||
.toc-list {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.gh-toc .is-active-link::before {
|
||||
background-color: var(--ghost-accent-color); /* Defines TOC accent color based on Accent color set in Ghost Admin */
|
||||
}
|
||||
|
||||
.toc-do-sticky {
|
||||
margin-left: -30vw;
|
||||
}
|
||||
|
||||
.toc-headers h4 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
1
assets/css/misc/tocbot.css
Normal file
1
assets/css/misc/tocbot.css
Normal file
|
|
@ -0,0 +1 @@
|
|||
.toc{overflow-y:auto}.toc>.toc-list{overflow:hidden;position:relative}.toc>.toc-list li{list-style:none}.js-toc{overflow-y:hidden}.toc-list{margin:0;padding-left:10px}a.toc-link{color:currentColor;height:100%}.is-collapsible{max-height:1000px;overflow:hidden;transition:all 300ms ease-in-out}.is-collapsed{max-height:0}.is-position-fixed{position:fixed !important;top:0}.is-active-link{font-weight:700}.toc-link::before{background-color:#EEE;content:' ';display:inline-block;height:inherit;left:0;margin-top:-1px;position:absolute;width:2px}.is-active-link::before{background-color:#54BC4B}
|
||||
|
|
@ -5,20 +5,42 @@ production stylesheet in assets/built/screen.css using: gulp dev
|
|||
|
||||
*/
|
||||
|
||||
/* Lib - Local component imports
|
||||
/* Font Awesome
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
/* @import '../fontawesome-pro/scss/fontawesome.scss'; */
|
||||
@import '@fortawesome/fontawesome-pro/css/fontawesome.css';
|
||||
@import '@fortawesome/fontawesome-pro/css/duotone.css';
|
||||
@import '@fortawesome/fontawesome-pro/css/brands.css';
|
||||
|
||||
|
||||
/* Some core Ghost styles
|
||||
/* ---------------------------------------------------------- */
|
||||
@import "blog/content.css";
|
||||
@import "blog/commento.css";
|
||||
@import "members/plan.css";
|
||||
@import "members/auth.css";
|
||||
@import "members/account.css";
|
||||
@import "members/notification.css";
|
||||
@import "vendor/owl.css";
|
||||
@import "vendor/pswp.css";
|
||||
@import "misc/kg.css";
|
||||
@import "misc/toc.css";
|
||||
@import "misc/prism.css";
|
||||
@import "misc/tocbot.css";
|
||||
|
||||
|
||||
/* Tailwind
|
||||
/* ---------------------------------------------------------- */
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
/* Main - Your styles here! Edit below
|
||||
/* Fonts
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
/* inter-100 - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-display: swap;
|
||||
font-family: 'Inter';
|
||||
font-style: normal;
|
||||
font-weight: 100;
|
||||
|
|
@ -32,7 +54,7 @@ production stylesheet in assets/built/screen.css using: gulp dev
|
|||
|
||||
/* inter-200 - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-display: swap;
|
||||
font-family: 'Inter';
|
||||
font-style: normal;
|
||||
font-weight: 200;
|
||||
|
|
@ -46,7 +68,7 @@ production stylesheet in assets/built/screen.css using: gulp dev
|
|||
|
||||
/* inter-300 - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-display: swap;
|
||||
font-family: 'Inter';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
|
|
@ -60,7 +82,7 @@ production stylesheet in assets/built/screen.css using: gulp dev
|
|||
|
||||
/* inter-regular - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-display: swap;
|
||||
font-family: 'Inter';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
|
|
@ -74,7 +96,7 @@ production stylesheet in assets/built/screen.css using: gulp dev
|
|||
|
||||
/* inter-500 - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-display: swap;
|
||||
font-family: 'Inter';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
|
|
@ -88,7 +110,7 @@ production stylesheet in assets/built/screen.css using: gulp dev
|
|||
|
||||
/* inter-600 - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-display: swap;
|
||||
font-family: 'Inter';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
|
|
@ -102,7 +124,7 @@ production stylesheet in assets/built/screen.css using: gulp dev
|
|||
|
||||
/* inter-700 - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-display: swap;
|
||||
font-family: 'Inter';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
|
|
@ -116,7 +138,7 @@ production stylesheet in assets/built/screen.css using: gulp dev
|
|||
|
||||
/* inter-800 - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-display: swap;
|
||||
font-family: 'Inter';
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
|
|
@ -130,7 +152,7 @@ production stylesheet in assets/built/screen.css using: gulp dev
|
|||
|
||||
/* inter-900 - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-display: swap;
|
||||
font-family: 'Inter';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
|
|
|
|||
151
assets/css/vendor/owl.css
vendored
Normal file
151
assets/css/vendor/owl.css
vendored
Normal file
|
|
@ -0,0 +1,151 @@
|
|||
.owl {
|
||||
display: none;
|
||||
position: relative;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.owl .owl-stage {
|
||||
position: relative;
|
||||
touch-action: pan-y;
|
||||
}
|
||||
|
||||
.owl .owl-stage::after {
|
||||
clear: both;
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.owl .owl-stage-outer {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.owl .owl-item {
|
||||
backface-visibility: hidden;
|
||||
float: left;
|
||||
min-height: 1px;
|
||||
position: relative;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-touch-callout: none;
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
||||
.owl .owl-item > img {
|
||||
display: block;
|
||||
transform-style: preserve-3d;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.owl .owl-nav.disabled,
|
||||
.owl .owl-dots.disabled {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.owl .owl-prev,
|
||||
.owl .owl-next,
|
||||
.owl .owl-dot {
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.owl .owl-prev,
|
||||
.owl .owl-next {
|
||||
align-items: center;
|
||||
background-color: var(--white-color);
|
||||
border: 1px solid var(--light-gray-color);
|
||||
border-radius: 3px;
|
||||
color: var(--dark-gray-color);
|
||||
display: flex;
|
||||
height: 30px;
|
||||
justify-content: center;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
top: -86px;
|
||||
transition: color 0.5s var(--animation-base);
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.owl .owl-prev.disabled,
|
||||
.owl .owl-next.disabled {
|
||||
color: var(--mid-gray-color);
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.owl .owl-prev .icon,
|
||||
.owl .owl-next .icon {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
}
|
||||
|
||||
.owl .owl-prev {
|
||||
right: 34px;
|
||||
}
|
||||
|
||||
.owl .owl-next {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.owl .owl-dots {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.owl .owl-dot {
|
||||
align-items: center;
|
||||
border: 0;
|
||||
display: flex;
|
||||
height: 20px;
|
||||
justify-content: center;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.owl .owl-dot span {
|
||||
background-color: var(--light-gray-color);
|
||||
border-radius: 50%;
|
||||
height: 8px;
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.owl .owl-dot.active span {
|
||||
background-color: var(--black-color);
|
||||
}
|
||||
|
||||
.owl.owl-loaded {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.owl.owl-loading {
|
||||
display: block;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.owl.owl-hidden {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.owl.owl-refresh .owl-item {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.owl.owl-drag .owl-item {
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.owl.owl-grab {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.no-js .owl {
|
||||
display: block;
|
||||
}
|
||||
420
assets/css/vendor/pswp.css
vendored
Normal file
420
assets/css/vendor/pswp.css
vendored
Normal file
|
|
@ -0,0 +1,420 @@
|
|||
.pswp {
|
||||
backface-visibility: hidden;
|
||||
display: none;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
outline: none;
|
||||
overflow: hidden;
|
||||
top: 0;
|
||||
touch-action: none;
|
||||
width: 100%;
|
||||
z-index: 1500;
|
||||
-ms-touch-action: none;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
.pswp img {
|
||||
max-width: none;
|
||||
}
|
||||
.pswp--animate_opacity {
|
||||
opacity: 0.001;
|
||||
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
will-change: opacity;
|
||||
}
|
||||
.pswp--open {
|
||||
display: block;
|
||||
}
|
||||
.pswp--zoom-allowed .pswp__img {
|
||||
cursor: zoom-in;
|
||||
}
|
||||
.pswp--zoomed-in .pswp__img {
|
||||
cursor: grab;
|
||||
}
|
||||
.pswp--dragging .pswp__img {
|
||||
cursor: grabbing;
|
||||
}
|
||||
.pswp__bg {
|
||||
backface-visibility: hidden;
|
||||
background-color: rgba(0, 0, 0, 0.85);
|
||||
height: 100%;
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
transform: translateZ(0);
|
||||
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
width: 100%;
|
||||
will-change: opacity;
|
||||
}
|
||||
.pswp__scroll-wrap {
|
||||
height: 100%;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.pswp__container,
|
||||
.pswp__zoom-wrap {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
touch-action: none;
|
||||
}
|
||||
.pswp__container,
|
||||
.pswp__img {
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
.pswp__zoom-wrap {
|
||||
position: absolute;
|
||||
transform-origin: left top;
|
||||
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
width: 100%;
|
||||
}
|
||||
.pswp--animated-in .pswp__bg,
|
||||
.pswp--animated-in .pswp__zoom-wrap {
|
||||
transition: none;
|
||||
}
|
||||
.pswp__container,
|
||||
.pswp__zoom-wrap {
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.pswp__item {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.pswp__img {
|
||||
height: auto;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: auto;
|
||||
}
|
||||
.pswp__img--placeholder {
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.pswp__img--placeholder--blank {
|
||||
background: var(--black-color);
|
||||
}
|
||||
.pswp--ie .pswp__img {
|
||||
height: auto !important;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100% !important;
|
||||
}
|
||||
.pswp__error-msg {
|
||||
color: var(--secondary-text-color);
|
||||
font-size: 14px;
|
||||
left: 0;
|
||||
line-height: 16px;
|
||||
margin-top: -8px;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
}
|
||||
.pswp__error-msg a {
|
||||
color: var(--secondary-text-color);
|
||||
text-decoration: underline;
|
||||
}
|
||||
.pswp__button {
|
||||
appearance: none;
|
||||
background: none;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
float: right;
|
||||
height: 44px;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
transition: opacity 0.2s;
|
||||
width: 44px;
|
||||
}
|
||||
.pswp__button:focus,
|
||||
.pswp__button:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.pswp__button:active {
|
||||
opacity: 0.9;
|
||||
outline: none;
|
||||
}
|
||||
.pswp__button::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.pswp__ui--over-close .pswp__button--close {
|
||||
opacity: 1;
|
||||
}
|
||||
.pswp__button,
|
||||
.pswp__button--arrow--left:before,
|
||||
.pswp__button--arrow--right:before {
|
||||
background: url(../images/default-skin.png) 0 0 no-repeat;
|
||||
background-size: 264px 88px;
|
||||
height: 44px;
|
||||
width: 44px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
|
||||
.pswp--svg .pswp__button,
|
||||
.pswp--svg .pswp__button--arrow--left:before,
|
||||
.pswp--svg .pswp__button--arrow--right:before {
|
||||
background-image: url(../images/default-skin.svg);
|
||||
}
|
||||
.pswp--svg .pswp__button--arrow--left,
|
||||
.pswp--svg .pswp__button--arrow--right {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
.pswp__button--close {
|
||||
background-position: 0 -44px;
|
||||
}
|
||||
.pswp__button--share {
|
||||
background-position: -44px -44px;
|
||||
}
|
||||
.pswp__button--fs {
|
||||
display: none;
|
||||
}
|
||||
.pswp--supports-fs .pswp__button--fs {
|
||||
display: block;
|
||||
}
|
||||
.pswp--fs .pswp__button--fs {
|
||||
background-position: -44px 0;
|
||||
}
|
||||
.pswp__button--zoom {
|
||||
background-position: -88px 0;
|
||||
display: none;
|
||||
}
|
||||
.pswp--zoom-allowed .pswp__button--zoom {
|
||||
display: block;
|
||||
}
|
||||
.pswp--zoomed-in .pswp__button--zoom {
|
||||
background-position: -132px 0;
|
||||
}
|
||||
.pswp--touch .pswp__button--arrow--left,
|
||||
.pswp--touch .pswp__button--arrow--right {
|
||||
visibility: hidden;
|
||||
}
|
||||
.pswp__button--arrow--left,
|
||||
.pswp__button--arrow--right {
|
||||
background: none;
|
||||
height: 100px;
|
||||
margin-top: -50px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 70px;
|
||||
}
|
||||
.pswp__button--arrow--left {
|
||||
left: 0;
|
||||
}
|
||||
.pswp__button--arrow--right {
|
||||
right: 0;
|
||||
}
|
||||
.pswp__button--arrow--left:before,
|
||||
.pswp__button--arrow--right:before {
|
||||
content: "";
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
top: 35px;
|
||||
width: 32px;
|
||||
}
|
||||
.pswp__button--arrow--left:before {
|
||||
background-position: -138px -44px;
|
||||
left: 6px;
|
||||
}
|
||||
.pswp__button--arrow--right:before {
|
||||
background-position: -94px -44px;
|
||||
right: 6px;
|
||||
}
|
||||
.pswp__counter {
|
||||
color: var(--white-color);
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
height: 44px;
|
||||
left: 0;
|
||||
line-height: 44px;
|
||||
padding: 0 15px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
user-select: none;
|
||||
}
|
||||
.pswp__caption {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
min-height: 44px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
.pswp__caption__center {
|
||||
color: var(--white-color);
|
||||
font-size: 11px;
|
||||
line-height: 1.6;
|
||||
margin: 0 auto;
|
||||
max-width: 420px;
|
||||
padding: 25px 15px 30px;
|
||||
text-align: center;
|
||||
}
|
||||
.pswp__caption__center .post-caption-title {
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 7px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.pswp__caption__center .post-caption-meta-item + .post-caption-meta-item:before {
|
||||
content: "\02022";
|
||||
padding: 0 4px;
|
||||
}
|
||||
.pswp__caption--empty {
|
||||
display: none;
|
||||
}
|
||||
.pswp__caption--fake {
|
||||
visibility: hidden;
|
||||
}
|
||||
.pswp__preloader {
|
||||
direction: ltr;
|
||||
height: 44px;
|
||||
left: 50%;
|
||||
margin-left: -22px;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
transition: opacity 0.25s ease-out;
|
||||
width: 44px;
|
||||
will-change: opacity;
|
||||
}
|
||||
.pswp__preloader__icn {
|
||||
height: 20px;
|
||||
margin: 12px;
|
||||
width: 20px;
|
||||
}
|
||||
.pswp__preloader--active {
|
||||
opacity: 1;
|
||||
}
|
||||
.pswp__preloader--active .pswp__preloader__icn {
|
||||
background: url(../images/preloader.gif) 0 0 no-repeat;
|
||||
}
|
||||
.pswp--css_animation .pswp__preloader--active {
|
||||
opacity: 1;
|
||||
}
|
||||
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
|
||||
animation: clockwise 500ms linear infinite;
|
||||
}
|
||||
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
|
||||
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
|
||||
}
|
||||
.pswp--css_animation .pswp__preloader__icn {
|
||||
background: none;
|
||||
height: 14px;
|
||||
left: 15px;
|
||||
margin: 0;
|
||||
opacity: 0.75;
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
width: 14px;
|
||||
}
|
||||
.pswp--css_animation .pswp__preloader__cut {
|
||||
height: 14px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 7px;
|
||||
}
|
||||
.pswp--css_animation .pswp__preloader__donut {
|
||||
background: none;
|
||||
border: 2px solid var(--white-color);
|
||||
border-bottom-color: transparent;
|
||||
border-left-color: transparent;
|
||||
border-radius: 50%;
|
||||
box-sizing: border-box;
|
||||
height: 14px;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 14px;
|
||||
}
|
||||
@media screen and (max-width: 1024px) {
|
||||
.pswp__preloader {
|
||||
float: right;
|
||||
left: auto;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
top: auto;
|
||||
}
|
||||
}
|
||||
@keyframes clockwise {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes donut-rotate {
|
||||
0% {
|
||||
transform: rotate(0);
|
||||
}
|
||||
50% {
|
||||
transform: rotate(-140deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0);
|
||||
}
|
||||
}
|
||||
.pswp__ui {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
z-index: 1550;
|
||||
-webkit-font-smoothing: auto;
|
||||
}
|
||||
.pswp__top-bar {
|
||||
height: 44px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.pswp__caption,
|
||||
.pswp__top-bar,
|
||||
.pswp--has_mouse .pswp__button--arrow--left,
|
||||
.pswp--has_mouse .pswp__button--arrow--right {
|
||||
backface-visibility: hidden;
|
||||
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
will-change: opacity;
|
||||
}
|
||||
.pswp--has_mouse .pswp__button--arrow--left,
|
||||
.pswp--has_mouse .pswp__button--arrow--right {
|
||||
visibility: visible;
|
||||
}
|
||||
.pswp__ui--idle .pswp__top-bar {
|
||||
opacity: 0;
|
||||
}
|
||||
.pswp__ui--idle .pswp__button--arrow--left,
|
||||
.pswp__ui--idle .pswp__button--arrow--right {
|
||||
opacity: 0;
|
||||
}
|
||||
.pswp__ui--hidden .pswp__top-bar,
|
||||
.pswp__ui--hidden .pswp__caption,
|
||||
.pswp__ui--hidden .pswp__button--arrow--left,
|
||||
.pswp__ui--hidden .pswp__button--arrow--right {
|
||||
opacity: 0.001;
|
||||
}
|
||||
.pswp__ui--one-slide .pswp__button--arrow--left,
|
||||
.pswp__ui--one-slide .pswp__button--arrow--right,
|
||||
.pswp__ui--one-slide .pswp__counter {
|
||||
display: none;
|
||||
}
|
||||
.pswp__element--disabled {
|
||||
display: none !important;
|
||||
}
|
||||
.pswp--minimal--dark .pswp__top-bar {
|
||||
background: none;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue