From 0011a300c6349e820b0221fc1da1e9897f3e5f5c Mon Sep 17 00:00:00 2001
From: Alexander Repeta <alexander.repeta@gmail.com>
Date: Mon, 15 Mar 2021 13:26:43 +0200
Subject: [PATCH] add image path example

---
 src/partials/example.html | 4 ++++
 src/sass/_example.scss    | 8 ++++++++
 2 files changed, 12 insertions(+)

diff --git a/src/partials/example.html b/src/partials/example.html
index 9eae88f..62e49f9 100644
--- a/src/partials/example.html
+++ b/src/partials/example.html
@@ -1,6 +1,8 @@
 <article class="example">
   <h1>HTML-фрагменты</h1>
 
+  <!-- Путь к изображениям из HTML-фрагмента такой, как буд-то из index.html -->
+  <img src="images/demo.jpg" alt="" width="320" />
   <p>
     Плагин
     <a
@@ -29,4 +31,6 @@
       &lt;include src="./partials/имя-файла.html"&gt;&lt;/include&gt;
     </code>
   </p>
+
+  <div class="background"></div>
 </article>
diff --git a/src/sass/_example.scss b/src/sass/_example.scss
index 3165418..cde9e86 100644
--- a/src/sass/_example.scss
+++ b/src/sass/_example.scss
@@ -16,3 +16,11 @@
   padding: 2px 6px;
   border-radius: 2px;
 }
+
+.example .background {
+  height: 200px;
+  // Путь к изображениям из SASS-файла всегда такой, как буд-то из папки css
+  background-image: url('../images/demo.jpg');
+  background-size: cover;
+  background-position: center;
+}
-- 
GitLab