Skip to content

Commit

Permalink
feat(ci): Formatting with prettier
Browse files Browse the repository at this point in the history
  • Loading branch information
@RezaRahemtola
RezaRahemtola committed May 18, 2024
1 parent 763f622 commit 8584e39
Show file tree
Hide file tree
Showing 3 changed files with 124 additions and 97 deletions.
20 changes: 20 additions & 0 deletions .github/workflows/main.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,3 +50,23 @@ jobs:
name: eslint-results
path: eslint-results
retention-days: 5

format:
name: "Format"
runs-on: ubuntu-latest
steps:
- name: Checkout repository
uses: actions/checkout@v4

- name: Use Node.js 20
uses: actions/setup-node@v4
with:
node-version: 20
cache: 'npm'
cache-dependency-path: 'package-lock.json'

- name: Install dependencies
run: npm install

- name: Run Prettier
run: npm run format
4 changes: 3 additions & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,9 @@
"dev": "vite",
"build": "vue-tsc && vite build",
"preview": "vite preview",
"lint": "eslint src/ --ext .vue,.ts"
"lint": "eslint src/ --ext .vue,.ts",
"format": "prettier src/ --check",
"format:fix": "prettier src/ --write"
},
"dependencies": {
"class-variance-authority": "^0.7.0",
Expand Down
197 changes: 101 additions & 96 deletions src/style.css
View file
Original file line number Diff line number Diff line change
@@ -1,152 +1,157 @@
@import url('https://fonts.googleapis.com/css2?family=Mulish&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Mulish&display=swap");

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
:root {
--background: 0 0% 100%;
--foreground: 222.2 84% 4.9%;
:root {
--background: 0 0% 100%;
--foreground: 222.2 84% 4.9%;

--muted: 210 40% 96.1%;
--muted-foreground: 215.4 16.3% 46.9%;
--muted: 210 40% 96.1%;
--muted-foreground: 215.4 16.3% 46.9%;

--popover: 0 0% 100%;
--popover-foreground: 222.2 84% 4.9%;
--popover: 0 0% 100%;
--popover-foreground: 222.2 84% 4.9%;

--card: 0 0% 100%;
--card-foreground: 222.2 84% 4.9%;
--card: 0 0% 100%;
--card-foreground: 222.2 84% 4.9%;

--border: 214.3 31.8% 91.4%;
--input: 214.3 31.8% 91.4%;
--border: 214.3 31.8% 91.4%;
--input: 214.3 31.8% 91.4%;

--primary: 222.2 47.4% 11.2%;
--primary-foreground: 210 40% 98%;
--primary: 222.2 47.4% 11.2%;
--primary-foreground: 210 40% 98%;

--secondary: 210 40% 96.1%;
--secondary-foreground: 222.2 47.4% 11.2%;
--secondary: 210 40% 96.1%;
--secondary-foreground: 222.2 47.4% 11.2%;

--accent: 210 40% 96.1%;
--accent-foreground: 222.2 47.4% 11.2%;
--accent: 210 40% 96.1%;
--accent-foreground: 222.2 47.4% 11.2%;

--destructive: 0 84.2% 60.2%;
--destructive-foreground: 210 40% 98%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 210 40% 98%;

--ring: 222.2 84% 4.9%;
--ring: 222.2 84% 4.9%;

--radius: 0.5rem;
}
--radius: 0.5rem;
}

.dark {
--background: 222.2 84% 4.9%;
--foreground: 210 40% 98%;
.dark {
--background: 222.2 84% 4.9%;
--foreground: 210 40% 98%;

--muted: 217.2 32.6% 17.5%;
--muted-foreground: 215 20.2% 65.1%;
--muted: 217.2 32.6% 17.5%;
--muted-foreground: 215 20.2% 65.1%;

--popover: 222.2 84% 4.9%;
--popover-foreground: 210 40% 98%;
--popover: 222.2 84% 4.9%;
--popover-foreground: 210 40% 98%;

--card: 222.2 84% 4.9%;
--card-foreground: 210 40% 98%;
--card: 222.2 84% 4.9%;
--card-foreground: 210 40% 98%;

--border: 217.2 32.6% 17.5%;
--input: 217.2 32.6% 17.5%;
--border: 217.2 32.6% 17.5%;
--input: 217.2 32.6% 17.5%;

--primary: 210 40% 98%;
--primary-foreground: 222.2 47.4% 11.2%;
--primary: 210 40% 98%;
--primary-foreground: 222.2 47.4% 11.2%;

--secondary: 217.2 32.6% 17.5%;
--secondary-foreground: 210 40% 98%;
--secondary: 217.2 32.6% 17.5%;
--secondary-foreground: 210 40% 98%;

--accent: 217.2 32.6% 17.5%;
--accent-foreground: 210 40% 98%;
--accent: 217.2 32.6% 17.5%;
--accent-foreground: 210 40% 98%;

--destructive: 0 62.8% 30.6%;
--destructive-foreground: 210 40% 98%;
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 210 40% 98%;

--ring: 212.7 26.8% 83.9%;
}
--ring: 212.7 26.8% 83.9%;
}
}

@layer base {
* {
@apply border-border;
}
body {
@apply bg-background text-foreground;
}
* {
@apply border-border;
}
body {
@apply bg-background text-foreground;
}
}

@layer components {
.body-large {
font-size: 24px;
line-height: 38px;
font-weight: 500;
}
.body-default {
font-size: 18px;
line-height: 30px;
font-weight: 500;
}
.body-small {
font-size: 14px;
line-height: 24px;
font-weight: 500;
}
.body-tiny {
font-size: 12px;
line-height: 20px;
font-weight: 500;
}
.text-link {
color: #644DF9;
text-decoration: underline;
font-size: 18px;
line-height: 30px;
font-weight: 700;
}
.body-large {
font-size: 24px;
line-height: 38px;
font-weight: 500;
}
.body-default {
font-size: 18px;
line-height: 30px;
font-weight: 500;
}
.body-small {
font-size: 14px;
line-height: 24px;
font-weight: 500;
}
.body-tiny {
font-size: 12px;
line-height: 20px;
font-weight: 500;
}
.text-link {
color: #644df9;
text-decoration: underline;
font-size: 18px;
line-height: 30px;
font-weight: 700;
}
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Mulish', sans-serif;
font-weight: 300;
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Mulish", sans-serif;
font-weight: 300;
}

h1 {
font-size: 72px;
line-height: 84px;
font-size: 72px;
line-height: 84px;
}

h2 {
font-size: 54px;
line-height: 66px;
font-size: 54px;
line-height: 66px;
}

h3 {
font-size: 38px;
line-height: 50px;
font-size: 38px;
line-height: 50px;
}

h4 {
font-size: 24px;
line-height: 34px;
font-size: 24px;
line-height: 34px;
}

h5 {
font-size: 22px;
line-height: 28px;
font-size: 22px;
line-height: 28px;
}

h6 {
font-size: 16px;
line-height: 22px;
font-size: 16px;
line-height: 22px;
}

p {
font-family: 'Mulish', sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 30px;
font-family: "Mulish", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 30px;
}

0 comments on commit 8584e39

Please sign in to comment.