LukeParke/website
1
0
Fork 0
mirror of https://github.com/LukeHagar/website.git synced 2025-12-09 21:07:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix web- css class issues

Browse Source
This commit is contained in:
Vincent (Wen Yu) Ge
2024-03-11 11:06:59 +01:00
parent 333a0d5a6f
commit d179df7273
2 changed files with 18 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/routes/docs/quick-starts/+page.svelte
View File

@@ -175,33 +175,34 @@
<meta name="twitter:card" content="summary_large_image" />
</svelte:head>
<main class="aw-main-section" id="main">
<article class="aw-article">
<header class="aw-article-header">
<div class="aw-article-header-start u-flex-vertical aw-u-cross-start">
<main class="web-main-section" id="main">
<article class="web-article">
<header class="web-article-header">
<div class="web-article-header-start u-flex-vertical web-u-cross-start">
<div class="u-position-relative u-flex u-cross-center">
<h1 class="aw-title">Quick start</h1>
<h1 class="web-title">Quick start</h1>
</div>
</div>
<div class="aw-article-header-end" />
<div class="web-article-header-end" />
</header>
<div class="aw-article-content aw-u-gap-80">
<div class="web-article-content web-u-gap-80">
{#each quickStarts as category}
<section class="u-flex-vertical u-gap-24">
<h2 class="aw-eyebrow">{category.title}</h2>
<ul class="aw-grid-row-4 aw-grid-row-4-mobile-2">
<h2 class="web-eyebrow">{category.title}</h2>
<ul class="web-grid-row-4 web-grid-row-4-mobile-2">
{#each category.quickStarts as quickStart}
<li class="is-mobile-col-span-2">
<a
href={`/docs/quick-starts/${quickStart.href}`}
class="aw-card is-normal"
class="web-card is-normal"
>
<header class="u-flex u-cross-baseline u-gap-4">
<span
class="{quickStart.icon} aw-u-font-size-24"
class="{quickStart.icon} web-u-font-size-24"
aria-hidden="true"
/>
<h4 class="aw-sub-body-500 aw-u-color-text-primary">
<h4 class="web-sub-body-500 web-u-color-text-primary">
{quickStart.title}
</h4>
</header>
@@ -213,12 +214,11 @@
{/each}
</div>
</article>
<MainFooter variant="docs" />
</main>
<style lang="scss">
.aw-media {
.web-media {
aspect-ratio: 16/9;
}
</style>
</style>