init
This commit is contained in:
23
resources/css/app.css
Normal file
23
resources/css/app.css
Normal file
@@ -0,0 +1,23 @@
|
||||
@import 'tailwindcss';
|
||||
@import './theme.css';
|
||||
@import './fonts.css';
|
||||
@import './utilities.css';
|
||||
@import './custom.css' layer(utilities);
|
||||
|
||||
/*
|
||||
The default border color has changed to `currentColor` in Tailwind CSS v4,
|
||||
so we've added these compatibility styles to make sure everything still
|
||||
looks the same as it did with Tailwind CSS v3.
|
||||
|
||||
If we ever want to remove these styles, we need to add an explicit border
|
||||
color utility to any element that depends on these defaults.
|
||||
*/
|
||||
@layer base {
|
||||
*,
|
||||
::after,
|
||||
::before,
|
||||
::backdrop,
|
||||
::file-selector-button {
|
||||
border-color: var(--color-gray-200, currentColor);
|
||||
}
|
||||
}
|
||||
42
resources/css/custom.css
Normal file
42
resources/css/custom.css
Normal file
@@ -0,0 +1,42 @@
|
||||
article > *:not(.entry-content),
|
||||
.entry-content > * {
|
||||
@apply mx-auto;
|
||||
}
|
||||
|
||||
.entry-content, .block-editor-block-list__layout {
|
||||
/* h1 {
|
||||
@apply text-2xl;
|
||||
}
|
||||
|
||||
h2 {
|
||||
@apply text-xl;
|
||||
}
|
||||
|
||||
h3 {
|
||||
@apply text-lg;
|
||||
}
|
||||
|
||||
p, ul, ol {
|
||||
a {
|
||||
@apply text-blue-500 underline;
|
||||
|
||||
&:hover {
|
||||
@apply no-underline;
|
||||
}
|
||||
}
|
||||
|
||||
@apply mb-8;
|
||||
}*/
|
||||
|
||||
ul:not(.block-editor-block-variation-picker__variations) {
|
||||
li {
|
||||
@apply list-disc list-inside;
|
||||
}
|
||||
}
|
||||
|
||||
ol {
|
||||
li {
|
||||
@apply list-decimal list-inside;
|
||||
}
|
||||
}
|
||||
}
|
||||
20
resources/css/editor-style.css
Normal file
20
resources/css/editor-style.css
Normal file
@@ -0,0 +1,20 @@
|
||||
@import 'tailwindcss';
|
||||
@import './theme.css';
|
||||
|
||||
/*
|
||||
The default border color has changed to `currentColor` in Tailwind CSS v4,
|
||||
so we've added these compatibility styles to make sure everything still
|
||||
looks the same as it did with Tailwind CSS v3.
|
||||
|
||||
If we ever want to remove these styles, we need to add an explicit border
|
||||
color utility to any element that depends on these defaults.
|
||||
*/
|
||||
@layer base {
|
||||
*,
|
||||
::after,
|
||||
::before,
|
||||
::backdrop,
|
||||
::file-selector-button {
|
||||
border-color: var(--color-gray-200, currentColor);
|
||||
}
|
||||
}
|
||||
65
resources/css/fonts.css
Normal file
65
resources/css/fonts.css
Normal file
@@ -0,0 +1,65 @@
|
||||
@font-face {
|
||||
font-family: 'Gilroy';
|
||||
src: local('Gilroy Light'),
|
||||
url('../../assets/fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
|
||||
url('../../assets/fonts/Gilroy-Light.woff') format('woff'),
|
||||
url('../../assets/fonts/Gilroy-Light.ttf') format('truetype');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Gilroy';
|
||||
src: local('Gilroy Regular'),
|
||||
url('../../assets/fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
|
||||
url('../../assets/fonts/Gilroy-Regular.woff') format('woff'),
|
||||
url('../../assets/fonts/Gilroy-Regular.ttf') format('truetype');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Gilroy';
|
||||
src: local('Gilroy Medium'),
|
||||
url('../../assets/fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
|
||||
url('../../assets/fonts/Gilroy-Medium.woff') format('woff'),
|
||||
url('../../assets/fonts/Gilroy-Medium.ttf') format('truetype');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Gilroy';
|
||||
src: local('Gilroy SemiBold'),
|
||||
url('../../assets/fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
|
||||
url('../../assets/fonts/Gilroy-SemiBold.woff') format('woff'),
|
||||
url('../../assets/fonts/Gilroy-SemiBold.ttf') format('truetype');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Gilroy';
|
||||
src: local('Gilroy Bold'),
|
||||
url('../../assets/fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
|
||||
url('../../assets/fonts/Gilroy-Bold.woff') format('woff'),
|
||||
url('../../assets/fonts/Gilroy-Bold.ttf') format('truetype');
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Gilroy';
|
||||
src: local('Gilroy Regular Italic'),
|
||||
url('../../assets/fonts/Gilroy-RegularItalic.eot?#iefix') format('embedded-opentype'),
|
||||
url('../../assets/fonts/Gilroy-RegularItalic.woff') format('woff'),
|
||||
url('../../assets/fonts/Gilroy-RegularItalic.ttf') format('truetype');
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
83
resources/css/theme.css
Normal file
83
resources/css/theme.css
Normal file
@@ -0,0 +1,83 @@
|
||||
@theme {
|
||||
--breakpoint-xs: 480px;
|
||||
--breakpoint-sm: 600px;
|
||||
--breakpoint-md: 782px;
|
||||
--breakpoint-lg: 960px;
|
||||
--breakpoint-xl: 1280px;
|
||||
--breakpoint-2xl: 1440px;
|
||||
|
||||
--color-primary: var(--wp--preset--color--primary);
|
||||
--color-secondary: var(--wp--preset--color--secondary);
|
||||
--color-dark: var(--wp--preset--color--dark);
|
||||
--color-light: var(--wp--preset--color--light);
|
||||
|
||||
--text-xs: var(--wp--preset--font-size--xs, 0.75rem);
|
||||
--text-sm: var(--wp--preset--font-size--sm, 0.875rem);
|
||||
--text-base: var(--wp--preset--font-size--base, 1rem);
|
||||
--text-lg: var(--wp--preset--font-size--lg, 1.125rem);
|
||||
--text-xl: var(--wp--preset--font-size--xl, 1.25rem);
|
||||
--text-2xl: var(--wp--preset--font-size--2xl, 1.5rem);
|
||||
--text-3xl: var(--wp--preset--font-size--3xl, 1.875rem);
|
||||
--text-4xl: var(--wp--preset--font-size--4xl, 2.25rem);
|
||||
--text-5xl: var(--wp--preset--font-size--5xl, 3rem);
|
||||
--text-6xl: var(--wp--preset--font-size--6xl, 3.75rem);
|
||||
--text-7xl: var(--wp--preset--font-size--7xl, 4.5rem);
|
||||
--text-8xl: var(--wp--preset--font-size--8xl, 6rem);
|
||||
--text-9xl: var(--wp--preset--font-size--9xl, 8rem);
|
||||
|
||||
--font-family-sans: 'Gilroy', ui-sans-serif, system-ui, sans-serif;
|
||||
}
|
||||
|
||||
html, body {
|
||||
font-family: var(--font-family-sans);
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.red-gradient {
|
||||
background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%);
|
||||
}
|
||||
|
||||
.dark-gradient {
|
||||
background: linear-gradient(90deg, #2b2c35 39.42%, #6e7996 92.9%);
|
||||
}
|
||||
|
||||
.grey-gradient {
|
||||
background: linear-gradient(90deg, #9d9994 39.42%, #c5c5b9 92.9%);
|
||||
}
|
||||
|
||||
.grey-gradient-hover {
|
||||
background: linear-gradient(90deg, #9d9994 39.42%, #c5c5b9 92.9%);
|
||||
background-size: 177% 100%;
|
||||
background-position: 0% 0;
|
||||
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
||||
}
|
||||
|
||||
.grey-gradient-hover:hover {
|
||||
background-position: 39.42% 0;
|
||||
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
||||
}
|
||||
|
||||
.red-gradient-hover {
|
||||
background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%);
|
||||
background-size: 177% 100%;
|
||||
background-position: 0% 0;
|
||||
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
||||
}
|
||||
|
||||
.red-gradient-hover:hover {
|
||||
background-position: 39.42% 0;
|
||||
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
||||
}
|
||||
|
||||
|
||||
.dark-gradient-hover {
|
||||
background: linear-gradient(90deg, #2b2c35 0%, #6e7996 53.48%);
|
||||
background-size: 177% 100%;
|
||||
background-position: 0% 0;
|
||||
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
||||
}
|
||||
|
||||
.dark-gradient-hover:hover {
|
||||
background-position: 39.42% 0;
|
||||
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
||||
}
|
||||
31
resources/css/utilities.css
Normal file
31
resources/css/utilities.css
Normal file
@@ -0,0 +1,31 @@
|
||||
@utility container {
|
||||
max-width: 1330px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
@utility alignfull {
|
||||
width: 100vw;
|
||||
margin: 0 calc(50% - 50vw) !important;
|
||||
}
|
||||
|
||||
@utility alignwide {
|
||||
width: calc(200px + var(--wp--style--global--wide-size));
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
|
||||
margin: 0 -100px 0 -100px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@utility alignnone {
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
@utility aligncenter {
|
||||
margin: 0.5rem auto !important;
|
||||
}
|
||||
8
resources/js/app.js
Normal file
8
resources/js/app.js
Normal file
@@ -0,0 +1,8 @@
|
||||
// Navigation toggle
|
||||
window.addEventListener('load', function () {
|
||||
let main_navigation = document.querySelector('#primary-menu');
|
||||
document.querySelector('#primary-menu-toggle').addEventListener('click', function (e) {
|
||||
e.preventDefault();
|
||||
main_navigation.classList.toggle('hidden');
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user