Стили для контактов

1640max · Jan 30, 2024 · 52770d3 · 52770d3
1 parent f26c004
commit 52770d3
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 2 deletions.
diff --git a/_sass/_contacts.scss b/_sass/_contacts.scss
@@ -0,0 +1,18 @@
+.contacts {
+	display: grid;
+  gap: 1rem;
+}
+
+.contacts__contact {
+  display: grid;
+  gap: .25rem;
+}
+
+.contacts__heading {
+	font: 1.25rem/115% $heading-family;
+  margin: 0;
+}
+
+.contacts__content {
+	margin: 0;
+}
diff --git a/contacts.html b/contacts.html
@@ -12,7 +12,7 @@
       <div class="contacts">
         <section class="contacts__contact">
           <h2 class="contacts__heading">Почтовый адрес:</h2>
-          <p class="contacts__content">ул. Подъёмная д 14 стр 25 апп 304, 109052, г. Москва</p>
+          <p class="contacts__content">ул. Подъёмная д 14 стр 25 апп 304, 109052, г. Москва</p>
         </section>
         <section class="contacts__contact">
           <h2 class="contacts__heading">Телефон:</h2>
@@ -21,7 +21,7 @@ <h2 class="contacts__heading">Телефон:</h2>
         </section>
         <section class="contacts__contact">
           <h2 class="contacts__heading">Эл. почта:</h2>
-          <p class="contacts__content">[email protected]</p>
+          <a class="link-inverted contacts__content" href="mailto:[email protected]">[email protected]</a>
         </section>
       </div>
     </div>

diff --git a/style.scss b/style.scss
@@ -25,6 +25,7 @@ $indent-xl: 2rem;
 @import "_menu";
 @import "_fullscreen";
 @import "_hero";
+@import "_contacts";
 @import "pieces/_piece-card";
 @import "pieces/_data";
 @import "pieces/_button";