AXE-WEB
/
block-dev-tool
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Layout file update - head section updated

pull/1/head
Roman Axelrod 4 years ago
parent
5818e8bd51
commit
ef6fb7344a
6 changed files with 41 additions and 35 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      README.md
  2. 3
      layouts/page-container.hbs
  3. 3
      layouts/page.hbs
  4. 2
      package.json
  5. 48
      src/styles/template.scss
  6. 18
      src/template.hbs

2
README.md
View File

@ -9,7 +9,7 @@ npm install
Run development environment: Run development environment:
``` ```
npm component-dev npm start
``` ```
# Block Structure # Block Structure

3
layouts/page-container.hbs
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>

3
layouts/page.hbs
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>

2
package.json
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",

48
src/styles/template.scss
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) { @media (min-width: 600px) {
// Tablet // Tablet
} }
@media (min-width: 980px) { @media (min-width: 980px) {
// Large Tablet // Large Tablet
} }
@media (min-width: 1024px) { @media (min-width: 1024px) {
// Laptop & Tablet // Laptop & Tablet
} }
@media (min-width: 1336px) { @media (min-width: 1336px) {
// Laptop // Laptop
} }
@media (min-width: 1680px) { @media (min-width: 1680px) {
// Desktop // Desktop
} }
&__header {
border-bottom: 2px solid red;
&-heading {
// Heading
}
} }
&__sub_level_two { &__content {
// // Content
} }
} }

18
src/template.hbs
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>
</section>
<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="">
Write Preview
Loading…
Cancel
Save