refactor: css

MIU-cz · May 21, 2024 · 2146ea3 · 2146ea3
1 parent 4cf1ea6
commit 2146ea3
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 15 deletions.
diff --git 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
diff --git a/Yandex/src/autor-resourse/autor-footer-style.css b/Yandex/src/autor-resourse/autor-footer-style.css
@@ -2,24 +2,25 @@
 @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;
   color: currentColor;
 }
 .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 */
diff --git a/Yandex/src/autor-resourse/autor-footer-style.css.map b/Yandex/src/autor-resourse/autor-footer-style.css.map
diff --git 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%;
 		}