efim
/
Learning-HTMX
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(12): active states styled

This commit is contained in:
efim 2023-06-28 12:10:25 +00:00
parent 6cd6c8cc3e
commit 1d7647bcdf
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
12-order-summary-component-thymeleaf/src/main/resources/templates/index.html
View File

@ -61,17 +61,17 @@
<p class="font-bold text-sm text-dark-blue md:text-base">Annual Plan</p>
<p class="text-desaturated-blue text-sm md:text-base">$59.99/year</p>
</div>
<button class="underline text-xs text-bright-blue font-bold">
<button class="underline text-xs text-bright-blue font-bold hover:no-underline hover:text-warm-blue">
Change
</button>
</div>
<button
class="bg-bright-blue rounded-xl drop-shadow-2xl text-white font-bold py-3 my-6 w-[calc(100%-3rem)] md:w-[calc(100%-6rem)] md:my-8"
class="bg-bright-blue rounded-xl drop-shadow-2xl text-white font-bold py-3 my-6 w-[calc(100%-3rem)] md:w-[calc(100%-6rem)] md:my-8 hover:bg-warm-blue"
>
Proceed to Payment
</button>
<button class="text-desaturated-blue font-bold">Cancel Order</button>
<button class="text-desaturated-blue font-bold hover:text-dark-blue">Cancel Order</button>
</div>
</div>

1
12-order-summary-component-thymeleaf/tailwind.config.js
View File

@ -9,6 +9,7 @@ module.exports = {
'very-pale-blue': 'hsl(225, 100%, 98%)',
'desaturated-blue': 'hsl(224, 23%, 55%)',
'dark-blue': 'hsl(223, 47%, 23%)',
'warm-blue': 'hsl(245, 83%, 68%)',
},
fontFamily: {
'sans': ['Red Hat Display', 'sans-serif'], // This will set Roboto as the default sans font