From ef6fb7344a78e64aa36420017cd6d895c2afbf46 Mon Sep 17 00:00:00 2001 From: Roman Axelrod Date: Fri, 22 Apr 2022 18:00:39 +0300 Subject: [PATCH] Layout file update - head section updated --- README.md | 2 +- layouts/page-container.hbs | 3 +++ layouts/page.hbs | 3 +++ package.json | 2 +- src/styles/template.scss | 48 +++++++++++++++++++++----------------- src/template.hbs | 18 ++++++-------- 6 files changed, 41 insertions(+), 35 deletions(-) diff --git a/README.md b/README.md index a3ccd3f..0b9b059 100644 --- a/README.md +++ b/README.md @@ -9,7 +9,7 @@ npm install Run development environment: ``` -npm component-dev +npm start ``` # Block Structure diff --git a/layouts/page-container.hbs b/layouts/page-container.hbs index bbdf5cc..d6de78a 100644 --- a/layouts/page-container.hbs +++ b/layouts/page-container.hbs @@ -1,5 +1,8 @@ + + + diff --git a/layouts/page.hbs b/layouts/page.hbs index ef203f2..234e8df 100644 --- a/layouts/page.hbs +++ b/layouts/page.hbs @@ -1,5 +1,8 @@ + + + diff --git a/package.json b/package.json index 4a961c5..ea98984 100644 --- a/package.json +++ b/package.json @@ -2,7 +2,7 @@ "name": "axe-web-component", "version": "1.0.1", "scripts": { - "start": "NODE_ENV=production node server.js", + "start": "component-dev", "dev": "NODE_ENV=development node server.js" }, "license": "ISC", diff --git a/src/styles/template.scss b/src/styles/template.scss index 6935267..391d7ac 100644 --- a/src/styles/template.scss +++ b/src/styles/template.scss @@ -9,36 +9,40 @@ * */ -.clients { - background-color: red; - //color: white; +.template { + padding: 1rem; - &__sub_level { - // EXAMPLE OF BREAKPOINTS + // EXAMPLE OF BREAKPOINTS - @media (min-width: 600px) { - // Tablet - } + @media (min-width: 600px) { + // Tablet + } - @media (min-width: 980px) { - // Large Tablet - } + @media (min-width: 980px) { + // Large Tablet + } - @media (min-width: 1024px) { - // Laptop & Tablet - } + @media (min-width: 1024px) { + // Laptop & Tablet + } - @media (min-width: 1336px) { - // Laptop - } + @media (min-width: 1336px) { + // Laptop + } - @media (min-width: 1680px) { - // Desktop - } + @media (min-width: 1680px) { + // Desktop + } + + &__header { + border-bottom: 2px solid red; + &-heading { + // Heading + } } - &__sub_level_two { - // + &__content { + // Content } } \ No newline at end of file diff --git a/src/template.hbs b/src/template.hbs index e25d687..30ffbc2 100644 --- a/src/template.hbs +++ b/src/template.hbs @@ -1,13 +1,9 @@ -
-

{{title}}

+
+
+

Ready!

+
-
-

{{phrase}}

+
+

Review the `/data` folder with JSON data files.

- - -
- - +
\ No newline at end of file