Testing to relocate CSS according to new App dir functionality

This commit is contained in:
Henrik Larsson
2023-05-05 11:39:18 +02:00
parent efe0c68b03
commit d328f1ed96
9 changed files with 79 additions and 208 deletions

View File

@@ -1,9 +1,10 @@
'use client'
import { Info } from 'lucide-react'
import dynamic from 'next/dynamic'
import { Info } from 'lucide-react';
import dynamic from 'next/dynamic';
import './dynamic-content.css';
import Hero from 'components/modules/hero'
import Hero from 'components/modules/hero';
const Slider = dynamic(() => import('components/modules/slider'))
const BlurbSection = dynamic(() => import('components/modules/blurb-section'))
const FilteredProductList = dynamic(

View File

@@ -0,0 +1,23 @@
.dynamic-content > :not(.hero) {
@apply my-16 lg:my-24;
}
.dynamic-content > :first-child {
@apply mt-0 md:mt-0 lg:mt-0;
}
.dynamic-content > :last-child {
@apply mb-16 lg:mb-24;
}
.dynamic-content .dynamic-content {
@apply px-0 md:px-0;
}
.dynamic-content .dynamic-content > {
@apply my-0 md:my-0 lg:my-0;
}
.dynamic-content .dynamic-content > :last-child {
@apply my-0 md:my-0 lg:my-0;
}