Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletter Hub
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
MEAN Cookbook

You're reading from   MEAN Cookbook The meanest set of MEAN stack solutions around

Arrow left icon
Product type Paperback
Published in Sep 2017
Publisher Packt
ISBN-13 9781787286573
Length 450 pages
Edition 1st Edition
Languages
Tools
Arrow right icon
Author (1):
Arrow left icon
Nicholas McClay Nicholas McClay
Author Profile Icon Nicholas McClay
Nicholas McClay
Arrow right icon
View More author details
Toc

Table of Contents (13) Chapters Close

Preface 1. Working with Angular 4 FREE CHAPTER 2. Enhancing Your User Interface 3. Working with Data 4. Using Express Web Server 5. REST APIs and Authentication 6. Cloud Service Integrations 7. MongoDB and Mongoose 8. Relationships 9. Build Systems and Optimizations 10. Debugging 11. Automated Testing 12. Whats new in Angular 4

Enhancing Your User Interface

This chapter will provide recipes for common user interface enhancements in your single app web application using Angular. We will learn to use Sass to control the styling of our application as well as importing common user interface tools such as the Bootstrap & Font-Awesome to our application. We'll also cover the basics of internalizing our user interface in Angular-CLI with it's built-in i18n toolkit.

In this chapter, we will cover the following recipes :

  • Configuring Sass for Angular
  • Working with Angular component styles
  • Using Sass variables for style reusability
  • Using Sass nesting for better style specificity
  • Importing Sass partials for style organization
  • Working with Bootstrap in Sass
  • Customizing Bootstrap for Angular
  • Using Bootstrap Responsive layouts
  • Working with Bootstrap components in Angular
  • Working with Font-Awesome icons...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image