axe-web-public/block-dev-tool
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Layout file update - head section updated

Browse Source
This commit is contained in:
Roman Axelrod
2022-04-22 18:00:39 +03:00
parent 5818e8bd51
commit ef6fb7344a
6 changed files with 46 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+1 -1
View File
@@ -9,7 +9,7 @@ npm install
Run development environment:
```
npm component-dev
npm start
```
# Block Structure
layouts/page-container.hbs
+3
View File
@@ -1,5 +1,8 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="{{ config.cssUrl }}">
<link rel="stylesheet" href="styles/template.min.css">
</head>
layouts/page.hbs
+3
View File
@@ -1,5 +1,8 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="{{ config.cssUrl }}">
<link rel="stylesheet" href="styles/template.min.css">
</head>
package.json
+1 -1
View File
@@ -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",
src/styles/template.scss
+31 -27
View File
@@ -9,36 +9,40 @@
*
*/
.clients {
background-color: red;
//color: white;
.template {
padding: 1rem;
&__sub_level {
// EXAMPLE OF BREAKPOINTS
@media (min-width: 600px) {
// Tablet
}
@media (min-width: 980px) {
// Large Tablet
}
@media (min-width: 1024px) {
// Laptop & Tablet
}
@media (min-width: 1336px) {
// Laptop
}
@media (min-width: 1680px) {
// Desktop
}
// EXAMPLE OF BREAKPOINTS
@media (min-width: 600px) {
// Tablet
}
&__sub_level_two {
//
@media (min-width: 980px) {
// Large Tablet
}
@media (min-width: 1024px) {
// Laptop & Tablet
}
@media (min-width: 1336px) {
// Laptop
}
@media (min-width: 1680px) {
// Desktop
}
&__header {
border-bottom: 2px solid red;
&-heading {
// Heading
}
}
&__content {
// Content
}
}
src/template.hbs
+7 -11
View File
@@ -1,13 +1,9 @@
<section class="template clients">
<div class="clients__intro"><h2 class="clients__title title">{{title}}</h2></div>
<section class="template">
<header class="template__header">
<h1 class="template__header-heading">Ready!</h1>
</header>
<div class="clients__content">
<div class="clients__content-text"><p>{{phrase}}</p></div>
<div class="template__content">
<p>Review the `/data` folder with JSON data files.</p>
</div>
<footer class="clients__actions actions">
<a href="{{ url }}" target="_self" class="btn btn--secondary">{{ cta_text }}</a>
</footer>
</section>
<img src="images/demo.jpeg" alt="">
</section>