365DevNet/365devnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make dark mode work

Browse Source
This commit is contained in:
PrototypeArea
2022-06-26 23:30:16 -04:00
parent 82fe2a0ce7
commit 72b929f38e
10 changed files with 7154 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/astro/features/StepsFeatures.astro
View File

@@ -1,4 +1,5 @@
---
const { } = Astro.props;
---
<section>
@@ -9,10 +10,10 @@
<div class="flex flex-wrap -mx-8">
<div class="w-full lg:w-1/2 px-8">
<div class="mb-12 lg:mb-0 pb-12 lg:pb-0 border-b lg:border-b-0">
<h2 class="mb-4 text-3xl lg:text-4xl font-bold font-heading dark:text-white">
<h2 class="mb-4 text-3xl lg:text-4xl font-bold font-heading">
Sed ac magna sit amet risus tristique interdum, at vel velit in hac habitasse platea dictumst.
</h2>
<p class="mb-8 text-xl text-gray-600 dark:text-gray-300">
<p class="mb-8 text-xl text-gray-600 dark:text-gray-400">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi
risus tempus nulla, sed porttitor est nibh at nulla. Praesent placerat enim ut ex tincidunt vehicula.
Fusce sit amet dui tellus.
@@ -33,10 +34,10 @@
</span>
</div>
<div class="px-4">
<h3 class="my-4 text-xl font-semibold dark:text-white">
<h3 class="my-4 text-xl font-semibold">
Responsive Elements
</h3>
<p class="text-gray-500 dark:text-gray-300 ">
<p class="text-gray-500 dark:text-gray-400 ">
All elements are responsive and provide the best display in all screen size. It's magic !
</p>
</div>
@@ -48,10 +49,10 @@
</span>
</div>
<div class="px-4">
<h3 class="my-4 text-xl font-semibold dark:text-white">
<h3 class="my-4 text-xl font-semibold">
Flexible Team
</h3>
<p class="text-gray-500 dark:text-gray-300">
<p class="text-gray-500 dark:text-gray-400">
Flexibility is the key. All team is available 24/24 and joinable every day on our hotline.
</p>
</div>
@@ -63,10 +64,10 @@
</span>
</div>
<div class="px-4">
<h3 class="my-4 text-xl font-semibold dark:text-white">
<h3 class="my-4 text-xl font-semibold">
Ecologic Software
</h3>
<p class="text-gray-500 dark:text-gray-300">
<p class="text-gray-500 dark:text-gray-400">
Our Software are ecologic and responsable. Green is not just a color, it's a way of life.
</p>
</div>