Merge pull request #29 from vyazan41k/vyazan41k

vyazan41k · web-flow · commit a81551614539 · 2020-06-16T20:48:18.000+03:00
iconssss
diff --git a/build/css/styles.css b/build/css/styles.css
diff --git a/build/index.html b/build/index.html
@@ -431,20 +431,20 @@ <h2 class="footer-heading_text">Contact Us</h2>
                     </p>
                   </div>
                   <div class="social-icon">
-                    <div class="facebook">
-                      <img class="facebook-icon" src="images/facebook_footer.png"
+                    <div class="facebook-foot">
+                      <img class="facebook-foot-icon" src="images/facebook_footer.png"
                       srcset="images/facebook_footer.png 10w, images/facebook_footer@2x.png 20w"
                       sizes="10px"
                       alt="">
                     </div>
-                    <div class="twitter">
-                      <img class="twitter-icon" src="images/twitter_footer.png"
+                    <div class="twitter-foot">
+                      <img class="twitter-foot-icon" src="images/twitter_footer.png"
                       srcset="images/twitter_footer.png 20w, images/twitter_footer@2x.png 40w"
                       sizes="20px"
                       alt="">
                     </div>
-                    <div class="linkedin">
-                      <img class="linkedin-icon" src="images/linkedin_footer.png"
+                    <div class="linkedin-foot">
+                      <img class="linkedin-foot-icon" src="images/linkedin_footer.png"
                       srcset="images/linkedin_footer.png 20w, images/linkedin_footer@2x.png 40w"
                       sizes="20px"
                       alt="">
diff --git a/src/html/footer.html b/src/html/footer.html
@@ -26,20 +26,20 @@ <h2 class="footer-heading_text">Contact Us</h2>
           </p>
         </div>
         <div class="social-icon">
-          <div class="facebook">
-            <img class="facebook-icon" src="images/facebook_footer.png"
+          <div class="facebook-foot">
+            <img class="facebook-foot-icon" src="images/facebook_footer.png"
             srcset="images/facebook_footer.png 10w, images/facebook_footer@2x.png 20w"
             sizes="10px"
             alt="">
           </div>
-          <div class="twitter">
-            <img class="twitter-icon" src="images/twitter_footer.png"
+          <div class="twitter-foot">
+            <img class="twitter-foot-icon" src="images/twitter_footer.png"
             srcset="images/twitter_footer.png 20w, images/twitter_footer@2x.png 40w"
             sizes="20px"
             alt="">
           </div>
-          <div class="linkedin">
-            <img class="linkedin-icon" src="images/linkedin_footer.png"
+          <div class="linkedin-foot">
+            <img class="linkedin-foot-icon" src="images/linkedin_footer.png"
             srcset="images/linkedin_footer.png 20w, images/linkedin_footer@2x.png 40w"
             sizes="20px"
             alt="">
diff --git a/src/sass/components/footer.scss b/src/sass/components/footer.scss
@@ -153,9 +153,9 @@
     margin-bottom: 40px;
 }
 
-.facebook,
-.twitter,
-.linkedin {
+.facebook-foot,
+.twitter-foot,
+.linkedin-foot {
     width: 45px;
     height: 45px;
     border-radius: 50%;
@@ -170,30 +170,30 @@
             align-items: center;
 }
 
-.facebook-icon {
+.facebook-foot-icon {
     width: 10px;
     height: 20px;
 }
 
-.twitter-icon {
+.twitter-foot-icon {
     width: 20px;
     height: 16px;
 }
 
-.linkedin-icon {
+.linkedin-foot-icon {
     width: 20px;
     height: 20px;
 }
 
-.facebook {
+.facebook-foot {
     background-color: $color-8;
 }
 
-.twitter {
+.twitter-foot {
     background-color: $color-9;
 }
 
-.linkedin {
+.linkedin-foot {
     background-color: $color-10;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -153,9 +153,9 @@`
`153`	`153`	`margin-bottom: 40px;`
`154`	`154`	`}`
`155`	`155`
`156`		`-.facebook,`
`157`		`-.twitter,`
`158`		`-.linkedin {`
	`156`	`+.facebook-foot,`
	`157`	`+.twitter-foot,`
	`158`	`+.linkedin-foot {`
`159`	`159`	`width: 45px;`
`160`	`160`	`height: 45px;`
`161`	`161`	`border-radius: 50%;`
`@@ -170,30 +170,30 @@`
`170`	`170`	`align-items: center;`
`171`	`171`	`}`
`172`	`172`
`173`		`-.facebook-icon {`
	`173`	`+.facebook-foot-icon {`
`174`	`174`	`width: 10px;`
`175`	`175`	`height: 20px;`
`176`	`176`	`}`
`177`	`177`
`178`		`-.twitter-icon {`
	`178`	`+.twitter-foot-icon {`
`179`	`179`	`width: 20px;`
`180`	`180`	`height: 16px;`
`181`	`181`	`}`
`182`	`182`
`183`		`-.linkedin-icon {`
	`183`	`+.linkedin-foot-icon {`
`184`	`184`	`width: 20px;`
`185`	`185`	`height: 20px;`
`186`	`186`	`}`
`187`	`187`
`188`		`-.facebook {`
	`188`	`+.facebook-foot {`
`189`	`189`	`background-color: $color-8;`
`190`	`190`	`}`
`191`	`191`
`192`		`-.twitter {`
	`192`	`+.twitter-foot {`
`193`	`193`	`background-color: $color-9;`
`194`	`194`	`}`
`195`	`195`
`196`		`-.linkedin {`
	`196`	`+.linkedin-foot {`
`197`	`197`	`background-color: $color-10;`
`198`	`198`	`}`
`199`	`199`