opensource/developer-roadmap
3
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2026-10-24 11:35:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: onboarding for new users (#5629)

Browse Source 
* wip

* feat: add onboarding

* feat: implement onboarding

* Update indicator design

* Update UI for onboarding dropdown

* Changes to onboarding UI

---------

Co-authored-by: Kamran Ahmed <kamranahmed.se@gmail.com>
This commit is contained in:
Arik Chakma
2024-05-13 19:50:43 +01:00
committed by GitHub
co-authored by Kamran Ahmed
parent 67fbba4708
commit f8cdd76fa9
12 changed files with 925 additions and 325 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/global.css
+19 -7
View File
@@ -8,7 +8,7 @@
}
.badge {
@apply rounded-sm bg-gray-400 px-1.5 py-0.5 text-xs font-medium uppercase text-white
@apply rounded-sm bg-gray-400 px-1.5 py-0.5 text-xs font-medium uppercase text-white;
}
/* Chrome, Safari and Opera */
@@ -74,11 +74,23 @@ a > code:before {
.striped-loader {
background-image: repeating-linear-gradient(
-45deg,
transparent,
transparent 5px,
hsla(0, 0%, 0%, 0.025) 5px,
hsla(0, 0%, 0%, 0.025) 10px
-45deg,
transparent,
transparent 5px,
hsla(0, 0%, 0%, 0.025) 5px,
hsla(0, 0%, 0%, 0.025) 10px
);
background-size: 200% 200%;
animation: barberpole 15s linear infinite;
}
.striped-loader-lighter {
background-image: repeating-linear-gradient(
-45deg,
transparent,
transparent 5px,
hsla(0, 0%, 0%, 0.20) 5px,
hsla(0, 0%, 0%, 0.20) 10px
);
background-size: 200% 200%;
animation: barberpole 15s linear infinite;
@@ -88,4 +100,4 @@ a > code:before {
100% {
background-position: 100% 100%;
}
}
}