aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/header
diff options
context:
space:
mode:
authorJan Tuomi <jan.tuomi@eficode.com>2018-03-03 16:41:55 +0200
committerJan Tuomi <jan.tuomi@eficode.com>2018-03-03 16:41:55 +0200
commite6774fa740ea303073f77f3f7e50ce3e03e8de58 (patch)
treeab04adc8d7ebbf4f3b1453f46ef7738e82457004 /src/components/header
Initial commit
Diffstat (limited to 'src/components/header')
-rw-r--r--src/components/header/header.less9
-rw-r--r--src/components/header/header.tag8
2 files changed, 17 insertions, 0 deletions
diff --git a/src/components/header/header.less b/src/components/header/header.less
new file mode 100644
index 0000000..13ac353
--- /dev/null
+++ b/src/components/header/header.less
@@ -0,0 +1,9 @@
+@import "../../style.less";
+
+header h1 {
+ font-size: 5rem;
+ font-weight: 300;
+ @media screen and (max-width: @mobile-width) {
+ font-size: 3rem;
+ }
+} \ No newline at end of file
diff --git a/src/components/header/header.tag b/src/components/header/header.tag
new file mode 100644
index 0000000..d0ebe95
--- /dev/null
+++ b/src/components/header/header.tag
@@ -0,0 +1,8 @@
+<header>
+ <h1>Riot + Parcel example</h1>
+ <subheading>A sample project using riot.js, less and parcel.</subheading>
+
+ <style type="less">
+ @import "header.less";
+ </style>
+</header> \ No newline at end of file