Skip to content

Commit eefe6fa

Browse files
AAloshine-scottlogicAAloshine-scottlogic
authored
fix: styling overhaul (#1188)
1 parent 555e347 commit eefe6fa

54 files changed

Lines changed: 1963 additions & 2495 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎website/package-lock.json‎

Lines changed: 29 additions & 1052 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎website/package.json‎

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,6 @@
2626
"@radix-ui/react-accordion": "^1.2.8",
2727
"@radix-ui/react-avatar": "^1.1.4",
2828
"@radix-ui/react-slot": "^1.2.0",
29-
"class-variance-authority": "^0.7.1",
3029
"clsx": "^2.0.0",
3130
"js-yaml": "^4.1.0",
3231
"lucide-react": "^0.503.0",
@@ -36,9 +35,6 @@
3635
"react-markdown": "^10.1.0",
3736
"react-player": "^2.16.0",
3837
"remark-gfm": "^4.0.1",
39-
"tailwind-merge": "^2.2.1",
40-
"tailwind-variants": "^1.0.0",
41-
"tailwindcss-animate": "^1.0.7",
4238
"uuid": "^11.1.0"
4339
},
4440
"devDependencies": {
@@ -50,7 +46,6 @@
5046
"axios": "^1.8.4",
5147
"docusaurus": "^1.14.7",
5248
"postcss": "^8.4.35",
53-
"tailwindcss": "^3.4.1",
5449
"ts-node": "^10.9.2",
5550
"typescript": "~5.6.2"
5651
},

‎website/postcss.config.js‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
module.exports = {
22
plugins: {
3-
tailwindcss: {},
43
autoprefixer: {},
54
},
6-
}
5+
}

‎website/src/components/AdvanceAutomatedGovernence/styles.module.css‎

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
top: 0.6rem;
1818
bottom: 0.6rem;
1919
width: 2px;
20-
background: rgb(0, 181, 226);
20+
background: var(--gf-color-accent-light);
2121
border-radius: 1px;
2222
opacity: 0.4;
2323
}
@@ -33,7 +33,7 @@
3333
width: 0.85rem;
3434
height: 0.85rem;
3535
border-radius: 50%;
36-
background: rgb(0, 134, 191);
36+
background: var(--gf-color-accent);
3737
}
3838

3939
.stepHeading {
@@ -44,7 +44,7 @@
4444
}
4545

4646
.stepVerb {
47-
color: rgb(0, 134, 191);
47+
color: var(--gf-color-accent);
4848
}
4949

5050
.stepBody {
@@ -55,9 +55,11 @@
5555
}
5656

5757
.sectionTitle {
58-
font-size: 2rem;
59-
font-weight: 700;
58+
font-size: 2.25rem;
59+
font-weight: 600;
60+
font-family: 'metropolis';
6061
text-align: center;
62+
color: var(--gf-color-accent-strong);
6163
margin-top: 1rem;
6264
margin-bottom: 2rem;
6365
}

‎website/src/components/Breadcrumb/index.module.css‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
.nav {
2+
font-size: 0.875rem;
3+
color: var(--gf-color-text-subtle);
4+
margin-bottom: 1rem;
5+
padding: 1.25rem 0;
6+
}
7+
8+
.link {
9+
padding: 0.25rem 0.75rem;
10+
border-radius: 9999px;
11+
color: var(--gf-color-text-subtle);
12+
text-decoration: none;
13+
transition: background-color 0.15s;
14+
}
15+
16+
.link:hover {
17+
background: var(--gf-color-background);
18+
color: var(--gf-color-text-subtle);
19+
text-decoration: none;
20+
}
21+
22+
.current {
23+
padding: 0.25rem 0.75rem;
24+
border-radius: 9999px;
25+
background: var(--gf-color-background);
26+
}

‎website/src/components/Breadcrumb/index.tsx‎

Lines changed: 8 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import { useLocation } from "@docusaurus/router";
22
import Link from "@docusaurus/Link";
33
import routes from "@generated/routes";
4+
import styles from "./index.module.css";
45

56
type DocusaurusRouteConfig = { path?: string; routes?: DocusaurusRouteConfig[] };
67

@@ -17,14 +18,11 @@ function collectRegisteredPaths(routeList: DocusaurusRouteConfig[]): string[] {
1718
return out;
1819
}
1920

20-
/** Paths Docusaurus registered at build time (docs, plugins, etc.). */
2121
const KNOWN_ROUTE_PATHS = new Set(collectRegisteredPaths(routes as DocusaurusRouteConfig[]));
2222

2323
function isRegisteredRoute(pathname: string): boolean {
2424
const normalized = pathname.endsWith("/") && pathname.length > 1 ? pathname.slice(0, -1) : pathname;
25-
if (KNOWN_ROUTE_PATHS.has(normalized)) {
26-
return true;
27-
}
25+
if (KNOWN_ROUTE_PATHS.has(normalized)) return true;
2826
return KNOWN_ROUTE_PATHS.has(`${normalized}/`);
2927
}
3028

@@ -58,21 +56,17 @@ const Breadcrumb = () => {
5856
});
5957

6058
return (
61-
<nav className="text-sm text-gray-500 mb-4 mx-16 py-5">
62-
<Link to="/" className="px-3 hover:bg-gray-200 rounded-full hover:no-underline">
63-
Home
64-
</Link>
59+
<nav className={styles.nav}>
60+
<Link to="/" className={styles.link}>Home</Link>
6561
{crumbs.map(({ label, to, isLastPart }) => {
6662
const showLink = !isLastPart && isRegisteredRoute(to);
6763
return (
6864
<span key={to}>
6965
{" > "}
7066
{showLink ? (
71-
<Link to={to} className="px-3 rounded-full hover:bg-gray-200 hover:no-underline">
72-
{label}
73-
</Link>
67+
<Link to={to} className={styles.link}>{label}</Link>
7468
) : (
75-
<span className={`px-3 rounded-full ${isLastPart ? "bg-gray-200" : ""}`}>{label}</span>
69+
<span className={isLastPart ? styles.current : undefined}>{label}</span>
7670
)}
7771
</span>
7872
);
@@ -84,12 +78,7 @@ const Breadcrumb = () => {
8478
export default Breadcrumb;
8579

8680
const format = (part: string): string => {
87-
if (part === "core") {
88-
return "Common Cloud Controls";
89-
}
90-
if (part === "cfi") {
91-
return "CFI";
92-
}
93-
81+
if (part === "core") return "Common Cloud Controls";
82+
if (part === "cfi") return "CFI";
9483
return part;
9584
};

‎website/src/components/Catalogs/CatalogCategoryPage.module.css‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
.main {
2+
flex: 1;
3+
min-width: 0;
4+
}
5+
6+
.categoryLabel {
7+
margin: 0 0 0.25rem;
8+
color: var(--gf-color-text-subtle);
9+
font-size: 0.9rem;
10+
}
11+
12+
.pageTitle {
13+
font-size: 2.5rem;
14+
font-weight: 700;
15+
margin-bottom: 1.5rem;
16+
margin-top: 0;
17+
color: var(--gf-color-accent);
18+
line-height: 1.2;
19+
}
20+
21+
.categoryTitle {
22+
font-size: 2.5rem;
23+
font-weight: 700;
24+
margin-bottom: 1.5rem;
25+
line-height: 1.2;
26+
margin-top: 0;
27+
}
28+
29+
.typeButtonsRow {
30+
display: flex;
31+
gap: 1rem;
32+
flex-wrap: wrap;
33+
}
34+
35+
.typeBtnWrapper {
36+
margin-bottom: 2rem;
37+
}
38+
39+
.descBody {
40+
color: var(--gf-color-text);
41+
line-height: 1.8;
42+
font-size: 1.05rem;
43+
margin-bottom: 2rem;
44+
}
45+
46+
.serviceBlock {
47+
margin-bottom: 2rem;
48+
}
49+
50+
.serviceTitle {
51+
font-size: 1.5rem;
52+
font-weight: 700;
53+
margin-bottom: 1rem;
54+
line-height: 1.3;
55+
}
56+
57+
.releasesTable {
58+
margin-top: 1.5rem;
59+
}
60+
61+
.contributorsList {
62+
display: flex;
63+
flex-direction: column;
64+
gap: 0.5rem;
65+
}
66+
67+
.emptyNote {
68+
color: var(--gf-color-text-subtle);
69+
}

0 commit comments

Comments
 (0)