Update/marketplace (#2575)

* make category link generic

* fix ai category display and svg icons

* fix markdown display and ansi module; cleanup

* convert tailwindcss to scss in marketplace menu component

* convert tailwindcss to scss in marketplace categories component

* convert tailwindcss to scss in marketplace item component

* update launch icon to taiga icon

* convert tailwindcss to scss in marketplace search component + cleanup

* convert tailwindcss to scss in marketplace release notes component + cleanup

* convert tailwindcss to scss in marketplace about component + cleanup

* convert tailwindcss to scss in marketplace additional component

* convert tailwindcss to scss in marketplace dependencies component + misc style fixes

* convert tailwindcss to scss in marketplace hero component + misc style fixes

* convert tailwindcss to scss in marketplace screenshots component

* convert tailwindcss to scss in portal marketplace components

* remove the rest of tailwindscss and fix reset styles

* bump shared and marketplace package versions

* misc style + build fixes

* sync package lock

* fix markdown + cleanup

* fix markdown margins and git hash size

* fix mobile zindex for hero and mobile changing categories routing link
This commit is contained in:
Lucy
2024-03-21 14:23:28 -04:00
committed by GitHub
parent 5e6a7e134f
commit 2021431e2f
48 changed files with 1606 additions and 839 deletions

View File

@@ -86,10 +86,12 @@ ion-modal {
}
.divider {
background: linear-gradient(90deg,
var(--ion-color-light) 0,
var(--ion-color-dark) 50%,
var(--ion-color-light) 100%);
background: linear-gradient(
90deg,
var(--ion-color-light) 0,
var(--ion-color-dark) 50%,
var(--ion-color-light) 100%
);
height: 1px;
}
@@ -112,11 +114,11 @@ ion-modal {
}
.color-success-shade {
color: var(--ion-color-success-shade)
color: var(--ion-color-success-shade);
}
.color-primary-shade {
color: var(--ion-color-primary-shade)
color: var(--ion-color-primary-shade);
}
@keyframes ellipsis-dot {
@@ -167,3 +169,63 @@ a {
gap: 16px;
margin-top: 24px;
}
/* marketplace */
.background-border {
border-radius: 0.75rem;
background-image: linear-gradient(
to bottom left,
rgb(161 161 170 / 0.75),
#52525b
);
padding: 1px;
margin-top: 1.5rem;
}
.box-shadow-lg {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
0 4px 6px -4px var(--tw-shadow-color);
box-shadow:
0 0 #0000,
0 0 #0000,
var(--tw-shadow);
}
.shadow-color-light {
--tw-shadow-color: rgb(161 161 170 / 0.1);
--tw-shadow: var(--tw-shadow-colored);
}
.additional-detail-title {
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
padding-bottom: 0.75rem;
font-variant: all-small-caps;
}
.buttons {
margin-top: 0.5rem;
:first-child {
margin-right: 0.5rem;
}
}
a {
color: inherit;
text-decoration: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p {
margin: 0;
}