LukeParke/website
1
0
Fork 0
mirror of https://github.com/LukeHagar/website.git synced 2025-12-06 12:57:48 +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

24
src/lib/animations/Products/Products.svelte
View File

@@ -193,7 +193,7 @@
<div
id="products"
use:scroll
on:aw-scroll={({ detail }) => {
on:web-scroll={({ detail }) => {
scrollInfo = detail;
}}
>
@@ -208,18 +208,18 @@
in:fly={{ duration: 250, delay: 250, y: -300 }}
>
{#if scrollInfo.percentage > -0.1}
<span class="aw-badges aw-eyebrow" transition:slide={{ axis: 'x' }}
<span class="web-badges web-eyebrow" transition:slide={{ axis: 'x' }}
>Products_</span
>
<h2
class="aw-display aw-u-color-text-primary"
class="web-display web-u-color-text-primary"
transition:fly={{ y: 16, delay: 250 }}
>
Your backend, minus the hassle
</h2>
<p
class="aw-description aw-u-max-width-700 u-margin-inline-auto"
class="web-description web-u-max-width-700 u-margin-inline-auto"
transition:fly={{
y: 16,
delay: 400
@@ -255,11 +255,11 @@
width="32"
height="32"
/>
<span class="aw-label">{copy.title}</span>
<span class="web-label">{copy.title}</span>
</h3>
{#if isActive}
<div transition:slide>
<h4 class="aw-title">{copy.subtitle}</h4>
<h4 class="web-title">{copy.subtitle}</h4>
<p>
{copy.description}
</p>
@@ -458,7 +458,7 @@
&[data-active] {
h3 {
color: hsl(var(--aw-color-primary));
color: hsl(var(--web-color-primary));
margin-block-end: 0.75rem;
}
}
@@ -469,13 +469,13 @@
align-items: center;
gap: 0.75rem;
.aw-label {
.web-label {
margin-block-start: 0.25rem;
}
}
h4 {
color: hsl(var(--aw-color-primary));
color: hsl(var(--web-color-primary));
}
p {
@@ -591,7 +591,7 @@
}
:global(.header) {
border-bottom: 1px solid hsl(var(--aw-color-greyscale-700));
border-bottom: 1px solid hsl(var(--web-color-greyscale-700));
color: var(--greyscale-400, #adadb1);
text-transform: uppercase;
@@ -611,8 +611,8 @@
}
:global(.avatar) {
background-color: hsl(var(--aw-color-greyscale-700));
border-color: hsl(var(--aw-color-greyscale-700));
background-color: hsl(var(--web-color-greyscale-700));
border-color: hsl(var(--web-color-greyscale-700));
}
:global(.truncated) {