MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.


I'm not curious

Foundation 4: Incorporating Sass and Compass

Course Summary

Learn to style your Foundation site with Sass and Compass.       


  • +

    Course Syllabus

    Introduction
       Welcome
       Using the exercise files
    1. Getting Started
       Understanding Foundation, Sass, and Compass
       Installing Sublime Text 2
       Examining the website files and configuration
       Installing and testing Ruby
       Installing the Sass, Compass, and Foundation gems
    2. Working with Sass
       Starting a project with Compass, Sass, and Foundation
       Examining the Sass structure and downloading Foundation Sass files
       Compiling Sass files
       Converting custom.css to Sass
    3. Simple Sass Customizations
       Foundation's Sass file structure
       Changing variables with _settings.scss
       Working with Google Fonts and Sass
       Understanding the emCalc() function
       Styling the nav bar
       Challenge: Styling the panels
       Solution: Styling the panels
    4. Advanced Sass Customizations
       Adjusting space between the top photo and right column
       Styling the panel links by changing _panels.scss
       Creating a custom button using mixins
       Challenge: Styling tabs
       Solution: Styling tabs
       Launching your site
    Conclusion
       Goodbye


Course Fee:
USD 25

Course Type:

Self-Study

Course Status:

Active

Workload:

3 - 4 hours / week

This course is listed under Open Source , Development & Implementations and Quality Assurance & Testing Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
REDHERRING
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top