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

Refactor CSS prefix

Browse Source 
- changed from AW to WEB
This commit is contained in:
Elad Shechter
2024-03-06 11:27:37 +01:00
parent 3fc05a6b6f
commit ec7025ab7d
225 changed files with 2694 additions and 3053 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/routes/docs/tutorials/+page.svelte
View File

@@ -13,7 +13,7 @@
const iconMap: Record<string, string> = {
react: 'icon-react',
vue: 'aw-icon-vue',
vue: 'web-icon-vue',
angular: 'icon-angular',
svelte: 'icon-svelte',
sveltekit: 'icon-svelte',
@@ -24,7 +24,7 @@
nuxt: 'icon-nuxt',
'nuxt ssr': 'icon-nuxt',
stripe: 'icon-stripe',
refine: 'aw-icon-refine',
refine: 'web-icon-refine',
'next.js': 'icon-nextjs',
'next.js ssr': 'icon-nextjs',
astro: 'icon-astro',
@@ -54,53 +54,53 @@
<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">Tutorials</h1>
<h1 class="web-title">Tutorials</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 data.tutorials 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.tutorials as tutorial}
<li>
{#if tutorial.draft === true}
<a
href={tutorial.href}
class="aw-card is-normal draft"
class="web-card is-normal draft"
aria-disabled="true"
tabindex="-1"
>
<header class="u-flex u-cross-baseline u-gap-4">
<span
class="{getIcon(tutorial)} aw-u-font-size-24"
class="{getIcon(tutorial)} web-u-font-size-24"
aria-hidden="true"
/>
<h3 class="aw-sub-body-500 aw-u-color-text-primary">
<h3 class="web-sub-body-500 web-u-color-text-primary">
{tutorial.framework}
</h3>
<span class="badge aw-caption-400">Coming Soon</span>
<span class="badge web-caption-400">Coming Soon</span>
</header>
</a>
{:else}
<a href={tutorial.href} class="aw-card is-normal">
<a href={tutorial.href} class="web-card is-normal">
<header class="u-flex u-cross-baseline u-gap-4">
<span
class="{getIcon(tutorial)} aw-u-font-size-24"
class="{getIcon(tutorial)} web-u-font-size-24"
aria-hidden="true"
/>
<h3 class="aw-sub-body-500 aw-u-color-text-primary">
<h3 class="web-sub-body-500 web-u-color-text-primary">
{tutorial.framework}
</h3>
</header>
<p class="aw-sub-body-400 u-margin-block-start-4">
<p class="web-sub-body-400 u-margin-block-start-4">
{tutorial.title}
</p>
</a>