From 2146ea31770be696936f7f314803827603505fa2 Mon Sep 17 00:00:00 2001
From: miu-cz <0151300@gmail.com>
Date: Tue, 21 May 2024 10:52:40 +0200
Subject: [PATCH] refactor: css

---
 Yandex/readme.md                                     |  5 +----
 Yandex/src/autor-resourse/autor-footer-style.css     | 12 +++++++-----
 Yandex/src/autor-resourse/autor-footer-style.css.map |  2 +-
 Yandex/src/autor-resourse/autor-footer-style.scss    | 12 +++++++-----
 4 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/Yandex/readme.md b/Yandex/readme.md
index 4321c44..52add25 100644
--- a/Yandex/readme.md
+++ b/Yandex/readme.md
@@ -2,7 +2,7 @@
 
 > FIGMA: [Maket url][url]
 
-## Task:
+## Task
 
 > Сверстайте адаптивный лендинг по [макету в Figma][url], используя стек html + css + чистый js (без библиотек и фреймворков).
 
@@ -15,8 +15,5 @@
 
 ---
 
-
-
-
 ---
 [url]: https://www.figma.com/file/0xXfupPNU3aZxPqFbmhCKb/%D0%94%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD-%D0%B4%D0%BB%D1%8F-%D0%B2%D0%B5%D1%80%D1%81%D1%82%D0%BA%D0%B8-%7C-%D0%A2%D0%B5%D1%81%D1%82%D0%BE%D0%B2%D1%8B%D0%B9-%D0%BB%D0%B5%D0%BD%D0%B4%D0%B8%D0%BD%D0%B3?type=design&node-id=0%3A1&mode=design&t=rOAaagCJbi3KLDi4-1
\ No newline at end of file
diff --git a/Yandex/src/autor-resourse/autor-footer-style.css b/Yandex/src/autor-resourse/autor-footer-style.css
index c8941c4..78b98f9 100644
--- a/Yandex/src/autor-resourse/autor-footer-style.css
+++ b/Yandex/src/autor-resourse/autor-footer-style.css
@@ -2,13 +2,13 @@
 @import url("https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap");
 :root {
   font-family: "Permanent Marker", cursive;
-  font-size: 12px;
+  --description-size: 12px;
 }
 
 .autor {
   width: 100%;
   box-sizing: border-box;
-  padding: 20px;
+  padding: 5px;
   background-color: rgba(1, 46, 64, 0.3);
   text-align: center;
   letter-spacing: 0.1em;
@@ -16,10 +16,11 @@
 }
 .autor_description {
   width: 100%;
+  font-size: var(--description-size);
 }
 .autor_socials {
   width: 100%;
-  margin-top: 0.5rem;
+  margin-top: 0.1rem;
 }
 .autor a {
   color: #025159;
@@ -29,8 +30,8 @@
 }
 .autor li {
   display: inline-block;
-  width: 20px;
-  height: 20px;
+  width: 16px;
+  height: 16px;
   border: solid 1px #025159;
   border-radius: 50%;
   overflow: hidden;
@@ -40,6 +41,7 @@
 }
 .autor li svg,
 .autor li img {
+  display: flex;
   width: 100%;
   height: 100%;
 }/*# sourceMappingURL=autor-footer-style.css.map */
\ No newline at end of file
diff --git a/Yandex/src/autor-resourse/autor-footer-style.css.map b/Yandex/src/autor-resourse/autor-footer-style.css.map
index 1c2d43e..eabc8a1 100644
--- a/Yandex/src/autor-resourse/autor-footer-style.css.map
+++ b/Yandex/src/autor-resourse/autor-footer-style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["autor-footer-style.scss","autor-footer-style.css"],"names":[],"mappings":"AAAA,iBAAA;AACQ,qFAAA;AAUR;EACC,wCAAA;EACA,eAAA;ACRD;;ADgBA;EACC,WAAA;EACA,sBAAA;EACA,aAAA;EACA,sCAAA;EAEA,kBAAA;EACA,qBAAA;EACA,mBAAA;ACdD;ADgBC;EACC,WAAA;ACdF;ADiBC;EACC,WAAA;EACA,kBAAA;ACfF;ADkBC;EACC,cApCW;ACoBb;ADkBE;EACC,cAtCW;ACsBd;ADoBC;EACC,qBAAA;EACA,WAAA;EACA,YAAA;EAEA,yBAAA;EACA,kBAAA;EACA,gBAAA;ACnBF;ADqBE;EACC,qBApDW;ACiCd;ADsBE;;EAEC,WAAA;EACA,YAAA;ACpBH","file":"autor-footer-style.css"}
\ No newline at end of file
+{"version":3,"sources":["autor-footer-style.scss","autor-footer-style.css"],"names":[],"mappings":"AAAA,iBAAA;AACQ,qFAAA;AAUR;EACC,wCAAA;EACA,wBAAA;ACRD;;ADgBA;EACC,WAAA;EACA,sBAAA;EACA,YAAA;EACA,sCAAA;EAEA,kBAAA;EACA,qBAAA;EACA,mBAAA;ACdD;ADgBC;EACC,WAAA;EACA,kCAAA;ACdF;ADiBC;EACC,WAAA;EACA,kBAAA;ACfF;ADkBC;EACC,cArCW;ACqBb;ADkBE;EACC,cAvCW;ACuBd;ADoBC;EACC,qBAAA;EACA,WAAA;EACA,YAAA;EAEA,yBAAA;EACA,kBAAA;EACA,gBAAA;ACnBF;ADqBE;EACC,qBArDW;ACkCd;ADsBE;;EAEC,aAAA;EACA,WAAA;EACA,YAAA;ACpBH","file":"autor-footer-style.css"}
\ No newline at end of file
diff --git a/Yandex/src/autor-resourse/autor-footer-style.scss b/Yandex/src/autor-resourse/autor-footer-style.scss
index a7347ed..e7c094d 100644
--- a/Yandex/src/autor-resourse/autor-footer-style.scss
+++ b/Yandex/src/autor-resourse/autor-footer-style.scss
@@ -11,7 +11,7 @@ $color-text: #fff;
 // # main footer style
 :root {
 	font-family: "Permanent Marker", cursive;
-	font-size: 12px;
+	--description-size: 12px;
 }
 
 // body {
@@ -22,7 +22,7 @@ $color-text: #fff;
 .autor {
 	width: 100%;
 	box-sizing: border-box;
-	padding: 20px;
+	padding: 5px;
 	background-color: transparentize($color: $color-bg, $amount: 0.7);
 
 	text-align: center;
@@ -31,11 +31,12 @@ $color-text: #fff;
 
 	&_description {
 		width: 100%;
+		font-size: var(--description-size);
 	}
 
 	&_socials {
 		width: 100%;
-		margin-top: 0.5rem;
+		margin-top: 0.1rem;
 	}
 
 	a {
@@ -48,8 +49,8 @@ $color-text: #fff;
 
 	& li {
 		display: inline-block;
-		width: 20px;
-		height: 20px;
+		width: 16px;
+		height: 16px;
 
 		border: solid 1px $color-link;
 		border-radius: 50%;
@@ -61,6 +62,7 @@ $color-text: #fff;
 
 		svg,
 		img {
+			display: flex;
 			width: 100%;
 			height: 100%;
 		}