Ruby On Rails Classroom image

Anil  Bist / Professional / Web Technology

 
To post your Question Join Classroom
 
Lesson Topics's No:-  First|1 | 2 | 3 | 4 | 5|Last
Lessons:- Syntactically Awesome Stylesheets

Sass changes &:hover into #logo:hover as part of converting from SCSS to CSS. Both of these nesting techniques apply to the footer CSS in Listing 5.13,       

 

Converting Listing 5.13 by hand is a good exercise, and you should verify that the CSS still works properly after the conversion.

 

Variables


Sass allows us to define variables to eliminate duplication and write more expressive code. Forexample, looking at Listing 5.6 and Listing 5.13, weseethat there arerepeated
references to the same color:

 

  h2   {
   .
   .
   .

  color:  # 999;
}
  .
  .
  .

  footer   {
      .
      .
      .

    color:   #999;
}

 

In this case, #999 is a light gray, and we can give it a name by defining a variable as follows:

 

$ lightGray:   #999;

 

 
 
 
image
Anil  Bist

Skills    Ruby On Rails

Qualifications :- High School - SLV, College/University - Graphic Era Deemed Univ University,
Location :-Dehradun,Dehradun,Uttarakhand,India
Description:-

I started my Professional Journey in 2006 with one of the Web Development Company in Bangalore and my 1st framework was "Ruby on Rail" as Web development and delivered around 5+ Projects using this platform. Then came another dimension as JEE/Sturst framework, Gradually I realized that I want to build something on my own and give my passion and energy on creating something different a
Explore

 

  Students (0)