Ruby On Rails Classroom image

Neha  Jaggi / 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
Neha  Jaggi

Skills    Ruby On Rails

Qualifications :- High School - , College/University - Graphic Era Hill University, Dehradun, College/University - ,
Location :-Dehradun,Dehradun,UTTARAKHAND,India
Description:-

Experienced Software Developer with a demonstrated history of working in the Information Technology and services industry. Skilled in Web Technologies (Ruby on Rails, PostgreSQL, php, Laravel and AJAX). 


Explore
 

  Students (0)