One of the features in PostCSS that you can turn on is the ability to split your code into different pieces that can be assembled together.
- One of the features in PostCSS is the ability to…import partials into your CSS.…Just like what you can do with Sass.…The regular CSS import command will import a files content,…when a browser loads the page.…The problem with that is that creates…an unnecessary extra call to the server.…PostCSS gives you a true import command,…which copies the contents of the file…while it is being processed into another file.…You can configure the import command in your gulpfile…or other processor.…
Since I'm used to the way Sass works,…I'm going to add and underscore as a prefix…and then dot css as the suffix.…You can make them whatever you want.…Now that allow us to divide our code into…different pieces, and those will get combined…into a single style.css file.…So let's take a look at how that works.…So here we have our page.…Right now all we have is an index page,…and we're previewing this on a browser.…So here I have the process folder and for right now,…I have a single style.css document.…
Now I could start coding here,…but what I like to do is divide my different…
- Organizing your CSS into partials
- Creating variables
- Using custom selectors
- Working with flexbox layouts
- Setting up a mobile layout
- Making your features responsive
- Alternating layouts
- Adding animation
- Adding videos
Skill Level Advanced
Design the Web: Responsive SVG Imageswith Chris Converse22m 46s Beginner
Building Responsive Forms with Flexboxwith James Williamson1h 19m Intermediate
1. Getting Started
2. Headers and Footers
3. Featured Content
Next steps1m 6s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.