You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
# Trigger the workflow every time you push to the `main` branch
5
-
# Using a different branch name? Replace `main` with your branch’s name
6
-
push:
7
-
branches: [main]
8
-
# Allows you to run this workflow manually from the Actions tab on GitHub.
9
-
workflow_dispatch:
10
-
11
-
# Allow this job to clone the repo and create a page deployment
12
-
permissions:
13
-
contents: read
14
-
pages: write
15
-
id-token: write
16
-
17
-
jobs:
18
-
build:
19
-
runs-on: ubuntu-latest
20
-
steps:
21
-
- name: Checkout your repository using git
22
-
uses: actions/checkout@v4
23
-
- name: Install, build, and upload your site
24
-
uses: withastro/action@v3
25
-
with:
26
-
path: . # The root location of your Astro project inside the repository. (optional)
27
-
node-version: 20# The specific version of Node that should be used to build your site. Defaults to 16. (optional)
28
-
package-manager: npm # The Node package manager that should be used to install dependencies and build your site. Automatically detected based on your lockfile. (optional)
29
-
30
-
deploy:
31
-
needs: build
32
-
runs-on: ubuntu-latest
33
-
environment:
34
-
name: github-pages
35
-
url: ${{ steps.deployment.outputs.page_url }}
36
-
steps:
37
-
- name: Deploy to GitHub Pages
38
-
id: deployment
39
-
uses: actions/deploy-pages@v4
1
+
name: Deploy to GitHub Pages
2
+
3
+
on:
4
+
# Trigger the workflow every time you push to the `main` branch
5
+
# Using a different branch name? Replace `main` with your branch’s name
6
+
push:
7
+
branches: [main]
8
+
# Allows you to run this workflow manually from the Actions tab on GitHub.
9
+
workflow_dispatch:
10
+
11
+
# Allow this job to clone the repo and create a page deployment
12
+
permissions:
13
+
contents: read
14
+
pages: write
15
+
id-token: write
16
+
17
+
jobs:
18
+
build:
19
+
runs-on: ubuntu-latest
20
+
steps:
21
+
- name: Checkout your repository using git
22
+
uses: actions/checkout@v4
23
+
- name: Install, build, and upload your site
24
+
uses: withastro/action@v3
25
+
with:
26
+
path: . # The root location of your Astro project inside the repository. (optional)
27
+
node-version: 20# The specific version of Node that should be used to build your site. Defaults to 16. (optional)
28
+
package-manager: npm # The Node package manager that should be used to install dependencies and build your site. Automatically detected based on your lockfile. (optional)
"description": "Use the `@apply` directive to inline any existing utility classes into your own custom CSS. This is useful when you find a common utility pattern in your HTML that you’d like to extract to a new component.",
"description": "You can generate responsive variants of your own classes by wrapping their definitions in the `@responsive` directive:\n```css\n@responsive {\n .alert {\n background-color: #E53E3E;\n }\n}\n```\n",
"description": "The `@screen` directive allows you to create media queries that reference your breakpoints by **name** instead of duplicating their values in your own CSS:\n```css\n@screen sm {\n /* ... */\n}\n```\n…gets transformed into this:\n```css\n@media (min-width: 640px) {\n /* ... */\n}\n```\n",
"description": "Generate `hover`, `focus`, `active` and other **variants** of your own utilities by wrapping their definitions in the `@variants` directive:\n```css\n@variants hover, focus {\n .btn-brand {\n background-color: #3182CE;\n }\n}\n```\n",
"description": "Use the `@apply` directive to inline any existing utility classes into your own custom CSS. This is useful when you find a common utility pattern in your HTML that you’d like to extract to a new component.",
"description": "You can generate responsive variants of your own classes by wrapping their definitions in the `@responsive` directive:\n```css\n@responsive {\n .alert {\n background-color: #E53E3E;\n }\n}\n```\n",
"description": "The `@screen` directive allows you to create media queries that reference your breakpoints by **name** instead of duplicating their values in your own CSS:\n```css\n@screen sm {\n /* ... */\n}\n```\n…gets transformed into this:\n```css\n@media (min-width: 640px) {\n /* ... */\n}\n```\n",
"description": "Generate `hover`, `focus`, `active` and other **variants** of your own utilities by wrapping their definitions in the `@variants` directive:\n```css\n@variants hover, focus {\n .btn-brand {\n background-color: #3182CE;\n }\n}\n```\n",
0 commit comments