8ee61c0c85
* 🎨 style: adjust wavy border and add layout wavy border * ♻️ refactor: change sidebar to use `nav` * ♻️ refactor: org slug dashboard layout * ♻️ refactor: create project layout and restyling it * ♻️ refactor: remove unused style * ⚡️ feat: restyling template card * ⚡️ feat: create template icon component * ⚡️ feat: use `h2` for layout title * ⚡️ feat: Add isComingSoon property to templates and handle click event in TemplateCard component * ♻️ refactor: WavyBorder component and update CreateProjectLayout * 🎨 style: update button medium size padding * 🎨 style: update layout shadow and add new shadow for the template card * ⚡️ feat: add wavy border gradient and line svg assets * refactor: update wavy border svg * 🎨 style: adjust template card name and arrow also responsive of the list of template --------- Co-authored-by: Zachery Ng <zachery.ng@gmail.com>
157 lines
4.1 KiB
CSS
157 lines
4.1 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
@font-face {
|
|
font-family: 'Inter Display';
|
|
font-style: normal;
|
|
font-weight: 100;
|
|
font-display: swap;
|
|
src: url('../public/fonts/InterDisplay/InterDisplay-Thin.woff2')
|
|
format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Inter Display';
|
|
font-style: italic;
|
|
font-weight: 100;
|
|
font-display: swap;
|
|
src: url('../public/fonts/InterDisplay/InterDisplay-ThinItalic.woff2')
|
|
format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Inter Display';
|
|
font-style: normal;
|
|
font-weight: 200;
|
|
font-display: swap;
|
|
src: url('../public/fonts/InterDisplay/InterDisplay-ExtraLight.woff2')
|
|
format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Inter Display';
|
|
font-style: italic;
|
|
font-weight: 200;
|
|
font-display: swap;
|
|
src: url('../public/fonts/InterDisplay/InterDisplay-ExtraLightItalic.woff2')
|
|
format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Inter Display';
|
|
font-style: normal;
|
|
font-weight: 300;
|
|
font-display: swap;
|
|
src: url('../public/fonts/InterDisplay/InterDisplay-Light.woff2')
|
|
format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Inter Display';
|
|
font-style: italic;
|
|
font-weight: 300;
|
|
font-display: swap;
|
|
src: url('../public/fonts/InterDisplay/InterDisplay-LightItalic.woff2')
|
|
format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Inter Display';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: url('../public/fonts/InterDisplay/InterDisplay-Regular.woff2')
|
|
format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Inter Display';
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: url('../public/fonts/InterDisplay/InterDisplay-Italic.woff2')
|
|
format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Inter Display';
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-display: swap;
|
|
src: url('../public/fonts/InterDisplay/InterDisplay-Medium.woff2')
|
|
format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Inter Display';
|
|
font-style: italic;
|
|
font-weight: 500;
|
|
font-display: swap;
|
|
src: url('../public/fonts/InterDisplay/InterDisplay-MediumItalic.woff2')
|
|
format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Inter Display';
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-display: swap;
|
|
src: url('../public/fonts/InterDisplay/InterDisplay-SemiBold.woff2')
|
|
format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Inter Display';
|
|
font-style: italic;
|
|
font-weight: 600;
|
|
font-display: swap;
|
|
src: url('../public/fonts/InterDisplay/InterDisplay-SemiBoldItalic.woff2')
|
|
format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Inter Display';
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-display: swap;
|
|
src: url('../public/fonts/InterDisplay/InterDisplay-Bold.woff2')
|
|
format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Inter Display';
|
|
font-style: italic;
|
|
font-weight: 700;
|
|
font-display: swap;
|
|
src: url('../public/fonts/InterDisplay/InterDisplay-BoldItalic.woff2')
|
|
format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Inter Display';
|
|
font-style: normal;
|
|
font-weight: 800;
|
|
font-display: swap;
|
|
src: url('../public/fonts/InterDisplay/InterDisplay-ExtraBold.woff2')
|
|
format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Inter Display';
|
|
font-style: italic;
|
|
font-weight: 800;
|
|
font-display: swap;
|
|
src: url('../public/fonts/InterDisplay/InterDisplay-ExtraBoldItalic.woff2')
|
|
format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Inter Display';
|
|
font-style: normal;
|
|
font-weight: 900;
|
|
font-display: swap;
|
|
src: url('../public/fonts/InterDisplay/InterDisplay-Black.woff2')
|
|
format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Inter Display';
|
|
font-style: italic;
|
|
font-weight: 900;
|
|
font-display: swap;
|
|
src: url('../public/fonts/InterDisplay/InterDisplay-BlackItalic.woff2')
|
|
format('woff2');
|
|
}
|
|
}
|
|
|
|
@layer utilities {
|
|
.focus-ring {
|
|
@apply focus-visible:ring-[3px] focus-visible:ring-snowball-200 focus-visible:ring-offset-1 focus-visible:ring-offset-snowball-500 focus-visible:outline-none;
|
|
}
|
|
}
|