Ruby On Rails Classroom image

Pooja  Negi / Student / Web Technology

 
To post your Question Join Classroom
 
 
Question  Tutor Notes
 
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
Pooja   Negi

Skills    Ruby On Rails

Qualifications :- High School - SSN high school, College/University - HNBGU, College/University - SRHU,
Location :-Ranipokhari,Rishikesh,Uttarakhand,India
Description:- Student
Explore
 

  Students (0)