✨feature: Initial commit
This commit is contained in:
Keith Solomon
@@ -0,0 +1,2 @@
|
||||
/* Light admin styles; avoid overriding core wp-admin UI */
|
||||
|
||||
@@ -0,0 +1,55 @@
|
||||
/* Theme editor styles */
|
||||
|
||||
@import "../../static/dist/theme.css";
|
||||
|
||||
:root {
|
||||
--vdi-editor-gutter: clamp(1rem, 4vw, 3rem);
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-sans);
|
||||
|
||||
h1, h2, h3,
|
||||
h4, h5, h6 {
|
||||
font-family: var(--font-headings);
|
||||
font-weight: 700;
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.editor-styles-wrapper.is-root-container,
|
||||
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container,
|
||||
.editor-styles-wrapper .wp-block-post-content,
|
||||
.editor-visual-editor__post-title-wrapper {
|
||||
box-sizing: border-box;
|
||||
margin-inline: auto;
|
||||
max-width: min(100%, var(--wp--style--global--wide-size, 1536px));
|
||||
padding-inline: var(--vdi-editor-gutter);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .alignfull,
|
||||
.editor-styles-wrapper .mx-break-out {
|
||||
margin-left: calc(var(--vdi-editor-gutter) * -1);
|
||||
margin-right: calc(var(--vdi-editor-gutter) * -1);
|
||||
max-width: none;
|
||||
width: calc(100% + (var(--vdi-editor-gutter) * 2));
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .ml-break-out {
|
||||
margin-left: calc(var(--vdi-editor-gutter) * -1);
|
||||
max-width: none;
|
||||
width: calc(100% + var(--vdi-editor-gutter));
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .mr-break-out {
|
||||
margin-left: 0;
|
||||
margin-right: calc(var(--vdi-editor-gutter) * -1);
|
||||
max-width: none;
|
||||
width: calc(100% + var(--vdi-editor-gutter));
|
||||
}
|
||||
|
||||
.wp-block-buttons .block-editor-block-list__layout {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
@theme {
|
||||
/** Break-out variables
|
||||
* These are used for the break-out plugin and the responsive utilities.
|
||||
* The break-out variables are set to match the default plugin settings.
|
||||
* You can override them if you need to adjust for a particular use case.
|
||||
*/
|
||||
--twcb-scrollbar-width: 0px;
|
||||
}
|
||||
|
||||
@utility mx-break-out {
|
||||
margin-left: calc(50% - 50vw);
|
||||
margin-right: calc(50% - 50vw);
|
||||
width: calc(100vw - var(--twcb-scrollbar-width));
|
||||
}
|
||||
|
||||
@utility ml-break-out {
|
||||
margin-left: calc(50% - 50vw);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@utility mr-break-out {
|
||||
margin-left: calc(-50% + 50vw);
|
||||
width: 100%;
|
||||
}
|
||||
@@ -0,0 +1,41 @@
|
||||
/* Theme color definitions */
|
||||
|
||||
@theme {
|
||||
--color-black: oklch(0% 0 0);
|
||||
--color-white: oklch(100% 0 0);
|
||||
|
||||
--color-background: oklch(89.75% 0 0);
|
||||
--color-text: var(--color-black);
|
||||
|
||||
--color-primary: oklch(0.57 0.203362 257.1706);
|
||||
--color-primary-100: color-mix(in oklch, var(--color-primary) 10%, white);
|
||||
--color-primary-200: color-mix(in oklch, var(--color-primary) 20%, white);
|
||||
--color-primary-300: color-mix(in oklch, var(--color-primary) 30%, white);
|
||||
--color-primary-400: color-mix(in oklch, var(--color-primary) 40%, white);
|
||||
--color-primary-500: color-mix(in oklch, var(--color-primary) 50%, white);
|
||||
--color-primary-600: color-mix(in oklch, var(--color-primary) 60%, white);
|
||||
--color-primary-700: color-mix(in oklch, var(--color-primary) 70%, white);
|
||||
--color-primary-800: color-mix(in oklch, var(--color-primary) 80%, white);
|
||||
--color-primary-900: color-mix(in oklch, var(--color-primary) 90%, white);
|
||||
|
||||
--color-secondary: oklch(0.56 0.0176 257.23);
|
||||
--color-secondary-100: color-mix(in oklch, var(--color-secondary) 10%, white);
|
||||
--color-secondary-200: color-mix(in oklch, var(--color-secondary) 20%, white);
|
||||
--color-secondary-300: color-mix(in oklch, var(--color-secondary) 30%, white);
|
||||
--color-secondary-400: color-mix(in oklch, var(--color-secondary) 40%, white);
|
||||
--color-secondary-500: color-mix(in oklch, var(--color-secondary) 50%, white);
|
||||
--color-secondary-600: color-mix(in oklch, var(--color-secondary) 60%, white);
|
||||
--color-secondary-700: color-mix(in oklch, var(--color-secondary) 70%, white);
|
||||
--color-secondary-800: color-mix(in oklch, var(--color-secondary) 80%, white);
|
||||
--color-secondary-900: color-mix(in oklch, var(--color-secondary) 90%, white);
|
||||
|
||||
--color-bodylinks: oklch(0.48 0.0789 211.58);
|
||||
--color-footlinks: oklch(0.65 0.1104 212.2);
|
||||
|
||||
--color-success: oklch(64.01% 0.1751 146.7);
|
||||
--color-info: oklch(0.55 0.0922 211.57);
|
||||
--color-warning: oklch(84.42% 0.1722 84.93);
|
||||
--color-danger: oklch(0.5126 0.1865 22.61);
|
||||
--color-light: oklch(98.16% 0.0017 247.8);
|
||||
--color-dark: oklch(34.51% 0.0133 248.2);
|
||||
}
|
||||
@@ -0,0 +1,67 @@
|
||||
/* Forms */
|
||||
|
||||
/* Base styles */
|
||||
input[type="text"], input[type="email"], input[type="tel"],
|
||||
input[type="url"], input[type="number"], input[type="password"],
|
||||
input[type="date"], select, textarea {
|
||||
@apply px-4 py-2 w-full rounded border-2 border-primary;
|
||||
@apply text-black bg-white;
|
||||
@apply focus-visible:border-transparent focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-primary;
|
||||
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
/* Gravity Forms styles */
|
||||
.gform_wrapper {
|
||||
@apply max-w-full mx-auto;
|
||||
|
||||
.gform_fields { @apply text-black; }
|
||||
|
||||
fieldset.gfield { @apply mb-6; }
|
||||
|
||||
legend, label { @apply text-lg font-bold mb-2; }
|
||||
|
||||
label.gform-field-label--type-sub{ @apply font-normal text-base; }
|
||||
|
||||
.gfield_required { @apply text-danger text-xs font-bold ml-1; }
|
||||
|
||||
.dark {
|
||||
input[type="text"], input[type="email"], input[type="tel"],
|
||||
input[type="url"], input[type="number"], input[type="password"],
|
||||
input[type="date"], select, textarea {
|
||||
@apply text-black bg-white;
|
||||
@apply focus-visible:border-transparent focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-primary;
|
||||
}
|
||||
}
|
||||
|
||||
.ginput_complex {
|
||||
@apply sm:flex;
|
||||
|
||||
span {
|
||||
@apply block grow;
|
||||
|
||||
&:not(:first-child) { @apply mt-6 sm:mt-0 sm:ml-4; }
|
||||
}
|
||||
}
|
||||
|
||||
.gform_footer { @apply mt-8; }
|
||||
|
||||
h2.gform_submission_error { @apply text-xl text-danger font-bold my-4; }
|
||||
|
||||
.validation_message { @apply italic text-danger; }
|
||||
|
||||
.hidden_label > label { @apply hidden; }
|
||||
}
|
||||
|
||||
/* Search block styles */
|
||||
.wp-block-search__input {
|
||||
@apply px-4 py-2 w-full rounded border-2 border-transparent focus-visible:bg-secondary-300 focus-visible:border-primary;
|
||||
|
||||
appearance: none;
|
||||
flex-grow: 1;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
min-width: 3rem;
|
||||
text-decoration: unset !important;
|
||||
}
|
||||
@@ -0,0 +1,85 @@
|
||||
/* Miscellaneous custom styles */
|
||||
@theme {
|
||||
--spacing-menu-top: calc(100% + .9375rem);
|
||||
--spacing-section: 2rem;
|
||||
|
||||
--shadow-menu-shadow: 0 .25rem .375rem rgba(0,0,0,0.1);
|
||||
|
||||
/** Breakpoints
|
||||
* The breakpoints are set to match the default Tailwind breakpoints.
|
||||
* You can override them here if you want to use different breakpoints.
|
||||
*
|
||||
* @see https://tailwindcss.com/docs/breakpoints
|
||||
*/
|
||||
--breakpoint-*: initial;
|
||||
--breakpoint-xxs: 22.5rem; /* 360px */
|
||||
--breakpoint-xs: 29.6875rem; /* 475px */
|
||||
--breakpoint-sm: 40rem; /* 640px */
|
||||
--breakpoint-md: 48rem; /* 768px */
|
||||
--breakpoint-lg: 64rem; /* 1024px */
|
||||
--breakpoint-xl: 70rem; /* 1280px */
|
||||
--breakpoint-2xl: 96rem; /* 1536px */
|
||||
}
|
||||
|
||||
/* Basic layout styles */
|
||||
main#maincontent {
|
||||
background-color: var(--color-background);
|
||||
color: var(--color-text);
|
||||
margin: 0;
|
||||
padding: 0 0 4rem;
|
||||
}
|
||||
|
||||
.container {
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
padding-inline: clamp(1.5rem, 5vw, 3rem);
|
||||
}
|
||||
|
||||
.section {
|
||||
@apply relative my-section px-section;
|
||||
|
||||
&:first-child {
|
||||
@apply mt-0;
|
||||
}
|
||||
|
||||
&:last-child, p:last-child {
|
||||
@apply mb-0;
|
||||
}
|
||||
|
||||
&.has-background {
|
||||
@apply py-section bg-cover bg-no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
/** Allows containers inside containers
|
||||
*
|
||||
* .container .wp-block-section {
|
||||
* @apply mx-break-out;
|
||||
* }
|
||||
*/
|
||||
|
||||
.content-wrapper {
|
||||
.alignfull {
|
||||
@apply max-w-full;
|
||||
}
|
||||
|
||||
.alignwide {
|
||||
@apply max-w-full;
|
||||
}
|
||||
|
||||
.alignleft {
|
||||
@apply ml-0 mr-auto float-none;
|
||||
}
|
||||
|
||||
.alignright {
|
||||
@apply ml-auto mr-0 float-none;
|
||||
}
|
||||
|
||||
.aligncenter {
|
||||
@apply mx-auto;
|
||||
}
|
||||
}
|
||||
|
||||
/* Responsive embeds */
|
||||
.embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
|
||||
.embed iframe, .embed object, .embed embed, .embed video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
|
||||
@@ -0,0 +1,9 @@
|
||||
/* Theme base styles */
|
||||
|
||||
@import "./global.css";
|
||||
@import "./colors.css";
|
||||
@import "./prose.css";
|
||||
@import "./typography.css";
|
||||
@import "./skip-link.css";
|
||||
@import './misc.css';
|
||||
@import "./forms.css";
|
||||
@@ -0,0 +1 @@
|
||||
/* Miscellaneous extra styles */
|
||||
@@ -0,0 +1,36 @@
|
||||
/* Theme prose styles */
|
||||
|
||||
@theme {
|
||||
--tw-prose-body: var(--color-primary);
|
||||
--tw-prose-headings: var(--color-primary);
|
||||
--tw-prose-lead: var(--color-primary);
|
||||
--tw-prose-links: var(--color-info);
|
||||
--tw-prose-bold: var(--color-primary);
|
||||
--tw-prose-counters: var(--color-primary);
|
||||
--tw-prose-bullets: var(--color-secondary);
|
||||
--tw-prose-hr: var(--color-secondary);
|
||||
--tw-prose-quotes: var(--color-primary);
|
||||
--tw-prose-quote-borders: var(--color-primary);
|
||||
--tw-prose-captions: var(--color-secondary);
|
||||
--tw-prose-code: var(--color-primary);
|
||||
--tw-prose-pre-code: var(--color-primary);
|
||||
--tw-prose-pre-bg: var(--color-secondary);
|
||||
--tw-prose-th-borders: var(--color-secondary);
|
||||
--tw-prose-td-borders: var(--color-secondary);
|
||||
--tw-prose-invert-body: var(--color-primary);
|
||||
--tw-prose-invert-headings: var(--color-primary);
|
||||
--tw-prose-invert-lead: var(--color-primary);
|
||||
--tw-prose-invert-links: var(--color-secondary);
|
||||
--tw-prose-invert-bold: var(--color-primary);
|
||||
--tw-prose-invert-counters: var(--color-primary);
|
||||
--tw-prose-invert-bullets: var(--color-primary);
|
||||
--tw-prose-invert-hr: var(--color-secondary);
|
||||
--tw-prose-invert-quotes: var(--color-primary);
|
||||
--tw-prose-invert-quote-borders: var(--color-primary);
|
||||
--tw-prose-invert-captions: var(--color-primary);
|
||||
--tw-prose-invert-code: var(--color-secondary);
|
||||
--tw-prose-invert-pre-code: var(--color-primary);
|
||||
--tw-prose-invert-pre-bg: oklch(0% 0 0 / 50%);
|
||||
--tw-prose-invert-th-borders: var(--color-primary);
|
||||
--tw-prose-invert-td-borders: var(--color-primary);
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
.skip-link {
|
||||
background-color: #f6ff00 !important;
|
||||
border-color: #f6ff00 !important;
|
||||
color: #000 !important;
|
||||
font-size: larger;
|
||||
font-weight: 600;
|
||||
left: 0;
|
||||
margin: 0 auto;
|
||||
max-width: 90vw;
|
||||
opacity: 1;
|
||||
outline-color: #f6ff00 !important;
|
||||
padding: 1rem;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
top: 0.5rem;
|
||||
transition: transform 0.1875s ease-out;
|
||||
width: 15rem;
|
||||
z-index: 999;
|
||||
|
||||
&:not(:focus):not(:hover) {
|
||||
opacity: 0;
|
||||
transform: translateY(-4em);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,174 @@
|
||||
/* Basic typographical styles */
|
||||
|
||||
/**
|
||||
* All font sizes are based on 16px base font size and 1920px wide screen
|
||||
* Default size is expressed as percentage of screen width.
|
||||
* text-14px: 12px-27px, default: 14px
|
||||
* text-16px: 14px-28px, default: 16px
|
||||
* text-18px: 14px-30px, default: 18px
|
||||
* text-20px: 16px-32px, default: 20px
|
||||
* text-22px: 17px-33px, default: 22px
|
||||
* text-25px: 18px-35px, default: 25px
|
||||
* text-30px: 19px-37px, default: 30px
|
||||
* text-35px: 20px-40px, default: 35px
|
||||
* text-38px: 22px-48px, default: 38px
|
||||
* text-40px: 24px-56px, default: 40px
|
||||
* text-45px: 25px-64px, default: 45px
|
||||
* text-50px: 27px-72px, default: 50px
|
||||
* text-55px: 28px-76px, default: 55px
|
||||
* text-60px: 30px-80px, default: 60px
|
||||
* text-70px: 30px-76px, default: 70px
|
||||
* text-75px: 32px-80px, default: 75px
|
||||
*
|
||||
* Font sizes at standard viewport widths:
|
||||
* | 360px | 640px | 768px | 1024px | 1280px | 1440px | 1920px
|
||||
* |-------|-------|-------|--------|--------|--------|-------
|
||||
* text-14px | 12.00 | 12.36 | 12.52 | 12.85 | 13.18 | 13.38 | 14.00
|
||||
* text-16px | 14.00 | 14.36 | 14.52 | 14.85 | 15.18 | 15.38 | 16.00
|
||||
* text-18px | 14.00 | 14.72 | 15.05 | 15.70 | 16.36 | 16.77 | 18.00
|
||||
* text-20px | 16.00 | 16.72 | 17.05 | 17.70 | 18.36 | 18.77 | 20.00
|
||||
* text-22px | 17.60 | 18.36 | 18.75 | 19.47 | 20.19 | 20.65 | 22.00
|
||||
* text-25px | 18.00 | 19.26 | 19.83 | 20.98 | 22.13 | 22.85 | 25.00
|
||||
* text-30px | 18.96 | 20.89 | 21.85 | 23.66 | 25.47 | 26.60 | 30.00
|
||||
* text-35px | 20.00 | 22.69 | 23.92 | 26.38 | 28.85 | 30.38 | 35.00
|
||||
* text-38px | 22.40 | 24.85 | 26.48 | 29.04 | 31.60 | 33.20 | 38.00
|
||||
* text-40px | 24.00 | 26.87 | 28.18 | 30.81 | 33.44 | 35.08 | 40.00
|
||||
* text-45px | 25.60 | 29.22 | 30.67 | 33.86 | 37.04 | 39.03 | 45.00
|
||||
* text-50px | 27.20 | 31.58 | 33.16 | 36.90 | 40.65 | 42.98 | 50.00
|
||||
* text-70px | 30.40 | 37.01 | 40.76 | 47.26 | 53.75 | 57.82 | 70.00
|
||||
* text-75px | 32.00 | 39.46 | 43.25 | 50.30 | 57.36 | 61.77 | 75.00
|
||||
*/
|
||||
|
||||
@theme {
|
||||
--font-sans: "Raleway", sans-serif;
|
||||
--line-height: 1.6;
|
||||
|
||||
--text-base: 1rem;
|
||||
--text-14px: clamp(0.75rem, calc(0.7212rem + 0.1282vw), 0.875rem);
|
||||
--text-16px: clamp(0.875rem, calc(0.8462rem + 0.1282vw), 1rem);
|
||||
--text-18px: clamp(0.875rem, calc(0.8173rem + 0.2564vw), 1.125rem);
|
||||
--text-20px: clamp(1rem, calc(0.9423rem + 0.2564vw), 1.25rem);
|
||||
--text-22px: clamp(1.1rem, calc(1.0365rem + 0.2821vw), 1.375rem);
|
||||
--text-25px: clamp(1.125rem, calc(1.024rem + 0.4487vw), 1.5625rem);
|
||||
--text-30px: clamp(1.185rem, calc(1.0258rem + 0.7077vw), 1.875rem);
|
||||
--text-35px: clamp(1.25rem, calc(1.0337rem + 0.9615vw), 2.1875rem);
|
||||
--text-38px: clamp(1.4rem, calc(1.175rem + 1vw), 2.375rem);
|
||||
--text-40px: clamp(1.5rem, calc(1.2692rem + 1.0256vw), 2.5rem);
|
||||
--text-45px: clamp(1.6rem, calc(1.3202rem + 1.2436vw), 2.8125rem);
|
||||
--text-50px: clamp(1.7rem, calc(1.3712rem + 1.4615vw), 3.125rem);
|
||||
--text-70px: clamp(1.9rem, calc(1.3288rem + 2.5385vw), 4.375rem);
|
||||
--text-75px: clamp(2rem, calc(1.3798rem + 2.7564vw), 4.6875rem);
|
||||
|
||||
--h1: calc(var(--text-base) * 2.25);
|
||||
--h2: calc(var(--text-base) * 1.75);
|
||||
--h3: calc(var(--text-base) * 1.5);
|
||||
--h4: calc(var(--text-base) * 1.25);
|
||||
--h5: calc(var(--text-base) * 1.125);
|
||||
--h6: calc(var(--text-base) * 1.05);
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: white;
|
||||
color: black;
|
||||
font-family: var(--font-sans);
|
||||
font-size: var(--text-base);
|
||||
line-height: var(--line-height);
|
||||
}
|
||||
|
||||
::selection { background: var(--color-warning); }
|
||||
|
||||
@layer components {
|
||||
h1, h2, h3,
|
||||
h4, h5, h6 {
|
||||
font-family: var(--font-headings);
|
||||
font-weight: 700;
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
h1, .h1 {
|
||||
font-size: var(--h1);
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
h2, .h2 {
|
||||
font-size: var(--h2);
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
h3, .h3 {
|
||||
font-size: var(--h3);
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
h4, .h4 {
|
||||
font-size: var(--h4);
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
h5, .h5 { font-size: var(--h5); }
|
||||
|
||||
h6, .h6 { font-size: var(--h6); }
|
||||
}
|
||||
|
||||
a, .link {
|
||||
color: var(--color-bodylinks);
|
||||
text-decoration: none;
|
||||
transition: color 200ms;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover { color: var(--color-primary); }
|
||||
}
|
||||
|
||||
h1 a, .h1 a,
|
||||
h2 a, .h2 a,
|
||||
h3 a, .h3 a {
|
||||
color: inherit;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
|
||||
ul { list-style-type: disc; }
|
||||
|
||||
ol { list-style-type: decimal; }
|
||||
|
||||
li ul, li ol { margin: 0 1rem; }
|
||||
|
||||
ol ol { list-style: lower-alpha; }
|
||||
|
||||
ol ol ol { list-style: lower-roman; }
|
||||
|
||||
ol ol ol ol { list-style: lower-alpha; }
|
||||
|
||||
pre, code,
|
||||
samp, style { font-family: monospace; }
|
||||
|
||||
pre {
|
||||
font-size: 0.875rem;
|
||||
overflow: auto;
|
||||
padding: 1.5rem;
|
||||
}
|
||||
|
||||
pre code {
|
||||
background-color: inherit;
|
||||
border-radius: 0;
|
||||
color: inherit;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
code {
|
||||
@apply bg-black/30 px-[3px] py-0.5 font-mono text-black text-xs rounded-sm;
|
||||
}
|
||||
|
||||
hr {
|
||||
background-color: black;
|
||||
border: none;
|
||||
display: block;
|
||||
height: 1px;
|
||||
margin: 1rem 0;
|
||||
width: 100%;
|
||||
}
|
||||
@@ -0,0 +1,176 @@
|
||||
/* Button styles */
|
||||
|
||||
@theme {
|
||||
/* Configuration */
|
||||
|
||||
/**
|
||||
* Button component settings
|
||||
*
|
||||
* The variables below are used to define the button styles.
|
||||
* Most of these variables come from the main theme configuration.
|
||||
* The following variables are not defined, but have fallback values
|
||||
* in their respective locations and can be added if needed:
|
||||
*
|
||||
* --button-font-weight (fallback is 600/semibold)
|
||||
* --button-font-size (fallback is 1rem)
|
||||
* --button-outline-width (fallback is --button-border-width)
|
||||
* --button-outline-style (fallback is --button-border-style)
|
||||
* --button-outline-color (fallback is --button-border-color)
|
||||
*/
|
||||
|
||||
--button-bg: var(--color-primary);
|
||||
--button-color: var(--color-white);
|
||||
--button-hover-bg: var(--color-info);
|
||||
--button-hover-border-color: var(--color-info);
|
||||
--button-hover-color: var(--color-white);
|
||||
--button-border-width: 3px;
|
||||
--button-border-style: solid;
|
||||
--button-border-color: var(--button-bg);
|
||||
--button-radius: 0.5rem;
|
||||
}
|
||||
|
||||
.btn, .button, .acf-block-preview .button {
|
||||
@apply px-8 py-2 min-w-0;
|
||||
|
||||
background: var(--button-bg);
|
||||
color: var(--button-color);
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
transition: background 200ms, border-color 200ms, color 200ms;
|
||||
|
||||
border-width: var(--button-border-width);
|
||||
border-style: var(--button-border-style);
|
||||
border-color: var(--button-border-color);
|
||||
border-radius: var(--button-radius);
|
||||
|
||||
text-decoration: none;
|
||||
font-weight: var(--button-font-weight, 600);
|
||||
font-size: var(--button-font-size, 1rem);
|
||||
line-height: 1.1;
|
||||
|
||||
&[data-button-variant="outline"] {
|
||||
background: transparent;
|
||||
&:hover { background: transparent; }
|
||||
|
||||
--button-color: var(--button-outline-color, var(--button-bg));
|
||||
--button-hover-border-color: var(--button-hover-bg);
|
||||
--button-hover-color: var(--button-hover-bg);
|
||||
}
|
||||
}
|
||||
|
||||
/* Hover/focus/active */
|
||||
.btn:hover, .button:hover, .acf-block-preview .button:hover {
|
||||
background: var(--button-hover-bg);
|
||||
border-color: var(--button-hover-border-color);
|
||||
color: var(--button-hover-color);
|
||||
}
|
||||
|
||||
.btn:focus, .button:focus {
|
||||
outline-width: var(--button-outline-width, var(--button-border-width));
|
||||
outline-style: var(--button-outline-style, var(--button-border-style));
|
||||
outline-color: var(--button-outline-color, var(--button-border-color));
|
||||
outline-offset: calc(var(--button-border-width) * 2);
|
||||
}
|
||||
|
||||
.btn:active, .button:active { transform: scale(99%); }
|
||||
|
||||
/* Back To Top Button */
|
||||
#backToTopBtn {
|
||||
display:none;
|
||||
position:fixed;
|
||||
bottom:2rem;
|
||||
right:2rem;
|
||||
z-index:1000;
|
||||
padding:0.75em 1.5em;
|
||||
font-size:1.1rem;
|
||||
border-radius:2em;
|
||||
background:var(--color-primary,#3857BC);
|
||||
color:#fff;
|
||||
border:none;
|
||||
box-shadow:0 2px 8px rgba(0,0,0,0.15);
|
||||
cursor:pointer;
|
||||
transition:opacity 0.2s;
|
||||
}
|
||||
|
||||
/**
|
||||
* Variants
|
||||
*
|
||||
* The following styles are used to define button variants.
|
||||
* These styles are applied to the button element using the
|
||||
* `data-button-*` attributes.
|
||||
*/
|
||||
|
||||
/* Sizes */
|
||||
.btn[data-button-size="small"], .button[data-button-size="small"] { @apply px-4 py-0.5; }
|
||||
.btn[data-button-size="medium"], .button[data-button-size="medium"] { @apply px-8 py-2; }
|
||||
.btn[data-button-size="large"], .button[data-button-size="large"] { @apply px-12 py-3; }
|
||||
|
||||
/* Width */
|
||||
.btn[data-button-width="auto"], .button[data-button-width="auto"] { @apply min-w-0; }
|
||||
.btn[data-button-width="small"], .button[data-button-width="small"] { @apply px-2; }
|
||||
.btn[data-button-width="wide"], .button[data-button-width="wide"] { @apply sm:min-w-[20rem]; }
|
||||
.button[data-button-width="full"],
|
||||
x-button:has(.button[data-button-width="full"]) { @apply w-full; }
|
||||
|
||||
/**
|
||||
* Colors
|
||||
*
|
||||
* We don't need to speicifcally target "primary" buttons
|
||||
* as the button styling defaults to "primary".
|
||||
* However, you can, if necessary, by adding a style block
|
||||
* like the ones below and changing the color values.
|
||||
*/
|
||||
.btn[data-button-color="secondary"], .button[data-button-color="secondary"] {
|
||||
--button-bg: var(--color-secondary);
|
||||
--button-color: var(--color-white);
|
||||
--button-border-color: var(--color-secondary);
|
||||
--button-outline-color: oklch(0.48 0.0136 252.2);
|
||||
--button-hover-bg: var(--color-dark);
|
||||
--button-hover-border-color: var(--color-dark);
|
||||
--button-hover-color: var(--color-white);
|
||||
}
|
||||
|
||||
.btn[data-button-color="light"], .button[data-button-color="light"] {
|
||||
--button-bg: var(--color-white);
|
||||
--button-color: var(--color-dark);
|
||||
--button-border-color: var(--color-white);
|
||||
--button-hover-bg: var(--color-dark);
|
||||
--button-hover-border-color: var(--color-dark);
|
||||
--button-hover-color: var(--color-white);
|
||||
}
|
||||
|
||||
.btn[data-button-color="white"], .button[data-button-color="white"] {
|
||||
--button-bg: var(--color-white);
|
||||
--button-color: var(--color-black);
|
||||
--button-border-color: var(--color-white);
|
||||
--button-hover-bg: var(--color-secondary-200);
|
||||
--button-hover-border-color: var(--color-secondary-200);
|
||||
--button-hover-color: var(--color-black);
|
||||
}
|
||||
|
||||
.btn[data-button-color="black"], .button[data-button-color="black"] {
|
||||
--button-bg: var(--color-black);
|
||||
--button-color: var(--color-white);
|
||||
--button-border-color: var(--color-black);
|
||||
--button-hover-bg: var(--color-secondary);
|
||||
--button-hover-border-color: var(--color-secondary);
|
||||
--button-hover-color: var(--color-dark);
|
||||
}
|
||||
|
||||
.back-to-top {
|
||||
background: var(--color-primary, #3857BC);
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 2em;
|
||||
padding: 0.75em 1.5em;
|
||||
font-size: 1.1rem;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
|
||||
cursor: pointer;
|
||||
transition: opacity 0.2s, background 0.2s;
|
||||
opacity: 0.85;
|
||||
}
|
||||
.back-to-top:hover, .back-to-top:focus {
|
||||
background: var(--color-info, #233a7a);
|
||||
opacity: 1;
|
||||
outline: 2px solid var(--color-info, #233a7a);
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
.alignfull {
|
||||
margin-left: calc(50% - 50vw);
|
||||
margin-right: calc(50% - 50vw);
|
||||
width: 100vw;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
/* Theme block styles */
|
||||
|
||||
@import './buttons.css';
|
||||
@import './core.css';
|
||||
@@ -0,0 +1,13 @@
|
||||
/* Breadcrumb styles */
|
||||
|
||||
#breadcrumbs {
|
||||
@apply text-white;
|
||||
|
||||
a {
|
||||
color: oklch(0.72 0.122 212.25);
|
||||
|
||||
&:hover {
|
||||
color:color-mix(in oklch, oklch(0.72 0.122 212.25) 60%, white);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
/* Theme component styles */
|
||||
|
||||
@import "./site-header.css";
|
||||
@import "./breadcrumbs.css";
|
||||
@import "./post-list.css";
|
||||
@import "./sidebar.css";
|
||||
@import "./pagination.css";
|
||||
@import "./site-footer.css";
|
||||
@@ -0,0 +1,35 @@
|
||||
/* Post index pagination styles */
|
||||
|
||||
.pagination {
|
||||
.nav-links {
|
||||
@apply hidden md:flex items-center justify-center mt-12;
|
||||
|
||||
.page-numbers {
|
||||
@apply hidden md:flex items-center justify-center h-10 p-4 text-base font-medium transition duration-300 rounded stroke-primary text-primary hover:bg-info hover:text-light hover:stroke-info focus-visible:bg-info focus-visible:text-light focus-visible:stroke-info focus-visible:outline-none;
|
||||
}
|
||||
|
||||
.page-numbers.current {
|
||||
@apply text-light whitespace-nowrap bg-info ring-offset-2 hover:bg-primary hover:stroke-primary focus-visible:bg-info;
|
||||
}
|
||||
|
||||
.prev, .next {
|
||||
@apply flex gap-4;
|
||||
}
|
||||
}
|
||||
|
||||
& a, & span {
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
color: #3857BC !important;
|
||||
margin: 0 5px;
|
||||
padding: .25rem .5rem;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
& .current, & a:hover {
|
||||
background: #3857BC !important;
|
||||
border-color: #3857BC !important;
|
||||
color: #fff !important;
|
||||
padding: .25rem .5rem;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,37 @@
|
||||
/* Blog/post index listing styles */
|
||||
|
||||
.post-list {
|
||||
/* Original styles, if needed
|
||||
* .post-list__posts {
|
||||
* }
|
||||
* .post-list__h1 {
|
||||
* }
|
||||
* .post-list__post {
|
||||
* &:hover {
|
||||
* img {
|
||||
* }
|
||||
* }
|
||||
* .post-list__title {
|
||||
* }
|
||||
* .post-list__details {
|
||||
* }
|
||||
* .post-list__byline {
|
||||
* }
|
||||
* .post-list__author {
|
||||
* }
|
||||
* .post-list__sep {
|
||||
* }
|
||||
* .post-list__date {
|
||||
* }
|
||||
* }
|
||||
*/
|
||||
}
|
||||
|
||||
/* Original styles, if needed
|
||||
* .no-posts {
|
||||
* .no-posts__title {
|
||||
* }
|
||||
* .no-posts__desc {
|
||||
* }
|
||||
* }
|
||||
*/
|
||||
@@ -0,0 +1,28 @@
|
||||
/* Sidebar styles */
|
||||
|
||||
.sidebar{
|
||||
.widget {
|
||||
/* Widget styles */
|
||||
@apply mb-8;
|
||||
|
||||
h3 {
|
||||
/* Widget title styles */
|
||||
@apply m-0 mb-2 font-semibold;
|
||||
}
|
||||
|
||||
ul {
|
||||
/* List styles */
|
||||
@apply list-none m-0 p-0 pl-3 border-l-3 border-secondary-400;
|
||||
|
||||
li {
|
||||
/* List item styles */
|
||||
@apply text-balance;
|
||||
|
||||
&:first-of-type {
|
||||
/* First list item styles */
|
||||
@apply leading-none mb-1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,41 @@
|
||||
/* Footer styles */
|
||||
|
||||
.site-footer {
|
||||
#footRight {
|
||||
div {
|
||||
@apply col-span-1 md:col-span-4 lg:col-span-1;
|
||||
|
||||
h3 {
|
||||
@apply font-bold text-secondary-300 text-20px mb-4 pb-2 border-b border-b-secondary-300
|
||||
}
|
||||
|
||||
a {
|
||||
@apply text-footlinks hover:opacity-60;
|
||||
}
|
||||
}
|
||||
|
||||
.widget {
|
||||
li {
|
||||
@apply text-16px my-1 mb-2 leading-4;
|
||||
}
|
||||
|
||||
h4 {
|
||||
@apply font-bold text-18px text-secondary mb-2;
|
||||
}
|
||||
|
||||
a {
|
||||
@apply transition-colors duration-300 hover:text-success focus-visible:text-success;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-footer-menu-container {
|
||||
@apply grow;
|
||||
}
|
||||
}
|
||||
|
||||
.copyright {
|
||||
p { @apply leading-none m-0 p-0; }
|
||||
|
||||
a { @apply text-white hover:text-primary-500 underline underline-offset-2; }
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
/* Header styles */
|
||||
|
||||
.site-header {
|
||||
/* Site header styles */
|
||||
.nav-aux__container {
|
||||
a {
|
||||
/* Link styles */
|
||||
color: var(--color-primary-600);
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
transition: color 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
color: var(--color-primary-800);
|
||||
}
|
||||
}
|
||||
|
||||
#globalSearch {
|
||||
@apply text-14px text-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 1.8 MiB |
Binary file not shown.
@@ -0,0 +1,702 @@
|
||||
/*--------------------------------
|
||||
Lineicons regular icon font
|
||||
-------------------------------- */
|
||||
@font-face {
|
||||
font-family: 'Lineicons';
|
||||
src: url('../../styles/fonts/Lineicons.woff2') format('woff2'),
|
||||
url('../../styles/fonts/Lineicons.svg') format('svg');
|
||||
}
|
||||
|
||||
/* base class */
|
||||
[class^="lni-"], [class*=" lni-"],
|
||||
[class^="icon-"], [class*=" icon-"],
|
||||
[class^="lni-"]:before, [class*=" lni-"]:before,
|
||||
[class^="icon-"]:before, [class*=" icon-"]:before {
|
||||
font-family: "Lineicons", sans-serif;
|
||||
font-style: normal;
|
||||
speak: never;
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
/* If needed - opacity: .8; */
|
||||
/* Animation center compensation - margins should be symmetric */
|
||||
/* if needed - margin-left: .2rem; */
|
||||
/* if needed - margin-right: .2rem; */
|
||||
/* For safety - reset parent styles, that can break glyph codes*/
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
font-size: 120%;
|
||||
/* Font smoothing. That was taken from TWBS */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
/**
|
||||
* Uncomment for 3D effect
|
||||
*
|
||||
* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
|
||||
*/
|
||||
}
|
||||
|
||||
/* Circular Icons */
|
||||
.circular-icon {
|
||||
@apply box-content bg-secondary rounded-full text-gray-800 inline-block;
|
||||
|
||||
--size: 3rem;
|
||||
height: var(--size);
|
||||
text-align: center;
|
||||
width: var(--size);
|
||||
|
||||
i {
|
||||
display: inline-block;
|
||||
height: var(--size);
|
||||
line-height: var(--size);
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
width: var(--size);
|
||||
}
|
||||
|
||||
&i::before, span { line-height: var(--size) !important; }
|
||||
}
|
||||
|
||||
/* rotate the icon infinitely */
|
||||
.lni-is-spinning { animation: lni-spin 1s infinite linear; }
|
||||
|
||||
@keyframes lni-spin {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
/* transform */
|
||||
.lni-rotate-90 { transform: rotate(90deg); }
|
||||
.lni-rotate-180 { transform: rotate(180deg); }
|
||||
.lni-rotate-270 { transform: rotate(270deg); }
|
||||
.lni-flip-y { transform: scaleY(-1); }
|
||||
.lni-flip-x { transform: scaleX(-1); }
|
||||
|
||||
/* icons */
|
||||
.lni-500px:before, .icon-500px:before { content: "\ea01"; }
|
||||
.lni-adobe:before, .icon-adobe:before { content: "\ea02"; }
|
||||
.lni-adonis:before, .icon-adonis:before { content: "\ea03"; }
|
||||
.lni-aeroplane-1:before, .icon-aeroplane-1:before { content: "\ea04"; }
|
||||
.lni-agenda:before, .icon-agenda:before { content: "\ea05"; }
|
||||
.lni-airbnb:before, .icon-airbnb:before { content: "\ea06"; }
|
||||
.lni-airtable:before, .icon-airtable:before { content: "\ea07"; }
|
||||
.lni-alarm-1:before, .icon-alarm-1:before { content: "\ea08"; }
|
||||
.lni-align-text-center:before, .icon-align-text-center:before { content: "\ea09"; }
|
||||
.lni-align-text-left:before, .icon-align-text-left:before { content: "\ea0a"; }
|
||||
.lni-align-text-right:before, .icon-align-text-right:before { content: "\ea0b"; }
|
||||
.lni-alpinejs:before, .icon-alpinejs:before { content: "\ea0c"; }
|
||||
.lni-amazon:before, .icon-amazon:before { content: "\ea0d"; }
|
||||
.lni-amazon-original:before, .icon-amazon-original:before { content: "\ea0e"; }
|
||||
.lni-amazon-pay:before, .icon-amazon-pay:before { content: "\ea0f"; }
|
||||
.lni-ambulance-1:before, .icon-ambulance-1:before { content: "\ea10"; }
|
||||
.lni-amd:before, .icon-amd:before { content: "\ea11"; }
|
||||
.lni-amex:before, .icon-amex:before { content: "\ea12"; }
|
||||
.lni-anchor:before, .icon-anchor:before { content: "\ea13"; }
|
||||
.lni-android:before, .icon-android:before { content: "\ea14"; }
|
||||
.lni-android-old:before, .icon-android-old:before { content: "\ea15"; }
|
||||
.lni-angellist:before, .icon-angellist:before { content: "\ea16"; }
|
||||
.lni-angle-double-down:before, .icon-angle-double-down:before { content: "\ea17"; }
|
||||
.lni-angle-double-left:before, .icon-angle-double-left:before { content: "\ea18"; }
|
||||
.lni-angle-double-right:before, .icon-angle-double-right:before { content: "\ea19"; }
|
||||
.lni-angle-double-up:before, .icon-angle-double-up:before { content: "\ea1a"; }
|
||||
.lni-angular:before, .icon-angular:before { content: "\ea1b"; }
|
||||
.lni-app-store:before, .icon-app-store:before { content: "\ea1c"; }
|
||||
.lni-apple-brand:before, .icon-apple-brand:before { content: "\ea1d"; }
|
||||
.lni-apple-music:before, .icon-apple-music:before { content: "\ea1e"; }
|
||||
.lni-apple-music-alt:before, .icon-apple-music-alt:before { content: "\ea1f"; }
|
||||
.lni-apple:before, .icon-apple:before { content: "\ea1d"; }
|
||||
.lni-apple-music:before, .icon-apple-music:before { content: "\ea1e"; }
|
||||
.lni-apple-music-alt:before, .icon-apple-music-alt:before { content: "\ea1f"; }
|
||||
.lni-apple-pay:before, .icon-apple-pay:before { content: "\ea20"; }
|
||||
.lni-arc-browser:before, .icon-arc-browser:before { content: "\ea21"; }
|
||||
.lni-arrow-all-direction:before, .icon-arrow-all-direction:before { content: "\ea22"; }
|
||||
.lni-arrow-angular-top-left:before, .icon-arrow-angular-top-left:before { content: "\ea23"; }
|
||||
.lni-arrow-angular-top-right:before, .icon-arrow-angular-top-right:before { content: "\ea24"; }
|
||||
.lni-arrow-both-direction-horizontal-1:before, .icon-arrow-both-direction-horizontal-1:before { content: "\ea25"; }
|
||||
.lni-arrow-both-direction-vertical-1:before, .icon-arrow-both-direction-vertical-1:before { content: "\ea26"; }
|
||||
.lni-arrow-downward:before, .icon-arrow-downward:before { content: "\ea27"; }
|
||||
.lni-arrow-left:before, .icon-arrow-left:before { content: "\ea28"; }
|
||||
.lni-arrow-left-circle:before, .icon-arrow-left-circle:before { content: "\ea29"; }
|
||||
.lni-arrow-right:before, .icon-arrow-right:before { content: "\ea2a"; }
|
||||
.lni-arrow-right-circle:before, .icon-arrow-right-circle:before { content: "\ea2b"; }
|
||||
.lni-arrow-upward:before, .icon-arrow-upward:before { content: "\ea2c"; }
|
||||
.lni-asana:before, .icon-asana:before { content: "\ea2d"; }
|
||||
.lni-astro:before, .icon-astro:before { content: "\ea2e"; }
|
||||
.lni-atlassian:before, .icon-atlassian:before { content: "\ea2f"; }
|
||||
.lni-audi:before, .icon-audi:before { content: "\ea30"; }
|
||||
.lni-audi-alt:before, .icon-audi-alt:before { content: "\ea31"; }
|
||||
.lni-aws:before, .icon-aws:before { content: "\ea32"; }
|
||||
.lni-azure:before, .icon-azure:before { content: "\ea33"; }
|
||||
.lni-badge-decagram-percent:before, .icon-badge-decagram-percent:before { content: "\ea34"; }
|
||||
.lni-balloons:before, .icon-balloons:before { content: "\ea35"; }
|
||||
.lni-ban-2:before, .icon-ban-2:before { content: "\ea36"; }
|
||||
.lni-bar-chart-4:before, .icon-bar-chart-4:before { content: "\ea37"; }
|
||||
.lni-bar-chart-dollar:before, .icon-bar-chart-dollar:before { content: "\ea38"; }
|
||||
.lni-basket-shopping-3:before, .icon-basket-shopping-3:before { content: "\ea39"; }
|
||||
.lni-beat:before, .icon-beat:before { content: "\ea3a"; }
|
||||
.lni-behance:before, .icon-behance:before { content: "\ea3b"; }
|
||||
.lni-bell-1:before, .icon-bell-1:before { content: "\ea3c"; }
|
||||
.lni-bike:before, .icon-bike:before { content: "\ea3d"; }
|
||||
.lni-bing:before, .icon-bing:before { content: "\ea3e"; }
|
||||
.lni-bitbucket:before, .icon-bitbucket:before { content: "\ea3f"; }
|
||||
.lni-bitcoin:before, .icon-bitcoin:before { content: "\ea40"; }
|
||||
.lni-bittorrent:before, .icon-bittorrent:before { content: "\ea41"; }
|
||||
.lni-blogger:before, .icon-blogger:before { content: "\ea42"; }
|
||||
.lni-blogger-alt:before, .icon-blogger-alt:before { content: "\ea43"; }
|
||||
.lni-bluetooth:before, .icon-bluetooth:before { content: "\ea44"; }
|
||||
.lni-bluetooth-logo:before, .icon-bluetooth-logo:before { content: "\ea45"; }
|
||||
.lni-bmw:before, .icon-bmw:before { content: "\ea46"; }
|
||||
.lni-board-writing-3:before, .icon-board-writing-3:before { content: "\ea47"; }
|
||||
.lni-bold:before, .icon-bold:before { content: "\ea48"; }
|
||||
.lni-bolt-2:before, .icon-bolt-2:before { content: "\ea49"; }
|
||||
.lni-bolt-3:before, .icon-bolt-3:before { content: "\ea4a"; }
|
||||
.lni-book-1:before, .icon-book-1:before { content: "\ea4b"; }
|
||||
.lni-bookmark-1:before, .icon-bookmark-1:before { content: "\ea4c"; }
|
||||
.lni-bookmark-circle:before, .icon-bookmark-circle:before { content: "\ea4d"; }
|
||||
.lni-books-2:before, .icon-books-2:before { content: "\ea4e"; }
|
||||
.lni-bootstrap-5:before, .icon-bootstrap-5:before { content: "\ea4f"; }
|
||||
.lni-bootstrap-5-square:before, .icon-bootstrap-5-square:before { content: "\ea50"; }
|
||||
.lni-box-archive-1:before, .icon-box-archive-1:before { content: "\ea51"; }
|
||||
.lni-box-closed:before, .icon-box-closed:before { content: "\ea52"; }
|
||||
.lni-box-gift-1:before, .icon-box-gift-1:before { content: "\ea53"; }
|
||||
.lni-brave:before, .icon-brave:before { content: "\ea54"; }
|
||||
.lni-bricks:before, .icon-bricks:before { content: "\ea55"; }
|
||||
.lni-bridge-3:before, .icon-bridge-3:before { content: "\ea56"; }
|
||||
.lni-briefcase-1:before, .icon-briefcase-1:before { content: "\ea57"; }
|
||||
.lni-briefcase-2:before, .icon-briefcase-2:before { content: "\ea58"; }
|
||||
.lni-briefcase-plus-1:before, .icon-briefcase-plus-1:before { content: "\ea59"; }
|
||||
.lni-brush-1-rotated:before, .icon-brush-1-rotated:before { content: "\ea5a"; }
|
||||
.lni-brush-2:before, .icon-brush-2:before { content: "\ea5b"; }
|
||||
.lni-btc:before, .icon-btc:before { content: "\ea5c"; }
|
||||
.lni-bug-1:before, .icon-bug-1:before { content: "\ea5d"; }
|
||||
.lni-buildings-1:before, .icon-buildings-1:before { content: "\ea5e"; }
|
||||
.lni-bulb-2:before, .icon-bulb-2:before { content: "\ea5f"; }
|
||||
.lni-bulb-4:before, .icon-bulb-4:before { content: "\ea60"; }
|
||||
.lni-burger-1:before, .icon-burger-1:before { content: "\ea61"; }
|
||||
.lni-burger-drink:before, .icon-burger-drink:before { content: "\ea62"; }
|
||||
.lni-bus-1:before, .icon-bus-1:before { content: "\ea63"; }
|
||||
.lni-busket-ball:before, .icon-busket-ball:before { content: "\ea64"; }
|
||||
.lni-cake-1:before, .icon-cake-1:before { content: "\ea65"; }
|
||||
.lni-calculator-1:before, .icon-calculator-1:before { content: "\ea66"; }
|
||||
.lni-calculator-2:before, .icon-calculator-2:before { content: "\ea67"; }
|
||||
.lni-calendar-days:before, .icon-calendar-days:before { content: "\ea68"; }
|
||||
.lni-camera-1:before, .icon-camera-1:before { content: "\ea69"; }
|
||||
.lni-camera-movie-1:before, .icon-camera-movie-1:before { content: "\ea6a"; }
|
||||
.lni-candy-cane-2:before, .icon-candy-cane-2:before { content: "\ea6b"; }
|
||||
.lni-candy-round-1:before, .icon-candy-round-1:before { content: "\ea6c"; }
|
||||
.lni-canva:before, .icon-canva:before { content: "\ea6d"; }
|
||||
.lni-capsule-1:before, .icon-capsule-1:before { content: "\ea6e"; }
|
||||
.lni-car-2:before, .icon-car-2:before { content: "\ea6f"; }
|
||||
.lni-car-4:before, .icon-car-4:before { content: "\ea70"; }
|
||||
.lni-car-6:before, .icon-car-6:before { content: "\ea71"; }
|
||||
.lni-caravan-1:before, .icon-caravan-1:before { content: "\ea72"; }
|
||||
.lni-cart-1:before, .icon-cart-1:before { content: "\ea73"; }
|
||||
.lni-cart-2:before, .icon-cart-2:before { content: "\ea74"; }
|
||||
.lni-cash-app:before, .icon-cash-app:before { content: "\ea75"; }
|
||||
.lni-certificate-badge-1:before, .icon-certificate-badge-1:before { content: "\ea76"; }
|
||||
.lni-chat-bubble-2:before, .icon-chat-bubble-2:before { content: "\ea77"; }
|
||||
.lni-check:before, .icon-check:before { content: "\ea78"; }
|
||||
.lni-check-circle-1:before, .icon-check-circle-1:before { content: "\ea79"; }
|
||||
.lni-check-square-2:before, .icon-check-square-2:before { content: "\ea7a"; }
|
||||
.lni-chevron-down:before, .icon-chevron-down:before { content: "\ea7b"; }
|
||||
.lni-chevron-down-circle:before, .icon-chevron-down-circle:before { content: "\ea7c"; }
|
||||
.lni-chevron-left:before, .icon-chevron-left:before { content: "\ea7d"; }
|
||||
.lni-chevron-left-circle:before, .icon-chevron-left-circle:before { content: "\ea7e"; }
|
||||
.lni-chevron-right:before, .icon-chevron-right:before { content: "\ea7d"; transform: rotate(180deg); }
|
||||
.lni-chevron-right-circle:before, .icon-chevron-right-circle:before { content: "\ea7f"; }
|
||||
.lni-chevron-up:before, .icon-chevron-up:before { content: "\ea80"; }
|
||||
.lni-chevron-up-circle:before, .icon-chevron-up-circle:before { content: "\ea81"; }
|
||||
.lni-chrome:before, .icon-chrome:before { content: "\ea82"; }
|
||||
.lni-chromecast:before, .icon-chromecast:before { content: "\ea83"; }
|
||||
.lni-cisco:before, .icon-cisco:before { content: "\ea84"; }
|
||||
.lni-claude:before, .icon-claude:before { content: "\ea85"; }
|
||||
.lni-clickup:before, .icon-clickup:before { content: "\ea86"; }
|
||||
.lni-clipboard:before, .icon-clipboard:before { content: "\ea87"; }
|
||||
.lni-cloud-2:before, .icon-cloud-2:before { content: "\ea88"; }
|
||||
.lni-cloud-bolt-1:before, .icon-cloud-bolt-1:before { content: "\ea89"; }
|
||||
.lni-cloud-bolt-2:before, .icon-cloud-bolt-2:before { content: "\ea8a"; }
|
||||
.lni-cloud-check-circle:before, .icon-cloud-check-circle:before { content: "\ea8b"; }
|
||||
.lni-cloud-download:before, .icon-cloud-download:before { content: "\ea8c"; }
|
||||
.lni-cloud-iot-2:before, .icon-cloud-iot-2:before { content: "\ea8d"; }
|
||||
.lni-cloud-rain:before, .icon-cloud-rain:before { content: "\ea8e"; }
|
||||
.lni-cloud-refresh-clockwise:before, .icon-cloud-refresh-clockwise:before { content: "\ea8f"; }
|
||||
.lni-cloud-sun:before, .icon-cloud-sun:before { content: "\ea90"; }
|
||||
.lni-cloud-upload:before, .icon-cloud-upload:before { content: "\ea91"; }
|
||||
.lni-cloudflare:before, .icon-cloudflare:before { content: "\ea92"; }
|
||||
.lni-code-1:before, .icon-code-1:before { content: "\ea93"; }
|
||||
.lni-code-s:before, .icon-code-s:before { content: "\ea94"; }
|
||||
.lni-codepen:before, .icon-codepen:before { content: "\ea95"; }
|
||||
.lni-coffee-cup-2:before, .icon-coffee-cup-2:before { content: "\ea96"; }
|
||||
.lni-coinbase:before, .icon-coinbase:before { content: "\ea97"; }
|
||||
.lni-colour-palette-3:before, .icon-colour-palette-3:before { content: "\ea98"; }
|
||||
.lni-comment-1:before, .icon-comment-1:before { content: "\ea99"; }
|
||||
.lni-comment-1-share:before, .icon-comment-1-share:before { content: "\ea9a"; }
|
||||
.lni-comment-1-text:before, .icon-comment-1-text:before { content: "\ea9b"; }
|
||||
.lni-compass-drafting-2:before, .icon-compass-drafting-2:before { content: "\ea9c"; }
|
||||
.lni-connectdevelop:before, .icon-connectdevelop:before { content: "\ea9d"; }
|
||||
.lni-copilot:before, .icon-copilot:before { content: "\ea9e"; }
|
||||
.lni-coral:before, .icon-coral:before { content: "\ea9f"; }
|
||||
.lni-cpanel:before, .icon-cpanel:before { content: "\eaa0"; }
|
||||
.lni-crane-4:before, .icon-crane-4:before { content: "\eaa1"; }
|
||||
.lni-creative-commons:before, .icon-creative-commons:before { content: "\eaa2"; }
|
||||
.lni-credit-card-multiple:before, .icon-credit-card-multiple:before { content: "\eaa3"; }
|
||||
.lni-crop-2:before, .icon-crop-2:before { content: "\eaa4"; }
|
||||
.lni-crown-3:before, .icon-crown-3:before { content: "\eaa5"; }
|
||||
.lni-css3:before, .icon-css3:before { content: "\eaa6"; }
|
||||
.lni-dashboard-square-1:before, .icon-dashboard-square-1:before { content: "\eaa7"; }
|
||||
.lni-database-2:before, .icon-database-2:before { content: "\eaa8"; }
|
||||
.lni-deno:before, .icon-deno:before { content: "\eaa9"; }
|
||||
.lni-dev:before, .icon-dev:before { content: "\eaaa"; }
|
||||
.lni-dialogflow:before, .icon-dialogflow:before { content: "\eaab"; }
|
||||
.lni-diamonds-1:before, .icon-diamonds-1:before { content: "\eaac"; }
|
||||
.lni-diamonds-2:before, .icon-diamonds-2:before { content: "\eaad"; }
|
||||
.lni-digitalocean:before, .icon-digitalocean:before { content: "\eaae"; }
|
||||
.lni-diners-club:before, .icon-diners-club:before { content: "\eaaf"; }
|
||||
.lni-direction-ltr:before, .icon-direction-ltr:before { content: "\eab0"; }
|
||||
.lni-direction-rtl:before, .icon-direction-rtl:before { content: "\eab1"; }
|
||||
.lni-discord:before, .icon-discord:before { content: "\eab2"; }
|
||||
.lni-discord-chat:before, .icon-discord-chat:before { content: "\eab3"; }
|
||||
.lni-discover:before, .icon-discover:before { content: "\eab4"; }
|
||||
.lni-docker:before, .icon-docker:before { content: "\eab5"; }
|
||||
.lni-dollar:before, .icon-dollar:before { content: "\eab6"; }
|
||||
.lni-dollar-circle:before, .icon-dollar-circle:before { content: "\eab7"; }
|
||||
.lni-double-quotes-end-1:before, .icon-double-quotes-end-1:before { content: "\eab8"; }
|
||||
.lni-download-1:before, .icon-download-1:before { content: "\eab9"; }
|
||||
.lni-download-circle-1:before, .icon-download-circle-1:before { content: "\eaba"; }
|
||||
.lni-dribbble:before, .icon-dribbble:before { content: "\eabb"; }
|
||||
.lni-dribbble-symbol:before, .icon-dribbble-symbol:before { content: "\eabc"; }
|
||||
.lni-drizzle:before, .icon-drizzle:before { content: "\eabd"; }
|
||||
.lni-dropbox:before, .icon-dropbox:before { content: "\eabe"; }
|
||||
.lni-drupal:before, .icon-drupal:before { content: "\eabf"; }
|
||||
.lni-dumbbell-1:before, .icon-dumbbell-1:before { content: "\eac0"; }
|
||||
.lni-edge:before, .icon-edge:before { content: "\eac1"; }
|
||||
.lni-emoji-expressionless:before, .icon-emoji-expressionless:before { content: "\eac2"; }
|
||||
.lni-emoji-expressionless-flat-eyes:before, .icon-emoji-expressionless-flat-eyes:before { content: "\eac3"; }
|
||||
.lni-emoji-grin:before, .icon-emoji-grin:before { content: "\eac4"; }
|
||||
.lni-emoji-sad:before, .icon-emoji-sad:before { content: "\eac5"; }
|
||||
.lni-emoji-smile:before, .icon-emoji-smile:before { content: "\eac6"; }
|
||||
.lni-emoji-smile-side:before, .icon-emoji-smile-side:before { content: "\eac7"; }
|
||||
.lni-emoji-smile-sunglass:before, .icon-emoji-smile-sunglass:before { content: "\eac8"; }
|
||||
.lni-emoji-smile-tongue:before, .icon-emoji-smile-tongue:before { content: "\eac9"; }
|
||||
.lni-enter:before, .icon-enter:before { content: "\eaca"; }
|
||||
.lni-enter-down:before, .icon-enter-down:before { content: "\eacb"; }
|
||||
.lni-envato:before, .icon-envato:before { content: "\eacc"; }
|
||||
.lni-envelope-1:before, .icon-envelope-1:before { content: "\eacd"; }
|
||||
.lni-eraser-1:before, .icon-eraser-1:before { content: "\eace"; }
|
||||
.lni-ethereum-logo:before, .icon-ethereum-logo:before { content: "\eacf"; }
|
||||
.lni-euro:before, .icon-euro:before { content: "\ead0"; }
|
||||
.lni-exit:before, .icon-exit:before { content: "\ead1"; }
|
||||
.lni-exit-up:before, .icon-exit-up:before { content: "\ead2"; }
|
||||
.lni-expand-arrow-1:before, .icon-expand-arrow-1:before { content: "\ead3"; }
|
||||
.lni-expand-square-4:before, .icon-expand-square-4:before { content: "\ead4"; }
|
||||
.lni-expressjs:before, .icon-expressjs:before { content: "\ead5"; }
|
||||
.lni-eye:before, .icon-eye:before { content: "\ead6"; }
|
||||
.lni-facebook:before, .icon-facebook:before { content: "\ead7"; }
|
||||
.lni-facebook-messenger:before, .icon-facebook-messenger:before { content: "\ead8"; }
|
||||
.lni-facebook-rounded:before, .icon-facebook-rounded:before { content: "\ead9"; }
|
||||
.lni-facebook-square:before, .icon-facebook-square:before { content: "\eada"; }
|
||||
.lni-facetime:before, .icon-facetime:before { content: "\eadb"; }
|
||||
.lni-figma:before, .icon-figma:before { content: "\eadc"; }
|
||||
.lni-file-format-zip:before, .icon-file-format-zip:before { content: "\eadd"; }
|
||||
.lni-file-multiple:before, .icon-file-multiple:before { content: "\eade"; }
|
||||
.lni-file-pencil:before, .icon-file-pencil:before { content: "\eadf"; }
|
||||
.lni-file-plus-circle:before, .icon-file-plus-circle:before { content: "\eae0"; }
|
||||
.lni-file-question:before, .icon-file-question:before { content: "\eae1"; }
|
||||
.lni-file-xmark:before, .icon-file-xmark:before { content: "\eae2"; }
|
||||
.lni-firebase:before, .icon-firebase:before { content: "\eae3"; }
|
||||
.lni-firefox:before, .icon-firefox:before { content: "\eae4"; }
|
||||
.lni-firework-rocket-4:before, .icon-firework-rocket-4:before { content: "\eae5"; }
|
||||
.lni-fitbit:before, .icon-fitbit:before { content: "\eae6"; }
|
||||
.lni-flag-1:before, .icon-flag-1:before { content: "\eae7"; }
|
||||
.lni-flag-2:before, .icon-flag-2:before { content: "\eae8"; }
|
||||
.lni-flickr:before, .icon-flickr:before { content: "\eae9"; }
|
||||
.lni-floppy-disk-1:before, .icon-floppy-disk-1:before { content: "\eaea"; }
|
||||
.lni-flower-2:before, .icon-flower-2:before { content: "\eaeb"; }
|
||||
.lni-flutter:before, .icon-flutter:before { content: "\eaec"; }
|
||||
.lni-folder-1:before, .icon-folder-1:before { content: "\eaed"; }
|
||||
.lni-ford:before, .icon-ford:before { content: "\eaee"; }
|
||||
.lni-framer:before, .icon-framer:before { content: "\eaef"; }
|
||||
.lni-funnel-1:before, .icon-funnel-1:before { content: "\eaf0"; }
|
||||
.lni-gallery:before, .icon-gallery:before { content: "\eaf1"; }
|
||||
.lni-game-pad-modern-1:before, .icon-game-pad-modern-1:before { content: "\eaf2"; }
|
||||
.lni-gatsby:before, .icon-gatsby:before { content: "\eaf3"; }
|
||||
.lni-gauge-1:before, .icon-gauge-1:before { content: "\eaf4"; }
|
||||
.lni-gear-1:before, .icon-gear-1:before { content: "\eaf5"; }
|
||||
.lni-gears-3:before, .icon-gears-3:before { content: "\eaf6"; }
|
||||
.lni-gemini:before, .icon-gemini:before { content: "\eaf7"; }
|
||||
.lni-git:before, .icon-git:before { content: "\eaf8"; }
|
||||
.lni-github:before, .icon-github:before { content: "\eaf9"; }
|
||||
.lni-glass-juice-1:before, .icon-glass-juice-1:before { content: "\eafa"; }
|
||||
.lni-globe-1:before, .icon-globe-1:before { content: "\eafb"; }
|
||||
.lni-globe-stand:before, .icon-globe-stand:before { content: "\eafc"; }
|
||||
.lni-go:before, .icon-go:before { content: "\eafd"; }
|
||||
.lni-goodreads:before, .icon-goodreads:before { content: "\eafe"; }
|
||||
.lni-google:before, .icon-google:before { content: "\eaff"; }
|
||||
.lni-google-cloud:before, .icon-google-cloud:before { content: "\eb00"; }
|
||||
.lni-google-drive:before, .icon-google-drive:before { content: "\eb01"; }
|
||||
.lni-google-meet:before, .icon-google-meet:before { content: "\eb02"; }
|
||||
.lni-google-pay:before, .icon-google-pay:before { content: "\eb03"; }
|
||||
.lni-google-wallet:before, .icon-google-wallet:before { content: "\eb04"; }
|
||||
.lni-graduation-cap-1:before, .icon-graduation-cap-1:before { content: "\eb05"; }
|
||||
.lni-grammarly:before, .icon-grammarly:before { content: "\eb06"; }
|
||||
.lni-hacker-news:before, .icon-hacker-news:before { content: "\eb07"; }
|
||||
.lni-hammer-1:before, .icon-hammer-1:before { content: "\eb08"; }
|
||||
.lni-hammer-2:before, .icon-hammer-2:before { content: "\eb09"; }
|
||||
.lni-hand-mic:before, .icon-hand-mic:before { content: "\eb0a"; }
|
||||
.lni-hand-shake:before, .icon-hand-shake:before { content: "\eb0b"; }
|
||||
.lni-hand-stop:before, .icon-hand-stop:before { content: "\eb0c"; }
|
||||
.lni-hand-taking-dollar:before, .icon-hand-taking-dollar:before { content: "\eb0d"; }
|
||||
.lni-hand-taking-leaf-1:before, .icon-hand-taking-leaf-1:before { content: "\eb0e"; }
|
||||
.lni-hand-taking-user:before, .icon-hand-taking-user:before { content: "\eb0f"; }
|
||||
.lni-hashnode:before, .icon-hashnode:before { content: "\eb10"; }
|
||||
.lni-hat-chef-3:before, .icon-hat-chef-3:before { content: "\eb11"; }
|
||||
.lni-headphone-1:before, .icon-headphone-1:before { content: "\eb12"; }
|
||||
.lni-heart:before, .icon-heart:before { content: "\eb13"; }
|
||||
.lni-helicopter-2:before, .icon-helicopter-2:before { content: "\eb14"; }
|
||||
.lni-helmet-safety-1:before, .icon-helmet-safety-1:before { content: "\eb15"; }
|
||||
.lni-hierarchy-1:before, .icon-hierarchy-1:before { content: "\eb16"; }
|
||||
.lni-highlighter-1:before, .icon-highlighter-1:before { content: "\eb17"; }
|
||||
.lni-highlighter-2:before, .icon-highlighter-2:before { content: "\eb18"; }
|
||||
.lni-home-2:before, .icon-home-2:before { content: "\eb19"; }
|
||||
.lni-hospital-2:before, .icon-hospital-2:before { content: "\eb1a"; }
|
||||
.lni-hourglass:before, .icon-hourglass:before { content: "\eb1b"; }
|
||||
.lni-html5:before, .icon-html5:before { content: "\eb1c"; }
|
||||
.lni-ibm:before, .icon-ibm:before { content: "\eb1d"; }
|
||||
.lni-id-card:before, .icon-id-card:before { content: "\eb1e"; }
|
||||
.lni-imdb:before, .icon-imdb:before { content: "\eb1f"; }
|
||||
.lni-indent:before, .icon-indent:before { content: "\eb20"; }
|
||||
.lni-info:before, .icon-info:before { content: "\eb21"; }
|
||||
.lni-injection-1:before, .icon-injection-1:before { content: "\eb22"; }
|
||||
.lni-instagram:before, .icon-instagram:before { content: "\eb23"; }
|
||||
.lni-instagram-logotype:before, .icon-instagram-logotype:before { content: "\eb24"; }
|
||||
.lni-intel:before, .icon-intel:before { content: "\eb25"; }
|
||||
.lni-ios:before, .icon-ios:before { content: "\eb26"; }
|
||||
.lni-island-2:before, .icon-island-2:before { content: "\eb27"; }
|
||||
.lni-jaguar:before, .icon-jaguar:before { content: "\eb28"; }
|
||||
.lni-jamstack:before, .icon-jamstack:before { content: "\eb29"; }
|
||||
.lni-java:before, .icon-java:before { content: "\eb2a"; }
|
||||
.lni-javascript:before, .icon-javascript:before { content: "\eb2b"; }
|
||||
.lni-jcb:before, .icon-jcb:before { content: "\eb2c"; }
|
||||
.lni-joomla:before, .icon-joomla:before { content: "\eb2d"; }
|
||||
.lni-jsfiddle:before, .icon-jsfiddle:before { content: "\eb2e"; }
|
||||
.lni-key-1:before, .icon-key-1:before { content: "\eb2f"; }
|
||||
.lni-keyboard:before, .icon-keyboard:before { content: "\eb30"; }
|
||||
.lni-knife-fork-1:before, .icon-knife-fork-1:before { content: "\eb31"; }
|
||||
.lni-kubernetes:before, .icon-kubernetes:before { content: "\eb32"; }
|
||||
.lni-label-dollar-2:before, .icon-label-dollar-2:before { content: "\eb33"; }
|
||||
.lni-laptop-2:before, .icon-laptop-2:before { content: "\eb34"; }
|
||||
.lni-laptop-phone:before, .icon-laptop-phone:before { content: "\eb35"; }
|
||||
.lni-laravel:before, .icon-laravel:before { content: "\eb36"; }
|
||||
.lni-layers-1:before, .icon-layers-1:before { content: "\eb37"; }
|
||||
.lni-layout-26:before, .icon-layout-26:before { content: "\eb38"; }
|
||||
.lni-layout-9:before, .icon-layout-9:before { content: "\eb39"; }
|
||||
.lni-leaf-1:before, .icon-leaf-1:before { content: "\eb3a"; }
|
||||
.lni-leaf-6:before, .icon-leaf-6:before { content: "\eb3b"; }
|
||||
.lni-lemon-squeezy:before, .icon-lemon-squeezy:before { content: "\eb3c"; }
|
||||
.lni-life-guard-tube-1:before, .icon-life-guard-tube-1:before { content: "\eb3d"; }
|
||||
.lni-line:before, .icon-line:before { content: "\eb3e"; }
|
||||
.lni-line-dashed:before, .icon-line-dashed:before { content: "\eb3f"; }
|
||||
.lni-line-dotted:before, .icon-line-dotted:before { content: "\eb40"; }
|
||||
.lni-line-height:before, .icon-line-height:before { content: "\eb41"; }
|
||||
.lni-lineicons:before, .icon-lineicons:before { content: "\eb42"; }
|
||||
.lni-link-2-angular-right:before, .icon-link-2-angular-right:before { content: "\eb43"; }
|
||||
.lni-linkedin:before, .icon-linkedin:before { content: "\eb44"; }
|
||||
.lni-location-arrow-right:before, .icon-location-arrow-right:before { content: "\eb45"; }
|
||||
.lni-locked-1:before, .icon-locked-1:before { content: "\eb46"; }
|
||||
.lni-locked-2:before, .icon-locked-2:before { content: "\eb47"; }
|
||||
.lni-loom:before, .icon-loom:before { content: "\eb48"; }
|
||||
.lni-magento:before, .icon-magento:before { content: "\eb49"; }
|
||||
.lni-magnet:before, .icon-magnet:before { content: "\eb4a"; }
|
||||
.lni-mailchimp:before, .icon-mailchimp:before { content: "\eb4b"; }
|
||||
.lni-map-marker-1:before, .icon-map-marker-1:before { content: "\eb4c"; }
|
||||
.lni-map-marker-5:before, .icon-map-marker-5:before { content: "\eb4d"; }
|
||||
.lni-map-pin-5:before, .icon-map-pin-5:before { content: "\eb4e"; }
|
||||
.lni-markdown:before, .icon-markdown:before { content: "\eb4f"; }
|
||||
.lni-mastercard:before, .icon-mastercard:before { content: "\eb50"; }
|
||||
.lni-medium:before, .icon-medium:before { content: "\eb51"; }
|
||||
.lni-medium-alt:before, .icon-medium-alt:before { content: "\eb52"; }
|
||||
.lni-megaphone-1:before, .icon-megaphone-1:before { content: "\eb53"; }
|
||||
.lni-menu-cheesburger:before, .icon-menu-cheesburger:before { content: "\eb54"; }
|
||||
.lni-menu-hamburger-1:before, .icon-menu-hamburger-1:before { content: "\eb55"; }
|
||||
.lni-menu-meatballs-1:before, .icon-menu-meatballs-1:before { content: "\eb56"; }
|
||||
.lni-menu-meatballs-2:before, .icon-menu-meatballs-2:before { content: "\eb57"; }
|
||||
.lni-mercedes:before, .icon-mercedes:before { content: "\eb58"; }
|
||||
.lni-message-2:before, .icon-message-2:before { content: "\eb59"; }
|
||||
.lni-message-2-question:before, .icon-message-2-question:before { content: "\eb5a"; }
|
||||
.lni-message-3-text:before, .icon-message-3-text:before { content: "\eb5b"; }
|
||||
.lni-meta:before, .icon-meta:before { content: "\eb5c"; }
|
||||
.lni-meta-alt:before, .icon-meta-alt:before { content: "\eb5d"; }
|
||||
.lni-microphone-1:before, .icon-microphone-1:before { content: "\eb5e"; }
|
||||
.lni-microscope:before, .icon-microscope:before { content: "\eb5f"; }
|
||||
.lni-microsoft:before, .icon-microsoft:before { content: "\eb60"; }
|
||||
.lni-microsoft-edge:before, .icon-microsoft-edge:before { content: "\eb61"; }
|
||||
.lni-microsoft-teams:before, .icon-microsoft-teams:before { content: "\eb62"; }
|
||||
.lni-minus:before, .icon-minus:before { content: "\eb63"; }
|
||||
.lni-minus-circle:before, .icon-minus-circle:before { content: "\eb64"; }
|
||||
.lni-mongodb:before, .icon-mongodb:before { content: "\eb65"; }
|
||||
.lni-monitor:before, .icon-monitor:before { content: "\eb66"; }
|
||||
.lni-monitor-code:before, .icon-monitor-code:before { content: "\eb67"; }
|
||||
.lni-monitor-mac:before, .icon-monitor-mac:before { content: "\eb68"; }
|
||||
.lni-moon-half-right-5:before, .icon-moon-half-right-5:before { content: "\eb69"; }
|
||||
.lni-mountains-2:before, .icon-mountains-2:before { content: "\eb6a"; }
|
||||
.lni-mouse-2:before, .icon-mouse-2:before { content: "\eb6b"; }
|
||||
.lni-mushroom-1:before, .icon-mushroom-1:before { content: "\eb6c"; }
|
||||
.lni-mushroom-5:before, .icon-mushroom-5:before { content: "\eb6d"; }
|
||||
.lni-music:before, .icon-music:before { content: "\eb6e"; }
|
||||
.lni-mysql:before, .icon-mysql:before { content: "\eb6f"; }
|
||||
.lni-nasa:before, .icon-nasa:before { content: "\eb70"; }
|
||||
.lni-netflix:before, .icon-netflix:before { content: "\eb71"; }
|
||||
.lni-netlify:before, .icon-netlify:before { content: "\eb72"; }
|
||||
.lni-next-step-2:before, .icon-next-step-2:before { content: "\eb73"; }
|
||||
.lni-nextjs:before, .icon-nextjs:before { content: "\eb74"; }
|
||||
.lni-nike:before, .icon-nike:before { content: "\eb75"; }
|
||||
.lni-nissan:before, .icon-nissan:before { content: "\eb76"; }
|
||||
.lni-nodejs:before, .icon-nodejs:before { content: "\eb77"; }
|
||||
.lni-nodejs-alt:before, .icon-nodejs-alt:before { content: "\eb78"; }
|
||||
.lni-notebook-1:before, .icon-notebook-1:before { content: "\eb79"; }
|
||||
.lni-notion:before, .icon-notion:before { content: "\eb7a"; }
|
||||
.lni-npm:before, .icon-npm:before { content: "\eb7b"; }
|
||||
.lni-nuxt:before, .icon-nuxt:before { content: "\eb7c"; }
|
||||
.lni-nvidia:before, .icon-nvidia:before { content: "\eb7d"; }
|
||||
.lni-oculus:before, .icon-oculus:before { content: "\eb7e"; }
|
||||
.lni-open-ai:before, .icon-open-ai:before { content: "\eb7f"; }
|
||||
.lni-opera-mini:before, .icon-opera-mini:before { content: "\eb80"; }
|
||||
.lni-oracle:before, .icon-oracle:before { content: "\eb81"; }
|
||||
.lni-outdent:before, .icon-outdent:before { content: "\eb82"; }
|
||||
.lni-paddle:before, .icon-paddle:before { content: "\eb83"; }
|
||||
.lni-page-break-1:before, .icon-page-break-1:before { content: "\eb84"; }
|
||||
.lni-pagination:before, .icon-pagination:before { content: "\eb85"; }
|
||||
.lni-paint-bucket:before, .icon-paint-bucket:before { content: "\eb86"; }
|
||||
.lni-paint-roller-1:before, .icon-paint-roller-1:before { content: "\eb87"; }
|
||||
.lni-paperclip-1:before, .icon-paperclip-1:before { content: "\eb88"; }
|
||||
.lni-party-flags:before, .icon-party-flags:before { content: "\eb89"; }
|
||||
.lni-party-spray:before, .icon-party-spray:before { content: "\eb8a"; }
|
||||
.lni-patreon:before, .icon-patreon:before { content: "\eb8b"; }
|
||||
.lni-pause:before, .icon-pause:before { content: "\eb8c"; }
|
||||
.lni-payoneer:before, .icon-payoneer:before { content: "\eb8d"; }
|
||||
.lni-paypal:before, .icon-paypal:before { content: "\eb8e"; }
|
||||
.lni-pen-to-square:before, .icon-pen-to-square:before { content: "\eb8f"; }
|
||||
.lni-pencil-1:before, .icon-pencil-1:before { content: "\eb90"; }
|
||||
.lni-pepsi:before, .icon-pepsi:before { content: "\eb91"; }
|
||||
.lni-phone:before, .icon-phone:before { content: "\eb92"; }
|
||||
.lni-photos:before, .icon-photos:before { content: "\eb93"; }
|
||||
.lni-php:before, .icon-php:before { content: "\eb94"; }
|
||||
.lni-pie-chart-2:before, .icon-pie-chart-2:before { content: "\eb95"; }
|
||||
.lni-pilcrow:before, .icon-pilcrow:before { content: "\eb96"; }
|
||||
.lni-pimjo-logo:before, .icon-pimjo-logo:before { content: "\eb97"; }
|
||||
.lni-pimjo-symbol:before, .icon-pimjo-symbol:before { content: "\eb98"; }
|
||||
.lni-pinterest:before, .icon-pinterest:before { content: "\eb99"; }
|
||||
.lni-pizza-2:before, .icon-pizza-2:before { content: "\eb9a"; }
|
||||
.lni-placeholder-dollar:before, .icon-placeholder-dollar:before { content: "\eb9b"; }
|
||||
.lni-plantscale:before, .icon-plantscale:before { content: "\eb9c"; }
|
||||
.lni-play:before, .icon-play:before { content: "\eb9d"; }
|
||||
.lni-play-store:before, .icon-play-store:before { content: "\eb9e"; }
|
||||
.lni-playstation:before, .icon-playstation:before { content: "\eb9f"; }
|
||||
.lni-plug-1:before, .icon-plug-1:before { content: "\eba0"; }
|
||||
.lni-plus:before, .icon-plus:before { content: "\eba1"; }
|
||||
.lni-plus-circle:before, .icon-plus-circle:before { content: "\eba2"; }
|
||||
.lni-pnpm:before, .icon-pnpm:before { content: "\eba3"; }
|
||||
.lni-postgresql:before, .icon-postgresql:before { content: "\eba4"; }
|
||||
.lni-postman:before, .icon-postman:before { content: "\eba5"; }
|
||||
.lni-pound:before, .icon-pound:before { content: "\eba6"; }
|
||||
.lni-power-button:before, .icon-power-button:before { content: "\eba7"; }
|
||||
.lni-previous-step-2:before, .icon-previous-step-2:before { content: "\eba8"; }
|
||||
.lni-printer:before, .icon-printer:before { content: "\eba9"; }
|
||||
.lni-prisma:before, .icon-prisma:before { content: "\ebaa"; }
|
||||
.lni-producthunt:before, .icon-producthunt:before { content: "\ebab"; }
|
||||
.lni-proton-mail-logo:before, .icon-proton-mail-logo:before { content: "\ebac"; }
|
||||
.lni-proton-mail-symbol:before, .icon-proton-mail-symbol:before { content: "\ebad"; }
|
||||
.lni-python:before, .icon-python:before { content: "\ebae"; }
|
||||
.lni-question-mark:before, .icon-question-mark:before { content: "\ebaf"; }
|
||||
.lni-question-mark-circle:before, .icon-question-mark-circle:before { content: "\ebb0"; }
|
||||
.lni-quora:before, .icon-quora:before { content: "\ebb1"; }
|
||||
.lni-radis:before, .icon-radis:before { content: "\ebb2"; }
|
||||
.lni-react:before, .icon-react:before { content: "\ebb3"; }
|
||||
.lni-reddit:before, .icon-reddit:before { content: "\ebb4"; }
|
||||
.lni-refresh-circle-1-clockwise:before, .icon-refresh-circle-1-clockwise:before { content: "\ebb5"; }
|
||||
.lni-refresh-dollar-1:before, .icon-refresh-dollar-1:before { content: "\ebb6"; }
|
||||
.lni-refresh-user-1:before, .icon-refresh-user-1:before { content: "\ebb7"; }
|
||||
.lni-remix-js:before, .icon-remix-js:before { content: "\ebb8"; }
|
||||
.lni-road-1:before, .icon-road-1:before { content: "\ebb9"; }
|
||||
.lni-rocket-5:before, .icon-rocket-5:before { content: "\ebba"; }
|
||||
.lni-route-1:before, .icon-route-1:before { content: "\ebbb"; }
|
||||
.lni-rss-right:before, .icon-rss-right:before { content: "\ebbc"; }
|
||||
.lni-ruler-1:before, .icon-ruler-1:before { content: "\ebbd"; }
|
||||
.lni-ruler-pen:before, .icon-ruler-pen:before { content: "\ebbe"; }
|
||||
.lni-rupee:before, .icon-rupee:before { content: "\ebbf"; }
|
||||
.lni-safari:before, .icon-safari:before { content: "\ebc0"; }
|
||||
.lni-sanity:before, .icon-sanity:before { content: "\ebc1"; }
|
||||
.lni-school-bench-1:before, .icon-school-bench-1:before { content: "\ebc2"; }
|
||||
.lni-school-bench-2:before, .icon-school-bench-2:before { content: "\ebc3"; }
|
||||
.lni-scissors-1-vertical:before, .icon-scissors-1-vertical:before { content: "\ebc4"; }
|
||||
.lni-scoter:before, .icon-scoter:before { content: "\ebc5"; }
|
||||
.lni-scroll-down-2:before, .icon-scroll-down-2:before { content: "\ebc6"; }
|
||||
.lni-search-1:before, .icon-search-1:before { content: "\ebc7"; }
|
||||
.lni-search-2:before, .icon-search-2:before { content: "\ebc8"; }
|
||||
.lni-search-minus:before, .icon-search-minus:before { content: "\ebc9"; }
|
||||
.lni-search-plus:before, .icon-search-plus:before { content: "\ebca"; }
|
||||
.lni-search-text:before, .icon-search-text:before { content: "\ebcb"; }
|
||||
.lni-select-cursor-1:before, .icon-select-cursor-1:before { content: "\ebcc"; }
|
||||
.lni-seo-monitor:before, .icon-seo-monitor:before { content: "\ebcd"; }
|
||||
.lni-service-bell-1:before, .icon-service-bell-1:before { content: "\ebce"; }
|
||||
.lni-share-1:before, .icon-share-1:before { content: "\ebcf"; }
|
||||
.lni-share-1-circle:before, .icon-share-1-circle:before { content: "\ebd0"; }
|
||||
.lni-share-2:before, .icon-share-2:before { content: "\ebd1"; }
|
||||
.lni-shield-2:before, .icon-shield-2:before { content: "\ebd2"; }
|
||||
.lni-shield-2-check:before, .icon-shield-2-check:before { content: "\ebd3"; }
|
||||
.lni-shield-dollar:before, .icon-shield-dollar:before { content: "\ebd4"; }
|
||||
.lni-shift-left:before, .icon-shift-left:before { content: "\ebd5"; }
|
||||
.lni-shift-right:before, .icon-shift-right:before { content: "\ebd6"; }
|
||||
.lni-ship-1:before, .icon-ship-1:before { content: "\ebd7"; }
|
||||
.lni-shirt-1:before, .icon-shirt-1:before { content: "\ebd8"; }
|
||||
.lni-shopify:before, .icon-shopify:before { content: "\ebd9"; }
|
||||
.lni-shovel:before, .icon-shovel:before { content: "\ebda"; }
|
||||
.lni-shuffle:before, .icon-shuffle:before { content: "\ebdb"; }
|
||||
.lni-sign-post-left:before, .icon-sign-post-left:before { content: "\ebdc"; }
|
||||
.lni-signal-app:before, .icon-signal-app:before { content: "\ebdd"; }
|
||||
.lni-signs-post-2:before, .icon-signs-post-2:before { content: "\ebde"; }
|
||||
.lni-sketch:before, .icon-sketch:before { content: "\ebdf"; }
|
||||
.lni-skype:before, .icon-skype:before { content: "\ebe0"; }
|
||||
.lni-slack:before, .icon-slack:before { content: "\ebe1"; }
|
||||
.lni-slice-2:before, .icon-slice-2:before { content: "\ebe2"; }
|
||||
.lni-sliders-horizontal-square-2:before, .icon-sliders-horizontal-square-2:before { content: "\ebe3"; }
|
||||
.lni-slideshare:before, .icon-slideshare:before { content: "\ebe4"; }
|
||||
.lni-snapchat:before, .icon-snapchat:before { content: "\ebe5"; }
|
||||
.lni-sort-alphabetical:before, .icon-sort-alphabetical:before { content: "\ebe6"; }
|
||||
.lni-sort-high-to-low:before, .icon-sort-high-to-low:before { content: "\ebe7"; }
|
||||
.lni-soundcloud:before, .icon-soundcloud:before { content: "\ebe8"; }
|
||||
.lni-spacex:before, .icon-spacex:before { content: "\ebe9"; }
|
||||
.lni-spellcheck:before, .icon-spellcheck:before { content: "\ebea"; }
|
||||
.lni-spinner-2-sacle:before, .icon-spinner-2-sacle:before { content: "\ebeb"; }
|
||||
.lni-spinner-3:before, .icon-spinner-3:before { content: "\ebec"; }
|
||||
.lni-sports:before, .icon-sports:before { content: "\ebed"; }
|
||||
.lni-spotify:before, .icon-spotify:before { content: "\ebee"; }
|
||||
.lni-spotify-alt:before, .icon-spotify-alt:before { content: "\ebef"; }
|
||||
.lni-squarespace:before, .icon-squarespace:before { content: "\ebf0"; }
|
||||
.lni-stackoverflow:before, .icon-stackoverflow:before { content: "\ebf1"; }
|
||||
.lni-stamp:before, .icon-stamp:before { content: "\ebf2"; }
|
||||
.lni-star-fat:before, .icon-star-fat:before { content: "\ebf3"; }
|
||||
.lni-star-fat-half-2:before, .icon-star-fat-half-2:before { content: "\ebf4"; }
|
||||
.lni-star-sharp-disabled:before, .icon-star-sharp-disabled:before { content: "\ebf5"; }
|
||||
.lni-statista:before, .icon-statista:before { content: "\ebf6"; }
|
||||
.lni-steam:before, .icon-steam:before { content: "\ebf7"; }
|
||||
.lni-stethoscope-1:before, .icon-stethoscope-1:before { content: "\ebf8"; }
|
||||
.lni-stopwatch:before, .icon-stopwatch:before { content: "\ebf9"; }
|
||||
.lni-storage-hdd-2:before, .icon-storage-hdd-2:before { content: "\ebfa"; }
|
||||
.lni-strikethrough-1:before, .icon-strikethrough-1:before { content: "\ebfb"; }
|
||||
.lni-stripe:before, .icon-stripe:before { content: "\ebfc"; }
|
||||
.lni-stumbleupon:before, .icon-stumbleupon:before { content: "\ebfd"; }
|
||||
.lni-sun-1:before, .icon-sun-1:before { content: "\ebfe"; }
|
||||
.lni-supabase:before, .icon-supabase:before { content: "\ebff"; }
|
||||
.lni-surfboard-2:before, .icon-surfboard-2:before { content: "\ec00"; }
|
||||
.lni-svelte:before, .icon-svelte:before { content: "\ec01"; }
|
||||
.lni-swift:before, .icon-swift:before { content: "\ec02"; }
|
||||
.lni-tab:before, .icon-tab:before { content: "\ec03"; }
|
||||
.lni-tailwindcss:before, .icon-tailwindcss:before { content: "\ec04"; }
|
||||
.lni-target-user:before, .icon-target-user:before { content: "\ec05"; }
|
||||
.lni-telegram:before, .icon-telegram:before { content: "\ec06"; }
|
||||
.lni-telephone-1:before, .icon-telephone-1:before { content: "\ec07"; }
|
||||
.lni-telephone-3:before, .icon-telephone-3:before { content: "\ec08"; }
|
||||
.lni-tesla:before, .icon-tesla:before { content: "\ec09"; }
|
||||
.lni-text-format:before, .icon-text-format:before { content: "\ec0a"; }
|
||||
.lni-text-format-remove:before, .icon-text-format-remove:before { content: "\ec0b"; }
|
||||
.lni-text-paragraph:before, .icon-text-paragraph:before { content: "\ec0c"; }
|
||||
.lni-thumbs-down-3:before, .icon-thumbs-down-3:before { content: "\ec0d"; }
|
||||
.lni-thumbs-up-3:before, .icon-thumbs-up-3:before { content: "\ec0e"; }
|
||||
.lni-ticket-1:before, .icon-ticket-1:before { content: "\ec0f"; }
|
||||
.lni-tickets-3:before, .icon-tickets-3:before { content: "\ec10"; }
|
||||
.lni-tiktok:before, .icon-tiktok:before { content: "\ec11"; }
|
||||
.lni-tiktok-alt:before, .icon-tiktok-alt:before { content: "\ec12"; }
|
||||
.lni-tower-broadcast-1:before, .icon-tower-broadcast-1:before { content: "\ec13"; }
|
||||
.lni-toyota:before, .icon-toyota:before { content: "\ec14"; }
|
||||
.lni-train-1:before, .icon-train-1:before { content: "\ec15"; }
|
||||
.lni-train-3:before, .icon-train-3:before { content: "\ec16"; }
|
||||
.lni-trash-3:before, .icon-trash-3:before { content: "\ec17"; }
|
||||
.lni-tree-2:before, .icon-tree-2:before { content: "\ec18"; }
|
||||
.lni-trees-3:before, .icon-trees-3:before { content: "\ec19"; }
|
||||
.lni-trello:before, .icon-trello:before { content: "\ec1a"; }
|
||||
.lni-trend-down-1:before, .icon-trend-down-1:before { content: "\ec1b"; }
|
||||
.lni-trend-up-1:before, .icon-trend-up-1:before { content: "\ec1c"; }
|
||||
.lni-trophy-1:before, .icon-trophy-1:before { content: "\ec1d"; }
|
||||
.lni-trowel-1:before, .icon-trowel-1:before { content: "\ec1e"; }
|
||||
.lni-truck-delivery-1:before, .icon-truck-delivery-1:before { content: "\ec1f"; }
|
||||
.lni-tumblr:before, .icon-tumblr:before { content: "\ec20"; }
|
||||
.lni-turborepo:before, .icon-turborepo:before { content: "\ec21"; }
|
||||
.lni-twitch:before, .icon-twitch:before { content: "\ec22"; }
|
||||
.lni-twitter-old:before, .icon-twitter-old:before { content: "\ec23"; }
|
||||
.lni-typescript:before, .icon-typescript:before { content: "\ec24"; }
|
||||
.lni-uber:before, .icon-uber:before { content: "\ec25"; }
|
||||
.lni-uber-symbol:before, .icon-uber-symbol:before { content: "\ec26"; }
|
||||
.lni-ubuntu:before, .icon-ubuntu:before { content: "\ec27"; }
|
||||
.lni-underline:before, .icon-underline:before { content: "\ec28"; }
|
||||
.lni-unlink-2-angular-eft:before, .icon-unlink-2-angular-eft:before { content: "\ec29"; }
|
||||
.lni-unlocked-2:before, .icon-unlocked-2:before { content: "\ec2a"; }
|
||||
.lni-unsplash:before, .icon-unsplash:before { content: "\ec2b"; }
|
||||
.lni-upload-1:before, .icon-upload-1:before { content: "\ec2c"; }
|
||||
.lni-upload-circle-1:before, .icon-upload-circle-1:before { content: "\ec2d"; }
|
||||
.lni-user-4:before, .icon-user-4:before { content: "\ec2e"; }
|
||||
.lni-user-multiple-4:before, .icon-user-multiple-4:before { content: "\ec2f"; }
|
||||
.lni-vector-nodes-6:before, .icon-vector-nodes-6:before { content: "\ec30"; }
|
||||
.lni-vector-nodes-7:before, .icon-vector-nodes-7:before { content: "\ec31"; }
|
||||
.lni-vercel:before, .icon-vercel:before { content: "\ec32"; }
|
||||
.lni-vimeo:before, .icon-vimeo:before { content: "\ec33"; }
|
||||
.lni-visa:before, .icon-visa:before { content: "\ec34"; }
|
||||
.lni-vite:before, .icon-vite:before { content: "\ec35"; }
|
||||
.lni-vk:before, .icon-vk:before { content: "\ec36"; }
|
||||
.lni-vmware:before, .icon-vmware:before { content: "\ec37"; }
|
||||
.lni-volkswagen:before, .icon-volkswagen:before { content: "\ec38"; }
|
||||
.lni-volume-1:before, .icon-volume-1:before { content: "\ec39"; }
|
||||
.lni-volume-high:before, .icon-volume-high:before { content: "\ec3a"; }
|
||||
.lni-volume-low:before, .icon-volume-low:before { content: "\ec3b"; }
|
||||
.lni-volume-mute:before, .icon-volume-mute:before { content: "\ec3c"; }
|
||||
.lni-volume-off:before, .icon-volume-off:before { content: "\ec3d"; }
|
||||
.lni-vs-code:before, .icon-vs-code:before { content: "\ec3e"; }
|
||||
.lni-vuejs:before, .icon-vuejs:before { content: "\ec3f"; }
|
||||
.lni-wallet-1:before, .icon-wallet-1:before { content: "\ec40"; }
|
||||
.lni-watch-beat-1:before, .icon-watch-beat-1:before { content: "\ec41"; }
|
||||
.lni-water-drop-1:before, .icon-water-drop-1:before { content: "\ec42"; }
|
||||
.lni-webflow:before, .icon-webflow:before { content: "\ec43"; }
|
||||
.lni-webhooks:before, .icon-webhooks:before { content: "\ec44"; }
|
||||
.lni-wechat:before, .icon-wechat:before { content: "\ec45"; }
|
||||
.lni-weight-machine-1:before, .icon-weight-machine-1:before { content: "\ec46"; }
|
||||
.lni-whatsapp:before, .icon-whatsapp:before { content: "\ec47"; }
|
||||
.lni-wheelbarrow-empty:before, .icon-wheelbarrow-empty:before { content: "\ec48"; }
|
||||
.lni-wheelchair-1:before, .icon-wheelchair-1:before { content: "\ec49"; }
|
||||
.lni-windows:before, .icon-windows:before { content: "\ec4a"; }
|
||||
.lni-wise:before, .icon-wise:before { content: "\ec4b"; }
|
||||
.lni-wordpress:before, .icon-wordpress:before { content: "\ec4c"; }
|
||||
.lni-www:before, .icon-www:before { content: "\ec4d"; }
|
||||
.lni-www-cursor:before, .icon-www-cursor:before { content: "\ec4e"; }
|
||||
.lni-x:before, .icon-x:before { content: "\ec4f"; }
|
||||
.lni-xampp:before, .icon-xampp:before { content: "\ec50"; }
|
||||
.lni-xbox:before, .icon-xbox:before { content: "\ec51"; }
|
||||
.lni-xmark:before, .icon-xmark:before { content: "\ec52"; }
|
||||
.lni-xmark-circle:before, .icon-xmark-circle:before { content: "\ec53"; }
|
||||
.lni-xrp:before, .icon-xrp:before { content: "\ec54"; }
|
||||
.lni-yahoo:before, .icon-yahoo:before { content: "\ec55"; }
|
||||
.lni-yarn:before, .icon-yarn:before { content: "\ec56"; }
|
||||
.lni-ycombinator:before, .icon-ycombinator:before { content: "\ec57"; }
|
||||
.lni-yen:before, .icon-yen:before { content: "\ec58"; }
|
||||
.lni-youtube:before, .icon-youtube:before { content: "\ec59"; }
|
||||
.lni-youtube-kids:before, .icon-youtube-kids:before { content: "\ec5a"; }
|
||||
.lni-youtube-music:before, .icon-youtube-music:before { content: "\ec5b"; }
|
||||
.lni-zapier:before, .icon-zapier:before { content: "\ec5c"; }
|
||||
.lni-zero-size:before, .icon-zero-size:before { content: "\ec5d"; }
|
||||
.lni-zoom:before, .icon-zoom:before { content: "\ec5e"; }
|
||||
|
||||
.icon-chevron-right-after {
|
||||
align-items: flex-start;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
line-height: 1;
|
||||
margin-top: 0;
|
||||
padding-top: 0;
|
||||
width: 100%;
|
||||
|
||||
&:after {
|
||||
content: "\ea7d";
|
||||
margin-top: .25rem;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
/**
|
||||
* Navigation component
|
||||
* A composite component consisting of
|
||||
* following components:
|
||||
* - nav-main-mega.php
|
||||
* - menu-items
|
||||
* - index.php
|
||||
* - nav-functional.php
|
||||
*
|
||||
* Desktop Navigation Styles:
|
||||
* Choose one or the other for the main navigation, based on theme needs.
|
||||
* @import 'nav-main-default'; (standard dropdown)
|
||||
* @import 'nav-main-mega'; (mega menu style)
|
||||
*
|
||||
* Mobile Navigation Styles:
|
||||
* Choose one for mobile navigation behavior:
|
||||
* @import 'nav-mobile-accordion'; (traditional dropdown/accordion style)
|
||||
* @import 'nav-mobile-sliding'; (sliding viewport style)
|
||||
*/
|
||||
|
||||
@import "./nav-functional.css";
|
||||
@import "./nav-aux.css";
|
||||
|
||||
/* Mobile Navigation Style - Choose one of the following: */
|
||||
/* Traditional dropdown style */
|
||||
@import "./nav-main-default.css";
|
||||
/* Mega menu style */
|
||||
/* @import "./nav-main-mega.css"; */
|
||||
|
||||
/* Mobile Navigation Style - Choose one of the following: */
|
||||
/* Accordion/dropdown style */
|
||||
/* @import "./nav-mobile-accordion.css"; */
|
||||
/* Sliding viewport style */
|
||||
@import "./nav-mobile-sliding.css";
|
||||
|
||||
@import "./nav-footer.css";
|
||||
@@ -0,0 +1,36 @@
|
||||
/**
|
||||
* VDI Navs & Menu - Auxiliary Nav Styles
|
||||
*
|
||||
* Please review documentation upon first use, and, as-needed:
|
||||
* https://docs.vincentdevelopment.ca/docs/starter-v3-enhancements/navigation/
|
||||
*/
|
||||
|
||||
.nav-aux {
|
||||
@apply relative flex flex-wrap gap-2 items-center justify-end p-0 m-0;
|
||||
|
||||
.menu-vdi {
|
||||
@apply relative flex flex-wrap gap-4 items-center gap-y-2 gap-x-4 p-0 m-0;
|
||||
|
||||
.menu-vdi__toggle {
|
||||
/* styles */
|
||||
@apply flex items-center gap-2;
|
||||
/* interaction */
|
||||
@apply focus-visible:underline hover:underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* desktop overrides */
|
||||
@media screen and (min-width: 62.5rem) {
|
||||
.nav-aux {
|
||||
@apply gap-4;
|
||||
|
||||
.menu-vdi {
|
||||
@apply justify-end;
|
||||
|
||||
.menu-vdi__toggle {
|
||||
@apply flex items-center gap-2;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,102 @@
|
||||
/**
|
||||
* VDI Navs & Menu - Footer Navigation
|
||||
*
|
||||
* Please review documentation upon first use, and, as-needed:
|
||||
* ___Link_Here___
|
||||
*/
|
||||
|
||||
/* desktop */
|
||||
@media screen and (min-width: 62.5rem) {
|
||||
.nav-footer .menu-vdi {
|
||||
@apply flex flex-col items-start justify-start p-0 m-0;
|
||||
|
||||
>li {
|
||||
>a {
|
||||
/* text */
|
||||
@apply font-normal leading-snug text-secondary text-18px;
|
||||
/* spacing & display */
|
||||
@apply mx-0 p-0 no-underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* mobile */
|
||||
@media screen and (max-width: 62.5rem) {
|
||||
.nav-footer {
|
||||
.nav-footer__toggle {
|
||||
/* display */
|
||||
@apply text-primary p-3;
|
||||
}
|
||||
|
||||
.menu-vdi {
|
||||
@apply flex-col w-[95%] py-6;
|
||||
|
||||
.menu-vdi__submenu {
|
||||
@apply py-2 px-7 flex-col;
|
||||
}
|
||||
|
||||
.menu-vdi__item {
|
||||
a,
|
||||
button {
|
||||
/* text */
|
||||
@apply font-normal leading-snug text-lg;
|
||||
/* spacing & display */
|
||||
@apply block w-full p-4;
|
||||
/* interaction */
|
||||
@apply focus-visible:bg-secondary-200 hover:bg-secondary-200;
|
||||
}
|
||||
|
||||
a {
|
||||
@apply block w-full;
|
||||
}
|
||||
|
||||
button {
|
||||
@apply flex w-full justify-between;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 62.5rem) {
|
||||
.nav-footer .menu-vdi {
|
||||
.menu-vdi__toggle {
|
||||
@apply font-semibold underline text-20px mt-3 pb-1;
|
||||
|
||||
>svg {
|
||||
@apply hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-vdi__item--parent {
|
||||
@apply static;
|
||||
}
|
||||
|
||||
.menu-vdi__submenu {
|
||||
@apply static block m-0 mb-3 p-0 pl-2 shadow-none;
|
||||
|
||||
>li {
|
||||
@apply w-full m-0 p-0;
|
||||
}
|
||||
|
||||
.menu-vdi__item {
|
||||
/* text */
|
||||
@apply font-normal leading-snug text-18px;
|
||||
/* spacing & display */
|
||||
@apply block w-full;
|
||||
/* interaction */
|
||||
@apply focus-visible:bg-secondary-200 hover:bg-secondary-200;
|
||||
|
||||
a {
|
||||
@apply block w-full;
|
||||
}
|
||||
}
|
||||
|
||||
a.menu-vdi__item,
|
||||
.menu-vdi__item a {
|
||||
@apply p-0 text-secondary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,100 @@
|
||||
/**
|
||||
* VDI Navs & Menu - Functional Styles
|
||||
*
|
||||
* Please review documentation upon first use, and, as-needed:
|
||||
* https://docs.vincentdevelopment.ca/docs/starter-v3-enhancements/navigation/
|
||||
*/
|
||||
|
||||
/* all sizes */
|
||||
.menu-vdi {
|
||||
@apply hidden;
|
||||
|
||||
>li {
|
||||
@apply list-none;
|
||||
>a {
|
||||
@apply focus-visible:underline hover:underline;
|
||||
}
|
||||
|
||||
a[aria-current="true"] {
|
||||
@apply underline;
|
||||
}
|
||||
|
||||
.menu-vdi__toggle {
|
||||
&[aria-expanded="true"] {
|
||||
svg {
|
||||
@apply rotate-180;
|
||||
}
|
||||
|
||||
+.menu-vdi__submenu {
|
||||
@apply flex;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.menu-vdi__submenu {
|
||||
@apply hidden container z-10;
|
||||
|
||||
/* should also put current page here */
|
||||
.menu-vdi__item--grandchild a {
|
||||
@apply no-underline focus-visible:underline hover:underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile */
|
||||
@media screen and (max-width: 62.5rem) {
|
||||
#app:has(.nav-main__toggle[aria-expanded="true"]) { height: calc(100vh - var(--hgtHeader)); }
|
||||
|
||||
.nav-main__toggle {
|
||||
.nav-toggle-hamburger { display: inline-block !important; }
|
||||
|
||||
.nav-toggle-x { display: none !important; }
|
||||
|
||||
&[aria-expanded="true"] {
|
||||
.nav-toggle-hamburger { display: none !important; }
|
||||
|
||||
.nav-toggle-x { display: inline-block !important; }
|
||||
}
|
||||
}
|
||||
.nav-main {
|
||||
.nav-main__toggle[aria-expanded="true"] {
|
||||
+ul {
|
||||
@apply absolute flex;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-vdi {
|
||||
@apply absolute right-0 z-10;
|
||||
|
||||
.menu-vdi__toggle {
|
||||
@apply flex items-center gap-2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-aux {
|
||||
.menu-vdi__submenu {
|
||||
@apply absolute list-none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Desktop */
|
||||
@media screen and (min-width: 62.5rem) {
|
||||
.nav-main__toggle {
|
||||
@apply hidden;
|
||||
}
|
||||
|
||||
.menu-vdi {
|
||||
@apply flex list-none;
|
||||
|
||||
.menu-vdi__toggle {
|
||||
@apply flex items-center gap-2;
|
||||
}
|
||||
|
||||
.menu-vdi__submenu {
|
||||
@apply absolute list-none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,67 @@
|
||||
/**
|
||||
* VDI Navs & Menu - Main Navigation + Default Dropdown Menu Styles (Desktop Only)
|
||||
*
|
||||
* This file contains only desktop navigation styles.
|
||||
* For mobile navigation, choose one of:
|
||||
* - nav-mobile-accordion.css (traditional dropdown/accordion style)
|
||||
* - nav-mobile-sliding.css (sliding viewport style)
|
||||
*
|
||||
* Please review documentation upon first use, and, as-needed:
|
||||
* TODO: Add documenation link here
|
||||
*/
|
||||
|
||||
/* desktop */
|
||||
@media screen and (min-width: 62.5rem) {
|
||||
.nav-main .menu-vdi {
|
||||
@apply flex items-center justify-end p-0 m-0;
|
||||
|
||||
>li {
|
||||
>a,
|
||||
>.menu-vdi__toggle {
|
||||
/* text*/
|
||||
@apply font-bold text-20px text-black hover:text-light no-underline leading-snug;
|
||||
/* spacing & display */
|
||||
@apply mx-4 p-0 no-underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 62.5rem) {
|
||||
.menu-vdi {
|
||||
.menu-vdi__toggle {
|
||||
@apply flex items-center gap-2;
|
||||
}
|
||||
|
||||
.menu-vdi__item--parent {
|
||||
@apply relative;
|
||||
}
|
||||
|
||||
.menu-vdi__submenu {
|
||||
@apply bg-white shadow-lg left-4 w-64 flex-col;
|
||||
top: calc(100% + 1rem);
|
||||
|
||||
>li {
|
||||
@apply w-full;
|
||||
}
|
||||
|
||||
.menu-vdi__item {
|
||||
/* text */
|
||||
@apply font-bold text-18px text-black hover:text-light no-underline leading-snug;
|
||||
/* spacing & display */
|
||||
@apply block w-full;
|
||||
/* interaction */
|
||||
@apply focus-visible:bg-secondary-200 hover:bg-secondary-200;
|
||||
|
||||
a {
|
||||
@apply block w-full;
|
||||
}
|
||||
}
|
||||
|
||||
a.menu-vdi__item,
|
||||
.menu-vdi__item a {
|
||||
@apply p-4;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,129 @@
|
||||
/**
|
||||
* VDI Navs & Menu - Main Navigation + Mega Menu Styles
|
||||
*
|
||||
* Please review documentation upon first use, and, as-needed:
|
||||
* https://docs.vincentdevelopment.ca/docs/starter-v3-enhancements/navigation/
|
||||
*/
|
||||
|
||||
/* all sizes */
|
||||
.nav-main .menu-vdi {
|
||||
.menu-vdi__toggle {
|
||||
@apply flex items-center gap-2;
|
||||
}
|
||||
}
|
||||
|
||||
/* mobile */
|
||||
@media screen and (max-width: 62.5rem) {
|
||||
.nav-main {
|
||||
.nav-main__toggle {
|
||||
/* display */
|
||||
@apply text-white p-3;
|
||||
}
|
||||
|
||||
.menu-vdi {
|
||||
@apply flex-col bg-white w-[95%] right-0 z-10 py-6;
|
||||
top: var(--hgtHeader);
|
||||
min-height: calc(100vh - var(--hgtHeader));
|
||||
|
||||
.menu-vdi__submenu {
|
||||
@apply py-2 px-7 flex-col;
|
||||
}
|
||||
|
||||
.menu-vdi__item {
|
||||
a,
|
||||
button {
|
||||
/* text */
|
||||
@apply font-bold text-20px text-black hover:text-light no-underline leading-snug;
|
||||
/* spacing & display */
|
||||
@apply block w-full p-4;
|
||||
/* interaction */
|
||||
@apply focus-visible:bg-secondary-200 hover:bg-secondary-200;
|
||||
}
|
||||
|
||||
a {
|
||||
@apply block w-full;
|
||||
}
|
||||
|
||||
button {
|
||||
@apply flex w-full justify-between;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* desktop */
|
||||
@media screen and (min-width: 62.5rem) {
|
||||
.nav-main .menu-vdi {
|
||||
@apply flex items-center justify-end p-0 m-0;
|
||||
|
||||
>li {
|
||||
>a,
|
||||
>.menu-vdi__toggle {
|
||||
/* text */
|
||||
@apply font-bold text-20px text-black hover:text-light no-underline leading-snug;
|
||||
/* spacing & display */
|
||||
@apply w-max mx-4 p-0 no-underline;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-vdi__toggle {
|
||||
@apply flex items-center gap-2;
|
||||
}
|
||||
|
||||
.menu-vdi__item--parent {
|
||||
@apply relative;
|
||||
|
||||
/* Mega Menu */
|
||||
&:has(.menu-vdi__item--grandchild) {
|
||||
@apply static;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-vdi__submenu {
|
||||
@apply bg-white shadow-lg left-4 w-64 flex-col;
|
||||
|
||||
top: calc(100% + 1rem);
|
||||
|
||||
>li {
|
||||
@apply w-full;
|
||||
}
|
||||
|
||||
.menu-vdi__item {
|
||||
/* text */
|
||||
@apply font-bold text-18px text-black hover:text-light no-underline leading-snug;
|
||||
/* spacing & display */
|
||||
@apply block w-full;
|
||||
/* interaction */
|
||||
@apply focus-visible:bg-secondary-200 hover:bg-secondary-200;
|
||||
|
||||
a {
|
||||
@apply block w-max;
|
||||
}
|
||||
}
|
||||
|
||||
a.menu-vdi__item,
|
||||
.menu-vdi__item a {
|
||||
@apply p-4;
|
||||
}
|
||||
|
||||
/* Mega Menu */
|
||||
&:has(.menu-vdi__item--grandchild) {
|
||||
@apply flex-row gap-x-8 right-0 ml-auto mr-0 p-4 w-max;
|
||||
|
||||
span {
|
||||
@apply font-bold text-xl underline w-max;
|
||||
}
|
||||
|
||||
a.menu-vdi__item,
|
||||
.menu-vdi__item a {
|
||||
@apply p-0;
|
||||
}
|
||||
|
||||
.menu-vdi__megaCol {
|
||||
@apply px-0 w-max;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,52 @@
|
||||
/**
|
||||
* VDI Navs & Menu - Mobile Accordion Navigation
|
||||
*
|
||||
* Traditional mobile accordion/dropdown style navigation
|
||||
* Include this file for accordion-style mobile navigation
|
||||
*/
|
||||
|
||||
/* Mobile accordion navigation */
|
||||
@media screen and (max-width: 62.5rem) {
|
||||
.nav-main {
|
||||
.nav-main__toggle {
|
||||
/* display */
|
||||
@apply text-white p-3;
|
||||
}
|
||||
|
||||
.menu-vdi {
|
||||
@apply flex-col bg-white w-[95%] right-0 z-10 py-6;
|
||||
@apply absolute hidden; /* Hidden by default */
|
||||
top: var(--hgtHeader);
|
||||
min-height: calc(100vh - var(--hgtHeader));
|
||||
|
||||
.menu-vdi__submenu {
|
||||
@apply py-2 px-7 flex-col;
|
||||
}
|
||||
|
||||
.menu-vdi__item {
|
||||
a,
|
||||
button {
|
||||
/* text */
|
||||
@apply font-bold text-20px text-black hover:text-light no-underline leading-snug;
|
||||
/* spacing & display */
|
||||
@apply block w-full p-4;
|
||||
/* interaction */
|
||||
@apply focus-visible:bg-secondary-200 hover:bg-secondary-200;
|
||||
}
|
||||
|
||||
a {
|
||||
@apply block w-full;
|
||||
}
|
||||
|
||||
button {
|
||||
@apply flex w-full justify-between;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Show menu when toggle button is expanded */
|
||||
.nav-main__toggle[aria-expanded="true"] ~ .menu-vdi:not(.menu-vdi--sliding) {
|
||||
@apply !flex; /* Use !important to override hidden */
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,130 @@
|
||||
/**
|
||||
* VDI Navs & Menu - Mobile Sliding Viewport Navigation
|
||||
*
|
||||
* Sliding viewport style for mobile navigation where
|
||||
* users can navigate through menu levels by sliding between views
|
||||
* Include this file for sliding-style mobile navigation
|
||||
*/
|
||||
|
||||
/* Mobile sliding viewport navigation */
|
||||
@media screen and (max-width: 62.5rem) {
|
||||
.nav-main {
|
||||
.nav-main__toggle {
|
||||
/* display */
|
||||
@apply text-white p-3;
|
||||
}
|
||||
|
||||
.menu-vdi--sliding {
|
||||
@apply relative overflow-hidden bg-white w-[95%] right-0 z-10 py-6;
|
||||
@apply absolute hidden; /* Hidden by default */
|
||||
top: var(--hgtHeader);
|
||||
min-height: calc(100vh - var(--hgtHeader));
|
||||
|
||||
/* Container for all navigation levels */
|
||||
.menu-vdi__viewport {
|
||||
@apply flex transition-transform duration-300 ease-in-out;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Each navigation level */
|
||||
.menu-vdi__level {
|
||||
@apply w-full flex-shrink-0 flex-col;
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
/* Back button for secondary levels */
|
||||
.menu-vdi__back {
|
||||
@apply flex items-center gap-2 p-4 border-b border-gray-200 font-bold text-black hover:bg-secondary-200 focus-visible:bg-secondary-200 cursor-pointer;
|
||||
|
||||
svg {
|
||||
@apply w-5 h-5;
|
||||
}
|
||||
}
|
||||
|
||||
/* Level indicator for context */
|
||||
.menu-vdi__level-title {
|
||||
@apply p-4 border-b border-gray-200 font-bold text-lg text-center bg-gray-50;
|
||||
}
|
||||
|
||||
/* Navigation items in sliding mode */
|
||||
.menu-vdi__item {
|
||||
a,
|
||||
button {
|
||||
/* text */
|
||||
@apply font-bold text-20px text-black hover:text-light no-underline leading-snug;
|
||||
/* spacing & display */
|
||||
@apply block w-full p-4;
|
||||
/* interaction */
|
||||
@apply focus-visible:bg-secondary-200 hover:bg-secondary-200;
|
||||
}
|
||||
|
||||
a {
|
||||
@apply block w-full;
|
||||
}
|
||||
|
||||
button {
|
||||
@apply flex w-full justify-between items-center;
|
||||
|
||||
/* Arrow indicator for items with children */
|
||||
svg {
|
||||
@apply w-5 h-5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Hide submenu toggles in sliding mode as they become navigation buttons */
|
||||
.menu-vdi__toggle {
|
||||
/* Override the accordion toggle behavior */
|
||||
&[aria-expanded="true"] {
|
||||
svg {
|
||||
@apply rotate-0; /* Don't rotate arrow */
|
||||
}
|
||||
|
||||
+.menu-vdi__submenu {
|
||||
@apply hidden; /* Don't show dropdown */
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Hide traditional submenus in sliding mode */
|
||||
.menu-vdi__submenu {
|
||||
@apply hidden;
|
||||
}
|
||||
|
||||
/* Ensure menu items in sliding viewport have proper styling */
|
||||
.menu-vdi__level-items {
|
||||
@apply flex-col;
|
||||
|
||||
.menu-vdi__item {
|
||||
@apply w-full;
|
||||
|
||||
a {
|
||||
@apply p-4 block w-full no-underline;
|
||||
}
|
||||
|
||||
span {
|
||||
@apply p-4 block w-full font-bold;
|
||||
}
|
||||
}
|
||||
|
||||
/* Style nested items that were converted from submenus */
|
||||
.menu-vdi__nested-items {
|
||||
@apply block;
|
||||
|
||||
.menu-vdi__item {
|
||||
@apply w-full;
|
||||
|
||||
a {
|
||||
@apply p-4 pl-8 block w-full no-underline; /* Add indent for nested items */
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Show sliding menu when toggle button is expanded and menu has sliding class */
|
||||
.nav-main__toggle[aria-expanded="true"] + .menu-vdi--sliding {
|
||||
@apply !block; /* Use !important to override hidden */
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
/* Tailwind setup */
|
||||
|
||||
@import "tailwindcss";
|
||||
|
||||
/* Base styles */
|
||||
@import "./base/index.css";
|
||||
@import "./navigation/index.css";
|
||||
|
||||
/* Lineicons icon font */
|
||||
@import "./fonts/lineicons.css";
|
||||
|
||||
/* Import *-break-out utilities (replicating the non-functional "tailwind-container-break-out" plugin) */
|
||||
@import "./base/break-out.css";
|
||||
|
||||
/* Components */
|
||||
@import "./components/index.css";
|
||||
|
||||
/* Blocks */
|
||||
@import "./blocks/index.css";
|
||||
|
||||
/* Import Tailwind typography plugin */
|
||||
@plugin "@tailwindcss/typography";
|
||||
Reference in New Issue
Block a user