opdavies/presentations
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add Tailwind workshop slides

Browse source
This commit is contained in:
Oliver Davies 2021-02-11 18:03:37 +00:00
parent 7e82c2fd7e
commit be9513edc6
78 changed files with 1154 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

11
workshop-tailwind-css/code/responsive-1.txt Normal file
View file

@ -0,0 +1,11 @@
{# templates/includes/home/intro-text.html.twig #}
- <p class="text-3xl leading-loose text-blue-dark">
+ <p class="text-xl leading-loose lg:text-3xl text-blue-dark">
- <a class="inline-block px-5 py-4 mt-8 text-3xl transition-colors duration-200 ease-in-out
- border-2 text-blue-dark border-blue-dark hover:bg-blue-dark focus:bg-blue-dark
- hover:text-white focus:text-white"
+ <a class="inline-block px-4 py-3 mt-8 text-xl transition-colors duration-200 ease-in-out
+ border-2 lg:px-5 lg:py-4 lg:text-3xl text-blue-dark border-blue-dark hover:bg-blue-dark
+ focus:bg-blue-dark hover:text-white focus:text-white" href="#0">Learn more</a>