Skip to content
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

Clear style inline #565

Merged
merged 10 commits into from
Feb 7, 2024
Merged

Clear style inline #565

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
61ae702
Remove style inline into utility class
elad2412 Jan 29, 2024
d8ad253
Remove style inline into utility class
elad2412 Jan 29, 2024
b6c8c41
Remove style inline into utility class
elad2412 Jan 29, 2024
89620de
Threads
elad2412 Jan 30, 2024
4254577
Assets page
elad2412 Jan 30, 2024
9c298d0
Brand Lunch page
elad2412 Jan 30, 2024
f2d3716
Community page
elad2412 Jan 30, 2024
3f8a4b9
Threads item page
elad2412 Jan 30, 2024
5bfa234
Threads item page
elad2412 Jan 30, 2024
a490664
Author page
elad2412 Jan 30, 2024
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: 1 addition & 2 deletions src/markdoc/layouts/Author.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,8 +47,7 @@
<Main>
<div class="aw-big-padding-section-level-1 u-position-relative u-overflow-hidden">
<div
class="u-position-absolute"
style="pointer-events:none;inset-inline-start:0; inset-block-end:0;"
class="u-position-absolute u-inset-inline-start-0 u-inset-block-end-0 aw-u-pointer-events-none"
>
<svg
xmlns="http://www.w3.org/2000/svg"
Expand Down
64 changes: 30 additions & 34 deletions src/routes/assets/+page.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@
<meta name="twitter:card" content="summary_large_image" />
</svelte:head>

<div class="u-position-absolute" style="pointer-events:none;">
<div class="u-position-absolute aw-u-pointer-events-none">
<enhanced:img src="./bg.png" alt="" />
</div>

Expand All @@ -67,8 +67,7 @@
<button
class="u-flex u-width-full-line aw-u-padding-block-20
aw-u-color-text-primary aw-is-only-mobile
aw-u-margin-inline-32-negative u-margin-block-start-24 aw-u-sep-block"
style="inline-size:100vw"
aw-u-margin-inline-32-negative u-margin-block-start-24 aw-u-sep-block u-width-full-line"
>
<span
class="aw-container u-flex u-width-full-line u-main-space-between u-cross-center"
Expand All @@ -95,7 +94,7 @@
</section>

<section id={getSectionId(Section.NAMING)}>
<div class="u-flex u-flex-vertical u-gap-8">
<div class="u-flex aw-u-flex-vertical u-gap-8">
<h2
class="aw-title aw-u-color-text-primary"
use:visible={{ top: 48 }}
Expand All @@ -112,7 +111,7 @@
</section>

<section id={getSectionId(Section.LOGOTYPE)}>
<div class="u-flex u-flex-vertical u-gap-8">
<div class="u-flex aw-u-flex-vertical u-gap-8">
<h2
class="aw-title aw-u-color-text-primary"
use:visible={{ top: 48 }}
Expand All @@ -128,8 +127,8 @@
<div class="u-flex u-flex-wrap u-gap-32 u-margin-block-start-12">
<div
class="media-wrapper | theme-light |
u-stretch aw-u-flex-basis-300 u-flex u-main-center u-cross-center aw-u-border-radius-8 aw-u-padding-inline-64"
style="background-color:hsl(var(--aw-color-greyscale-100)); block-size:20rem;"
u-stretch aw-u-flex-basis-300 u-flex u-main-center u-cross-center aw-u-border-radius-8 aw-u-padding-inline-64
aw-u-bg-color-neutral-100 aw-u-block-size-320"
>
<img
src="/assets/logotype/white.svg"
Expand Down Expand Up @@ -162,8 +161,8 @@
</div>
<div
class="media-wrapper | theme-dark |
u-stretch aw-u-flex-basis-300 u-flex u-main-center u-cross-center aw-u-border-radius-8 aw-u-padding-inline-64"
style="background-color:hsl(var(--aw-color-greyscale-800)); block-size:20rem;"
u-stretch aw-u-flex-basis-300 u-flex u-main-center u-cross-center aw-u-border-radius-8 aw-u-padding-inline-64
aw-u-bg-color-neutral-800 aw-u-block-size-320"
>
<img
src="/assets/logotype/black.svg"
Expand Down Expand Up @@ -197,7 +196,7 @@
</div>
</div>
<section>
<div class="u-flex u-flex-vertical u-gap-8">
<div class="u-flex aw-u-flex-vertical u-gap-8">
<h3 class="aw-label aw-u-color-text-primary">
Co-branding logotypes
</h3>
Expand All @@ -207,8 +206,8 @@
collection of shapes.
</p>
<div
class="u-flex u-main-center u-cross-center u-margin-block-start-12 aw-u-border-radius-8 u-padding-inline-16"
style="background-color:hsl(var(--aw-color-greyscale-800)); block-size:20rem;"
class="u-flex u-main-center u-cross-center u-margin-block-start-12 aw-u-border-radius-8 u-padding-inline-16
aw-u-bg-color-neutral-800 aw-u-block-size-320"
>
<img
src="/assets/logotype/co-brand.svg"
Expand All @@ -220,7 +219,7 @@
</section>

<section id={getSectionId(Section.LOGOMARK)}>
<div class="u-flex u-flex-vertical u-gap-8">
<div class="u-flex aw-u-flex-vertical u-gap-8">
<h3
class="aw-title aw-u-color-text-primary"
use:visible={{ top: 48 }}
Expand All @@ -237,8 +236,8 @@
<div class="u-flex u-flex-wrap u-gap-32 u-margin-block-start-12">
<div
class="media-wrapper | theme-light |
u-stretch aw-u-flex-basis-300 u-flex u-main-center u-cross-center aw-u-border-radius-8 aw-u-padding-inline-64"
style="background-color:hsl(var(--aw-color-greyscale-100)); block-size:20rem;"
u-stretch aw-u-flex-basis-300 u-flex u-main-center u-cross-center aw-u-border-radius-8 aw-u-padding-inline-64
aw-u-bg-color-neutral-100 aw-u-block-size-320"
>
<img
src="/assets/logomark/logo.svg"
Expand Down Expand Up @@ -271,8 +270,8 @@
</div>
<div
class="media-wrapper | theme-dark |
u-stretch aw-u-flex-basis-300 u-flex u-main-center u-cross-center aw-u-border-radius-8 aw-u-padding-inline-64"
style="background-color:hsl(var(--aw-color-greyscale-800)); block-size:20rem;"
u-stretch aw-u-flex-basis-300 u-flex u-main-center u-cross-center aw-u-border-radius-8 aw-u-padding-inline-64
aw-u-bg-color-neutral-800 aw-u-block-size-320"
>
<img
src="/assets/logomark/logo.svg"
Expand Down Expand Up @@ -306,7 +305,7 @@
</div>
</div>
<section id="">
<div class="u-flex u-flex-vertical u-gap-8">
<div class="u-flex aw-u-flex-vertical u-gap-8">
<h3 class="aw-label aw-u-color-text-primary">
Co-branding lockups
</h3>
Expand All @@ -316,8 +315,8 @@
collection of shapes.
</p>
<div
class="u-flex u-main-center u-cross-center u-margin-block-start-12 aw-u-border-radius-8 u-padding-inline-16"
style="background-color:hsl(var(--aw-color-greyscale-800)); block-size:20rem;"
class="u-flex u-main-center u-cross-center u-margin-block-start-12 aw-u-border-radius-8 u-padding-inline-16
aw-u-bg-color-neutral-800 aw-u-block-size-320"
>
<img
src="/assets/logomark/co-brand.svg"
Expand All @@ -338,10 +337,9 @@
</h2>
<div class="u-flex u-flex-wrap u-gap-32">
<div
class="media-wrapper | u-stretch aw-u-flex-basis-200 u-flex-vertical u-main-center u-gap-8
aw-u-border-radius-8 u-padding-inline-24"
style="color:hsl(var(--aw-color-greyscale-900)); background-color:#EDEDF0;
aspect-ratio: 1/1; min-block-size: 10rem;"
class="media-wrapper | u-stretch aw-u-flex-basis-200 aw-u-flex-vertical u-main-center u-gap-8
aw-u-border-radius-8 u-padding-inline-24 aw-u-text-color-neutral-900 aw-u-bg-color-neutral-50
aw-u-media-ratio-1-1 aw-u-min-block-size-160"
>
<h3 class="aw-label">Light Grey</h3>
<p class="aw-caption-400">#EDEDF0</p>
Expand All @@ -350,10 +348,9 @@
</div>
</div>
<div
class="media-wrapper | aw-u-sep u-stretch aw-u-flex-basis-200 u-flex-vertical u-main-center
u-gap-8 aw-u-border-radius-8 u-padding-inline-24"
style="color:hsl(var(--aw-color-greyscale-50)); background-color:#19191D;
aspect-ratio: 1/1; min-block-size: 10rem;"
class="media-wrapper | aw-u-sep u-stretch aw-u-flex-basis-200 aw-u-flex-vertical u-main-center
u-gap-8 aw-u-border-radius-8 u-padding-inline-24 aw-u-media-ratio-1-1 aw-u-min-block-size-160
aw-u-text-color-neutral-50 aw-u-bg-color-neutral-900"
>
<h3 class="aw-label">Dark Grey</h3>
<p class="aw-caption-400">#19191D</p>
Expand All @@ -362,10 +359,9 @@
</div>
</div>
<div
class="media-wrapper | u-stretch aw-u-flex-basis-200 u-flex-vertical u-main-center u-gap-8
aw-u-border-radius-8 u-padding-inline-24"
style="color:hsl(var(--aw-color-greyscale-50)); background-color:#FD366E;
aspect-ratio: 1/1; min-block-size: 10rem;"
class="media-wrapper | u-stretch aw-u-flex-basis-200 aw-u-flex-vertical u-main-center u-gap-8
aw-u-border-radius-8 u-padding-inline-24 aw-u-text-color-neutral-50 aw-u-bg-color-primary-500
aw-u-aspect-ratio-1-1 aw-u-min-block-size-160"
>
<h3 class="aw-label">Appwrite Pink</h3>
<p class="aw-caption-400">#FD366E</p>
Expand All @@ -377,7 +373,7 @@
</section>

<section id={getSectionId(Section.VISUALS)}>
<div class="u-flex u-flex-vertical u-gap-8">
<div class="u-flex aw-u-flex-vertical u-gap-8">
<h2
class="aw-title aw-u-color-text-primary"
use:visible={{ top: 48 }}
Expand Down Expand Up @@ -552,7 +548,7 @@
</section>

<section id={getSectionId(Section.CONTACT)}>
<div class="u-flex u-flex-vertical u-gap-8">
<div class="u-flex aw-u-flex-vertical u-gap-8">
<h2
class="aw-title aw-u-color-text-primary"
use:visible={{ top: 48 }}
Expand Down
15 changes: 5 additions & 10 deletions src/routes/brand-launch/+page.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -128,8 +128,7 @@
class="u-stretch u-flex aw-u-margin-inline-auto-mobile aw-u-margin-block-start-40-mobile"
>
<img
style="margin-block-start:-0.5rem"
class="u-margin-inline-start-auto u-width-full-line u-max-width-500"
class="aw-u-margin-block-start-8-negative u-margin-inline-start-auto u-width-full-line u-max-width-500"
src="/images/pages/brand-lunch/box.png"
alt=""
/>
Expand Down Expand Up @@ -181,13 +180,12 @@
>
<div class="u-position-absolute u-inset-inline-start-0">
<svg
class="aw-u-opacity-40-mobile"
class="aw-u-opacity-40-mobile u-max-width-100-percent aw-u-max-height-100-percent"
xmlns="http://www.w3.org/2000/svg"
width="698"
height="900"
viewBox="0 0 698 900"
fill="none"
style="max-inline-size:100%; max-block-size:100%;"
>
<g opacity="0.3" filter="url(#filter0_f_3260_125165)">
<ellipse
Expand Down Expand Up @@ -323,13 +321,12 @@
</div>
<div class="u-position-absolute u-inset-inline-end-0">
<svg
class="aw-u-opacity-40-mobile"
class="aw-u-opacity-40-mobile u-max-width-100-percent aw-u-max-height-100-percent"
xmlns="http://www.w3.org/2000/svg"
width="874"
height="900"
viewBox="0 0 874 900"
fill="none"
style="max-inline-size:100%; max-block-size:100%;"
>
<g opacity="0.4" filter="url(#filter0_f_3260_125160)">
<path
Expand Down Expand Up @@ -476,13 +473,12 @@
>
<div class="u-position-absolute u-inset-inline-start-0">
<svg
class="aw-u-opacity-40-mobile"
class="aw-u-opacity-40-mobile u-max-width-100-percent aw-u-max-height-100-percent"
xmlns="http://www.w3.org/2000/svg"
width="698"
height="900"
viewBox="0 0 698 900"
fill="none"
style="max-inline-size:100%; max-block-size:100%;"
>
<g opacity="0.3" filter="url(#filter0_f_3260_125165)">
<ellipse
Expand Down Expand Up @@ -618,13 +614,12 @@
</div>
<div class="u-position-absolute u-inset-inline-end-0">
<svg
class="aw-u-opacity-40-mobile"
class="aw-u-opacity-40-mobile u-max-width-100-percent aw-u-max-height-100-percent"
xmlns="http://www.w3.org/2000/svg"
width="874"
height="900"
viewBox="0 0 874 900"
fill="none"
style="max-inline-size:100%; max-block-size:100%;"
>
<g opacity="0.4" filter="url(#filter0_f_3260_125160)">
<path
Expand Down
5 changes: 2 additions & 3 deletions src/routes/community/+page.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -141,10 +141,9 @@
<div class="aw-big-padding-section u-overflow-hidden">
<div class="aw-big-padding-section-level-1 u-position-relative u-overflow-hidden">
<div
class="u-position-absolute aw-u-hide-mobile"
class="u-position-absolute aw-u-z-index-1-negative aw-u-hide-mobile"
style:inline-size="704px"
style:block-size="670px"
style:z-index="-1"
style:left="calc((50% - 704px / 2) + 18rem)"
style:top="-4rem"
>
Expand Down Expand Up @@ -451,7 +450,7 @@
<div class="aw-container">
<div class="aw-hero is-center">
<h2 class="aw-display aw-u-color-text-primary">Inspire and get inspired</h2>
<p class="aw-description" style:margin-block-start="0">
<p class="aw-description aw-u-margin-block-start-0">
Visit our showcase website built with Appwrite to find inspiration for
your projects or to showcase what you have built.
</p>
Expand Down
5 changes: 1 addition & 4 deletions src/routes/community/ProjectCard.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,9 +18,9 @@
export let image: $$Props['image'];
export let href: $$Props['href'];
</script>

<a
class="aw-card is-white aw-u-flex-vertical u-gap-8"
style="--card-padding: 0.5rem;"
{href}
target="_blank"
rel="noopener noreferrer"
Expand All @@ -38,9 +38,6 @@

<style lang="scss">
.aw-card {
--card-padding: 0.5rem;
border-radius: 1rem;

&:hover {
img {
transform: scale(1.025);
Expand Down
Loading
Loading