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: Run development environment:
``` ```
npm component-dev npm start
``` ```
# Block Structure # Block Structure
layouts/page-container.hbs
+3
View File
@@ -1,5 +1,8 @@
<html lang="en"> <html lang="en">
<head> <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="{{ config.cssUrl }}">
<link rel="stylesheet" href="styles/template.min.css"> <link rel="stylesheet" href="styles/template.min.css">
</head> </head>
layouts/page.hbs
+3
View File
@@ -1,5 +1,8 @@
<html lang="en"> <html lang="en">
<head> <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="{{ config.cssUrl }}">
<link rel="stylesheet" href="styles/template.min.css"> <link rel="stylesheet" href="styles/template.min.css">
</head> </head>
package.json
+1 -1
View File
@@ -2,7 +2,7 @@
"name": "axe-web-component", "name": "axe-web-component",
"version": "1.0.1", "version": "1.0.1",
"scripts": { "scripts": {
"start": "NODE_ENV=production node server.js", "start": "component-dev",
"dev": "NODE_ENV=development node server.js" "dev": "NODE_ENV=development node server.js"
}, },
"license": "ISC", "license": "ISC",
src/styles/template.scss
+31 -27
View File
@@ -9,36 +9,40 @@
* *
*/ */
.clients { .template {
background-color: red; padding: 1rem;
//color: white;
&__sub_level { // EXAMPLE OF BREAKPOINTS
// 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
}
@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
+6 -10
View File
@@ -1,13 +1,9 @@
<section class="template clients"> <section class="template">
<div class="clients__intro"><h2 class="clients__title title">{{title}}</h2></div> <header class="template__header">
<h1 class="template__header-heading">Ready!</h1>
</header>
<div class="clients__content"> <div class="template__content">
<div class="clients__content-text"><p>{{phrase}}</p></div> <p>Review the `/data` folder with JSON data files.</p>
</div> </div>
<footer class="clients__actions actions">
<a href="{{ url }}" target="_self" class="btn btn--secondary">{{ cta_text }}</a>
</footer>
</section> </section>
<img src="images/demo.jpeg" alt="">