mirror of
https://github.com/zoriya/v10.git
synced 2026-08-16 02:45:09 +00:00
feat(site): darker dark mode footer (#780)
This commit is contained in:
@@ -14,9 +14,9 @@ const { variant = 'normal', class: className } = Astro.props;
|
||||
]}
|
||||
style="grid-template-rows: 80fr 60fr 45fr 20fr 10fr"
|
||||
>
|
||||
<div class="bg-bright-yellow"></div>
|
||||
<div class="bg-gold"></div>
|
||||
<div class="bg-orange"></div>
|
||||
<div class="bg-red"></div>
|
||||
<div class="bg-magenta"></div>
|
||||
<div class="bg-bright-yellow dark:bg-gold"></div>
|
||||
<div class="bg-gold dark:bg-orange"></div>
|
||||
<div class="bg-orange dark:bg-red"></div>
|
||||
<div class="bg-red dark:bg-magenta"></div>
|
||||
<div class="bg-magenta dark:bg-magenta-dark"></div>
|
||||
</div>
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
class="rounded-xs border border-manila-dark bg-faded-black p-5 md:p-10 lg:p-15"
|
||||
>
|
||||
<p class="text-p2 text-manila-light">
|
||||
VideoJS 10 is complete ground-up rewrite of the player for the modern web.
|
||||
Video.js 10 is complete ground-up rewrite of the player for the modern web.
|
||||
The UI is separated from the underlying media renderer. Every component is
|
||||
independent and works together through open API contracts. We've structured
|
||||
the project for modern JavaScript bundlers to support tree-shaking and
|
||||
|
||||
@@ -6,7 +6,7 @@ import GetStartedLink from '../NavBar/GetStartedLink';
|
||||
|
||||
<section class="mx-auto w-full max-w-305 px-5">
|
||||
<div
|
||||
class="group relative mb-20 items-center bg-faded-black py-2.5 text-center text-manila-light transition-colors duration-200 has-[a:hover]:text-faded-black lg:mb-30 lg:flex lg:text-left lg:duration-300 dark:bg-manila-light dark:text-faded-black dark:has-[a:hover]:text-manila-light"
|
||||
class="group relative mb-34 items-center bg-faded-black py-2.5 text-center text-manila-light transition-colors duration-200 has-[a:hover]:text-faded-black lg:mb-40 lg:flex lg:text-left lg:duration-300 dark:bg-manila-light dark:text-faded-black dark:has-[a:hover]:text-manila-light"
|
||||
>
|
||||
<div
|
||||
class="absolute top-(--top) right-2.5 bottom-2.5 left-2.5 z-0 bg-orange duration-200 group-has-[a:hover]:top-2.5 lg:top-2.5 lg:left-(--lg-left) lg:duration-300 lg:group-has-[a:hover]:left-2.5 dark:bg-black"
|
||||
|
||||
@@ -73,6 +73,7 @@
|
||||
--color-orange: #ff6200;
|
||||
--color-red: #eb3132;
|
||||
--color-magenta: #cc3566;
|
||||
--color-magenta-dark: #922e4f;
|
||||
|
||||
/* Typography */
|
||||
--tracking-*: initial;
|
||||
|
||||
Reference in New Issue
Block a user