Skip to content

Commit

Permalink
rewrite for astro2. removed some actions/integrations and dependencie…
Browse files Browse the repository at this point in the history
…s like sass (#7)
  • Loading branch information
npup authored Apr 13, 2023
1 parent 1da36ee commit 593c85a
Show file tree
Hide file tree
Showing 52 changed files with 7,300 additions and 20,920 deletions.
89 changes: 89 additions & 0 deletions .github/workflows/astro.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
# Sample workflow for building and deploying an Astro site to GitHub Pages
#
# To get started with Astro see: https://docs.astro.build/en/getting-started/
#
name: Deploy Astro site to Pages

on:
# Runs on pushes targeting the default branch
push:
branches: ["master"]

# Allows you to run this workflow manually from the Actions tab
workflow_dispatch:

# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
permissions:
contents: read
pages: write
id-token: write

# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
concurrency:
group: "pages"
cancel-in-progress: false

env:
BUILD_PATH: "." # default value when not using subfolders
# INPUT_PATH: "./docs"
# BUILD_PATH: subfolder

jobs:
build:
name: Build
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@v3
- name: Detect package manager
id: detect-package-manager
run: |
if [ -f "${{ github.workspace }}/yarn.lock" ]; then
echo "manager=yarn" >> $GITHUB_OUTPUT
echo "command=install" >> $GITHUB_OUTPUT
echo "runner=yarn" >> $GITHUB_OUTPUT
exit 0
elif [ -f "${{ github.workspace }}/package.json" ]; then
echo "manager=npm" >> $GITHUB_OUTPUT
echo "command=ci" >> $GITHUB_OUTPUT
echo "runner=npx --no-install" >> $GITHUB_OUTPUT
exit 0
else
echo "Unable to determine package manager"
exit 1
fi
- name: Setup Node
uses: actions/setup-node@v3
with:
node-version: "18"
cache: ${{ steps.detect-package-manager.outputs.manager }}
cache-dependency-path: ${{ env.BUILD_PATH }}/package-lock.json
- name: Setup Pages
id: pages
uses: actions/configure-pages@v3
- name: Install dependencies
run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
working-directory: ${{ env.BUILD_PATH }}
- name: Build with Astro
run: |
${{ steps.detect-package-manager.outputs.runner }} astro build \
--site "${{ steps.pages.outputs.origin }}" \
--base "${{ steps.pages.outputs.base_path }}"
working-directory: ${{ env.BUILD_PATH }}
- name: Upload artifact
uses: actions/upload-pages-artifact@v1
with:
path: ${{ env.BUILD_PATH }}/docs

deploy:
environment:
name: github-pages
url: ${{ steps.deployment.outputs.page_url }}
needs: build
runs-on: ubuntu-latest
name: Deploy
steps:
- name: Deploy to GitHub Pages
id: deployment
uses: actions/deploy-pages@v2
33 changes: 0 additions & 33 deletions .github/workflows/release.yml

This file was deleted.

7 changes: 5 additions & 2 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,6 +1,9 @@
node_modules/
.history/
docs-local/
.vscode/

node_modules/
dist/
docs/
docs-local/

.astro/
4 changes: 0 additions & 4 deletions .husky/commit-msg

This file was deleted.

92 changes: 0 additions & 92 deletions CHANGELOG.md

This file was deleted.

7 changes: 3 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
# CSS-to-go


A bit of CSS that makes a plain HTML document somewhat more pleasant to look at.

It makes a _gentle_ reset, and then applies some global styles for common elements. There are also a small number of utility classes made available.
Expand All @@ -11,8 +10,8 @@ Learn more by looking at the [description overview](https://npup.github.io/css-t

npm i css-to-go


## Usage

### Via cdn

An easy way to use it, here getting the latest and greatest version:
Expand All @@ -32,7 +31,6 @@ Import it for your bundler to handle

import "css-to-go";


or just link to it inside node_modules.

`index.html` (excerpt):
Expand All @@ -55,8 +53,9 @@ Then apply the "root selector" class `ctg-root` to trigger the styles (and possi
">
<!-- your HTML here -->
</body>

## View examples

npm start

Navigate to http://localhost:3003/
Navigate to http://localhost:3000/ (or was it?)
26 changes: 19 additions & 7 deletions astro.config.mjs
Original file line number Diff line number Diff line change
@@ -1,14 +1,26 @@
import { defineConfig } from "astro/config";
import { config as npmConf } from "./package.json";

const isProd = "production" === process.env.NODE_ENV;
const env = "local" === process.env.NODE_ENV ? "local" : "prod";

const outDir = isProd ? "docs" : "docs-local";

console.info("Astro building", { isProd, outDir });
const conf = {
local: {
outDir: npmConf.outDirLocal,
site: "http://localhost",
base: "/",
},
prod: {
outDir: npmConf.outDirProd,
},
};

export default defineConfig({
outDir,
const astroConf = defineConfig({
server: {
port: 3003,
port: 3000,
},
...conf[env],
});

console.log("Conf:", { env, npmConf, astroConf });

export default astroConf;
6 changes: 0 additions & 6 deletions commitlint.config.cjs

This file was deleted.

37 changes: 28 additions & 9 deletions dist/css-to-go.css
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,7 @@
--color-link--hover: var(--color-LIGHT_BLUE);
--color-link--active: var(--color-LIGHT_BLUE);
--color-headings: var(--color-LIGHT_BLUE);
--color-codepre-border: var(--color-DARK_BLUE);
--color-table-head: var(--color-LIGHT_BLUE);
--color-row--hover: var(--color-DARK_BLUE);
--color-general--yes: var(--color-GREEN);
Expand Down Expand Up @@ -137,6 +138,10 @@
.ctg-root code {
color: var(--color-code);
}
.ctg-root code > pre {
border: 2px solid var(--color-codepre-border);
border-radius: var(--border-radius);
}
.ctg-root blockquote {
font-style: italic;
max-width: 30em;
Expand Down Expand Up @@ -244,11 +249,13 @@
.ctg-root button[type="submit"]:hover {
outline: -webkit-focus-ring-color auto 2px;
}
.ctg-root label > input[type="text"]:focus-visible,
.ctg-root label > textarea:focus-visible,
.ctg-root label > input[type="checkbox"]:focus-visible,
.ctg-root label > input[type="radio"]:focus-visible,
.ctg-root label > select:focus-visible {
:is(
.ctg-root label > input[type="text"],
.ctg-root label > textarea,
.ctg-root label > input[type="checkbox"],
.ctg-root label > input[type="radio"],
.ctg-root label > select
):focus-visible {
outline-color: var(--outlinecolor-form-control--focus);
}
.ctg-form-controls--row label {
Expand Down Expand Up @@ -292,23 +299,35 @@
background-color: var(--color-general--warn);
color: var(--color-WHITE2);
}
.ctg-root .ctg-note,
.ctg-root .ctg-note--error,
.ctg-root .ctg-note--warn,
.ctg-root .ctg-note--info {
.ctg-root .ctg-note {
color: var(--color-note);
border-left: 0.5rem solid var(--color-LIGHT_BLUE);
padding: 0.2rem 0 0.2rem 0.5rem;
background-color: var(--bgcolor-note);
border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.ctg-root .ctg-note--info {
color: var(--color-note);
border-left: 0.5rem solid var(--color-LIGHT_BLUE);
padding: 0.2rem 0 0.2rem 0.5rem;
background-color: var(--bgcolor-note);
border-radius: 0 var(--border-radius) var(--border-radius) 0;
border-left-color: var(--color-LIGHT_GREEN);
}
.ctg-root .ctg-note--warn {
color: var(--color-note);
border-left: 0.5rem solid var(--color-LIGHT_BLUE);
padding: 0.2rem 0 0.2rem 0.5rem;
background-color: var(--bgcolor-note);
border-radius: 0 var(--border-radius) var(--border-radius) 0;
border-left-color: var(--color-general--warn);
}
.ctg-root .ctg-note--error {
color: var(--color-note);
border-left: 0.5rem solid var(--color-LIGHT_BLUE);
padding: 0.2rem 0 0.2rem 0.5rem;
background-color: var(--bgcolor-note);
border-radius: 0 var(--border-radius) var(--border-radius) 0;
border-left-color: var(--color-general--no);
}
.ctg-root {
Expand Down
Loading

0 comments on commit 593c85a

Please sign in to comment.