How to use Tailwind CSS in a Shopify Hydrogen Project

Опубликовано: 31 Октябрь 2022
на канале: Code with Chris the Freelancer

4,639

117

https://skl.sh/3dtgi4k
One week free trial for new Skillshare.com users

Or sign up now to my Shopify Developer Mastermind
  / shopifydeveloper

Episode Overview
-----------------------------
In this video, we take a Hydrogen project with standard “Pure or Plain CSS”, replace the styling with Tailwind and in the process learn how to use this powerful framework to help us transform the way we write CSS in the context of a Shopify Hydrogen project.

Chapters:
00:00 Introduction
01:19 Getting started
10:55 Extending the 'container' class
15:34 Using Tailwind utility classes
25:22 Setting arbitrary values within Tailwind classes
27:50 Constructing your own classes with Tailwind
32:52 Using color palettes
35:35 Pseudo classes in Tailwind
37:17 Using responsive utility variants
41:50 Article formatting with the 'prose' class
43:06 Outro

Check out my stuff online...

My Skillshare.com channel:
https://www.skillshare.com/r/profile/...

My travel channel:
   / christhefreelancer

My website:
https://christhefreelancer.com

My socials:
Instagram:   / christhefreelancer
Facebook:   / christhefreelancer
Twitter:   / chrisrdodd

Смотрите видео How to use Tailwind CSS in a Shopify Hydrogen Project онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Code with Chris the Freelancer 31 Октябрь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 4,639 раз и оно понравилось 117 людям.

4,897