fulldev-ui 0.4.10 → 0.4.12

package/src/content/pages/overview/frameworks.mdx

@@ -4,6 +4,7 @@ settings: components
 ---
 
 # Frameworks
+
 Fulldev UI is written in vanilla CSS and .astro files. It is framework agnostic.
 
 ## JS frameworks
@@ -13,7 +14,6 @@ All styles in Fulldev UI use regular CSS and classes. Classes use the following
 - Component classes are the same as the component name, like `button` for `<Button>`.
 - Prop classes have the prop name as prefix, like `variant-primary` for `<Button variant="primary">`.
 - If a prop is a boolean the class is added without a prefix, like `contrast`.
-- To prevent conflicts, all styles only apply if there is a `full` class on the element too.
 
 This means you can apply Fulldev UI styles to any framework component as follows:
 
@@ -22,7 +22,7 @@ This means you can apply Fulldev UI styles to any framework component as follows
 import Button from 'fulldev-ui/components/Button.astro'
 ---
 
-<a class="full button variant-primary contrast radius-auto"> Button </a>
+<a class="button variant-primary contrast radius-auto"> Button </a>
 <Button contrast> Button </Button>
 ```
 
@@ -43,6 +43,8 @@ export default defineConfig({
 })
 ```
 
+Import layers by hand and leave base for what it is, as it will conflict with the layer provided by Fulldev UI.
+
 ### UnoCSS
 
 In your `uno.config.ts` add the following:
@@ -56,15 +58,7 @@ export default defineConfig({
 })
 ```
 
-
-```ts
-// uno.config.ts
-import fulldevUI from 'fulldev-ui/unocss'
-
-export default defineConfig({
-  presets: [fulldevUI],
-})
-```
+Do not use `injectReset` when using the UnoCSS preset, as it will conflict with the reset provided by Fulldev UI.
 
 ## Utility classes
 
@@ -72,9 +66,10 @@ The following classes are available when using the Tailwind plugin or UnoCSS pre
 
 ### Spacing
 
-The following spacing classes are added to your tailwind/uno config. 
+The following spacing classes are added to your tailwind/uno config.
 
 You can use them like `p-space-1`, `m-space-1`, `h-space-1`, `w-space-1`, etc.
+
 ```ts
 spacing: {
   'space-1': 'var(--space-1)',
@@ -89,7 +84,7 @@ spacing: {
 
 ### Font size
 
-The following spacing classes are added to your tailwind/uno config. 
+The following spacing classes are added to your tailwind/uno config.
 
 You can use them like `text-1`, `text-2`, `text-3`, etc.
 
@@ -108,7 +103,7 @@ fontSize: {
 
 ### Border radius
 
-The following border radius classes are added to your tailwind/uno config. 
+The following border radius classes are added to your tailwind/uno config.
 
 You can use them like `rounded-1`, `rounded-2`, `rounded-3`, etc.
 
@@ -122,7 +117,7 @@ borderRadius: {
 
 ### Color classes
 
-The following color classes are added to your tailwind/uno config. 
+The following color classes are added to your tailwind/uno config.
 
 You can use them like `bg-color-1`, `text-base-2`, `border-base-6`, etc.
 
@@ -177,4 +172,4 @@ colors: {
     background: 'var(--color-brand-background)',
   }
 }
-```
+```

package/src/content/pages/overview/introduction.mdx

@@ -5,7 +5,7 @@ settings: components
 
 # Introduction
 
-Fulldev UI focusses on content websites rather than applications.
+Fulldev UI focuses on content websites rather than applications.
 
 ##### Build entire websites with just components
 

package/src/css/custom.css

@@ -47,13 +47,8 @@ mark {
 }
 
 .astro-code {
-  margin: 0;
   border: 1px solid var(--base-6);
   border-radius: var(--radius-2);
   background-color: var(--base-2) !important;
   padding: var(--space-5);
 }
-
-a {
-  color: var(--primary-5);
-}