Skip to content

feat(examples): compile & use scss in examples #73

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
nicolethoen merged 4 commits into from
Sep 18, 2025
Merged

feat(examples): compile & use scss in examples #73

Show file tree
Hide file tree
Changes from 3 commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
f618340
chore(examples): compile & use scss in examples
evwilkin Dec 16, 2024
e365660
beginnings of new demo to test styles
nicolethoen Aug 19, 2025
199f544
more demo clean up
nicolethoen Aug 19, 2025
3240a14
update vertical tab styles and demo
nicolethoen Aug 25, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,4 +33,5 @@ lerna-debug.log
# For vim
*.swp

public
public
**/generated/**/*.js
2 changes: 1 addition & 1 deletion packages/module/buildSass.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,4 +29,4 @@ if (!fs.existsSync(outDir)) {
fs.mkdirSync(outDir, { recursive: true });
}

fs.writeFileSync(path.join(outDir, 'react-catalog-view-extension.css'), res.css);
fs.writeFileSync(path.join('src/components', 'react-catalog-view-extension.css'), res.css);
5 changes: 3 additions & 2 deletions packages/module/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,9 +17,10 @@
"docs:screenshots": "pf-docs-framework screenshots --urlPrefix http://localhost:5000",
"test:a11y": "patternfly-a11y --config patternfly-a11y.config",
"serve:a11y": "yarn serve coverage",
"generate": "yarn build:sass && yarn copy:sass",
"generate": "yarn build:sass && yarn copy:sass && yarn copy:css",
"build:sass": "node buildSass.js",
"copy:sass": "shx mkdir -p dist/sass && shx cp -r sass/react-catalog-view-extension/* dist/sass"
"copy:sass": "shx mkdir -p dist/sass && shx cp -r sass/react-catalog-view-extension/* dist/sass",
"copy:css": "shx mkdir -p dist/css && shx cp src/components/*.css dist/css"
},
"repository": {
"type": "git",
Expand Down
1 change: 0 additions & 1 deletion packages/module/patternfly-docs/content/examples/CatalogItemHeader.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@ sourceLink: https://github.com/patternfly/react-catalog-view/tree/main/packages/

import { CatalogItemHeader } from '@patternfly/react-catalog-view-extension';
import pfLogo6 from './pfLogo6.svg';
import './catalogItemHeader.css';

## Introduction
Note: Catalog item header lives in its own package at [`@patternfly/react-catalog-view-extension`](https://www.npmjs.com/package/@patternfly/react-catalog-view-extension)!
Expand Down
1 change: 0 additions & 1 deletion packages/module/patternfly-docs/content/examples/CatalogTile.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,6 @@ import { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-ex
import CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';
import OutlinedCheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/outlined-check-circle-icon';
import pfLogo6 from './pfLogo6.svg';
import './catalogTile.css';

## Introduction

Expand Down
Loading