mirror of
https://github.com/chaoming/hugo-saasify-theme.git
synced 2025-04-21 04:41:53 +02:00
Compare commits
No commits in common. "main" and "v1.0.2" have entirely different histories.
6 changed files with 41 additions and 100 deletions
47
README.md
47
README.md
|
|
@ -49,13 +49,6 @@ The theme comes with a fully functional example site that demonstrates its featu
|
|||
|
||||
### Using the Example Site
|
||||
|
||||
The example site provides a great starting point to understand how to:
|
||||
- Structure your content
|
||||
- Use different page layouts
|
||||
- Configure navigation menus
|
||||
- Set up site parameters
|
||||
- Implement common SaaS website features
|
||||
|
||||
1. Copy the example site content:
|
||||
```bash
|
||||
cp -r themes/hugo-saasify-theme/exampleSite/* .
|
||||
|
|
@ -70,13 +63,51 @@ cp -r themes/hugo-saasify-theme/exampleSite/* .
|
|||
- Company information page
|
||||
- Properly configured hugo.toml
|
||||
|
||||
3. Start the development server:
|
||||
```bash
|
||||
npm run start
|
||||
```
|
||||
|
||||
The example site provides a great starting point to understand how to:
|
||||
- Structure your content
|
||||
- Use different page layouts
|
||||
- Configure navigation menus
|
||||
- Set up site parameters
|
||||
- Implement common SaaS website features
|
||||
|
||||
### 4. Install dependencies
|
||||
|
||||
```bash
|
||||
# Copy package.json and other config files to your site root
|
||||
cp themes/hugo-saasify-theme/package.json .
|
||||
cp themes/hugo-saasify-theme/postcss.config.js .
|
||||
cp themes/hugo-saasify-theme/tailwind.config.copy.js ./tailwind.config.js
|
||||
cp themes/hugo-saasify-theme/tailwind.config.js .
|
||||
|
||||
# Update tailwind.config.js with the following content:
|
||||
```
|
||||
|
||||
```js
|
||||
/** @type {import('tailwindcss').Config} */
|
||||
module.exports = {
|
||||
presets: [require('./themes/hugo-saasify-theme/tailwind.config.js')],
|
||||
content: [
|
||||
"./themes/hugo-saasify-theme/layouts/**/*.html",
|
||||
"./layouts/**/*.html",
|
||||
"./content/**/*.{html,md}"
|
||||
],
|
||||
theme: {
|
||||
extend: {
|
||||
fontFamily: {
|
||||
sans: ['Inter', 'system-ui', 'sans-serif'],
|
||||
heading: ['Plus Jakarta Sans', 'sans-serif'],
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [
|
||||
require('@tailwindcss/forms'),
|
||||
require('@tailwindcss/typography'),
|
||||
],
|
||||
}
|
||||
```
|
||||
|
||||
```bash
|
||||
|
|
|
|||
|
|
@ -286,7 +286,6 @@
|
|||
"p-4",
|
||||
"p-6",
|
||||
"p-8",
|
||||
"pb-16",
|
||||
"pb-20",
|
||||
"pb-24",
|
||||
"pb-32",
|
||||
|
|
|
|||
|
|
@ -2221,11 +2221,6 @@ h1, h2, h3, h4, h5, h6 {
|
|||
order: 2;
|
||||
}
|
||||
|
||||
.\!my-0 {
|
||||
margin-top: 0px !important;
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
|
||||
.-mx-6 {
|
||||
margin-left: -1.5rem;
|
||||
margin-right: -1.5rem;
|
||||
|
|
@ -2241,14 +2236,6 @@ h1, h2, h3, h4, h5, h6 {
|
|||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.\!mb-24 {
|
||||
margin-bottom: 6rem !important;
|
||||
}
|
||||
|
||||
.\!mt-0 {
|
||||
margin-top: 0px !important;
|
||||
}
|
||||
|
||||
.mb-1 {
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
|
@ -2368,10 +2355,6 @@ h1, h2, h3, h4, h5, h6 {
|
|||
aspect-ratio: 1 / 1;
|
||||
}
|
||||
|
||||
.h-10 {
|
||||
height: 2.5rem;
|
||||
}
|
||||
|
||||
.h-12 {
|
||||
height: 3rem;
|
||||
}
|
||||
|
|
@ -2424,10 +2407,6 @@ h1, h2, h3, h4, h5, h6 {
|
|||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.w-10 {
|
||||
width: 2.5rem;
|
||||
}
|
||||
|
||||
.w-12 {
|
||||
width: 3rem;
|
||||
}
|
||||
|
|
@ -2492,10 +2471,6 @@ h1, h2, h3, h4, h5, h6 {
|
|||
max-width: 80rem;
|
||||
}
|
||||
|
||||
.max-w-\[200px\] {
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
.max-w-none {
|
||||
max-width: none;
|
||||
}
|
||||
|
|
@ -2649,12 +2624,6 @@ h1, h2, h3, h4, h5, h6 {
|
|||
margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
|
||||
}
|
||||
|
||||
.space-y-12 > :not([hidden]) ~ :not([hidden]) {
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(3rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
|
||||
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
|
|
@ -2705,10 +2674,6 @@ h1, h2, h3, h4, h5, h6 {
|
|||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.\!rounded-none {
|
||||
border-radius: 0px !important;
|
||||
}
|
||||
|
||||
.rounded-2xl {
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
|
@ -2994,10 +2959,6 @@ h1, h2, h3, h4, h5, h6 {
|
|||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
.pb-16 {
|
||||
padding-bottom: 4rem;
|
||||
}
|
||||
|
||||
.pb-20 {
|
||||
padding-bottom: 5rem;
|
||||
}
|
||||
|
|
@ -3143,11 +3104,6 @@ h1, h2, h3, h4, h5, h6 {
|
|||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.\!text-white {
|
||||
--tw-text-opacity: 1 !important;
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
|
||||
}
|
||||
|
||||
.text-blue-500 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(59 130 246 / var(--tw-text-opacity, 1));
|
||||
|
|
@ -3218,10 +3174,6 @@ h1, h2, h3, h4, h5, h6 {
|
|||
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
||||
}
|
||||
|
||||
.\!no-underline {
|
||||
text-decoration-line: none !important;
|
||||
}
|
||||
|
||||
.opacity-0 {
|
||||
opacity: 0;
|
||||
}
|
||||
|
|
@ -3234,12 +3186,6 @@ h1, h2, h3, h4, h5, h6 {
|
|||
opacity: 0.75;
|
||||
}
|
||||
|
||||
.\!shadow-none {
|
||||
--tw-shadow: 0 0 #0000 !important;
|
||||
--tw-shadow-colored: 0 0 #0000 !important;
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
|
||||
}
|
||||
|
||||
.shadow {
|
||||
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
||||
|
|
@ -4262,10 +4208,6 @@ h1, h2, h3, h4, h5, h6 {
|
|||
color: rgb(3 105 161 / var(--tw-text-opacity, 1));
|
||||
}
|
||||
|
||||
.hover\:opacity-90:hover {
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.hover\:shadow-lg:hover {
|
||||
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
||||
|
|
@ -4278,12 +4220,6 @@ h1, h2, h3, h4, h5, h6 {
|
|||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.hover\:shadow-xl:hover {
|
||||
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.hover\:grayscale-0:hover {
|
||||
--tw-grayscale: grayscale(0);
|
||||
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
||||
|
|
@ -4429,10 +4365,6 @@ h1, h2, h3, h4, h5, h6 {
|
|||
margin-bottom: calc(0px * var(--tw-space-y-reverse));
|
||||
}
|
||||
|
||||
.md\:p-12 {
|
||||
padding: 3rem;
|
||||
}
|
||||
|
||||
.md\:pb-28 {
|
||||
padding-bottom: 7rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -57,7 +57,7 @@
|
|||
|
||||
<!-- Main CSS -->
|
||||
{{ $css := resources.Get "css/main.css" }}
|
||||
{{ $css = $css | css.PostCSS }}
|
||||
{{ $css = $css | resources.PostCSS }}
|
||||
{{ if hugo.IsProduction }}
|
||||
{{ $css = $css | minify | fingerprint | resources.PostProcess }}
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,21 +0,0 @@
|
|||
/** @type {import('tailwindcss').Config} */
|
||||
module.exports = {
|
||||
presets: [require('./themes/hugo-saasify-theme/tailwind.config.js')],
|
||||
content: [
|
||||
"./themes/hugo-saasify-theme/layouts/**/*.html",
|
||||
"./layouts/**/*.html",
|
||||
"./content/**/*.{html,md}"
|
||||
],
|
||||
theme: {
|
||||
extend: {
|
||||
fontFamily: {
|
||||
sans: ['Inter', 'system-ui', 'sans-serif'],
|
||||
heading: ['Plus Jakarta Sans', 'sans-serif'],
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [
|
||||
require('@tailwindcss/forms'),
|
||||
require('@tailwindcss/typography'),
|
||||
],
|
||||
}
|
||||
|
|
@ -39,4 +39,4 @@ module.exports = {
|
|||
require('@tailwindcss/forms'),
|
||||
require('@tailwindcss/typography'),
|
||||
],
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue