Skip to content

Commit

Permalink
ref(changelog): Clean up some styling
Browse files Browse the repository at this point in the history
  • Loading branch information
lforst committed Jul 25, 2024
1 parent c200357 commit b5e1e46
Show file tree
Hide file tree
Showing 4 changed files with 39 additions and 34 deletions.
Empty file.
3 changes: 0 additions & 3 deletions apps/changelog/src/app/(changelog)/layout.module.css

This file was deleted.

2 changes: 1 addition & 1 deletion apps/changelog/src/app/(changelog)/layout.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ export default function ChangelogLayout({children}: {children: ReactNode}) {
return (
<Fragment>
<NextTopLoader color="#8d5494" />
<div className={styles.changelogContent}>
<div className="font-sans">
<Navbar />
<div className="bg-gray-100">{children}</div>
<div className="w-full mx-auto h-16 relative bg-darkPurple">
Expand Down
68 changes: 38 additions & 30 deletions apps/changelog/tailwind.config.ts
Original file line number Diff line number Diff line change
@@ -1,60 +1,68 @@
const defaultTheme = require("tailwindcss/defaultTheme");
const defaultTheme = require('tailwindcss/defaultTheme');

/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./src/**/*.{js,ts,jsx,tsx}"],
content: ['./src/**/*.{js,ts,jsx,tsx}'],
theme: {
extend: {
animation: {
"fade-in": "fadeIn 0.35s ease-in-out",
"fade-in-left": "fadeInLeft 0.55s ease-in-out",
"fade-in-right": "fadeInRight 0.55s ease-in-out",
'fade-in': 'fadeIn 0.35s ease-in-out',
'fade-in-left': 'fadeInLeft 0.55s ease-in-out',
'fade-in-right': 'fadeInRight 0.55s ease-in-out',
},
boxShadow: {
DEFAULT: "var(--shadow-6)",
DEFAULT: 'var(--shadow-6)',
},
keyframes: () => ({
fadeIn: {
"0%": { opacity: 0 },
"100%": { opacity: 1 },
'0%': {opacity: 0},
'100%': {opacity: 1},
},
fadeInLeft: {
"0%": { opacity: 0, transform: "translateX(-20px)" },
"100%": { opacity: 1, transform: "translateX(0)" },
'0%': {opacity: 0, transform: 'translateX(-20px)'},
'100%': {opacity: 1, transform: 'translateX(0)'},
},
fadeInRight: {
"0%": { opacity: 0, transform: "translateX(20px)" },
"100%": { opacity: 1, transform: "translateX(0)" },
'0%': {opacity: 0, transform: 'translateX(20px)'},
'100%': {opacity: 1, transform: 'translateX(0)'},
},
}),
fontFamily: {
sans: [
"var(--font-rubik)",
"-apple-system",
"BlinkMacSystemFont",
"Segoe UI",
"Helvetica",
"Arial",
'var(--font-rubik)',
'-apple-system',
'BlinkMacSystemFont',
'Segoe UI',
'Helvetica',
'Arial',
...defaultTheme.fontFamily.sans,
],
mono: "var(--font-family-monospace)",
mono: [
'Roboto Mono',
'SFMono-Regular',
'Consolas',
'Liberation Mono',
'Menlo',
'Courier',
'monospace',
],
},
colors: {
primary: "#362d59",
pruple: "#8d5494",
darkPurple: "#1F1633",
"accent-purple": "#6A5FC1",
"accent-md-violet": "#584774",
red: "#e1567c",
gold: "#F1B71C",
primary: '#362d59',
pruple: '#8d5494',
darkPurple: '#1F1633',
'accent-purple': '#6A5FC1',
'accent-md-violet': '#584774',
red: '#e1567c',
gold: '#F1B71C',
},
},
},
plugins: [
require("@tailwindcss/typography"),
require("@tailwindcss/forms")({
strategy: "class",
require('@tailwindcss/typography'),
require('@tailwindcss/forms')({
strategy: 'class',
}),
],
blocklist: ["collapse"],
blocklist: ['collapse'],
};

0 comments on commit b5e1e46

Please sign in to comment.