update to v3
This commit is contained in:
parent
224db96a3b
commit
77197af846
@ -45,6 +45,7 @@ header nav #menuBtn {
|
|||||||
border-radius: 7px;
|
border-radius: 7px;
|
||||||
}
|
}
|
||||||
header nav ul {
|
header nav ul {
|
||||||
|
display: none;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
border: 1 px solid black;
|
border: 1 px solid black;
|
||||||
|
@ -1 +1 @@
|
|||||||
{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA;EACI,SAAA;EACA,UAAA;EACA,sBAAA;ACCJ;;ADEA;EACI,gBAAA;ACCJ;;ADCA;EACI,yCAAA;ACEJ;;ADAA;EACI,kBAAA;EACA,yBAAA;EACA,cAAA;EACA,aAAA;ACGJ;ADDI;EACI,WAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;ACGR;ADAI;EACI,yCAAA;EACA,iBAAA;ACER;ADCI;EACI,kBAAA;EACA,QAAA;EACA,UAAA;EACA,iBAAA;EACA,UAAA;EACA,aAAA;ACCR;ADAQ;EACI,qBAAA;EACA,iBAAA;EACA,kBAAA;EACA,YAAA;EACA,uBAAA;EACA,kBAAA;ACEZ;ADAQ;EACI,qBAAA;EACA,cAAA;EACA,wBAAA;EACA,gBAAA;ACEZ;ADDY;EACI,cAAA;EACA,wCAAA;EACA,YAAA;EACA,cAAA;EACA,iBAAA;EACA,wBAAA;EACA,kBAAA;ACGhB;ADCQ;EACI,qBAAA;EACA,YAAA;ACCZ;;ADIA;EACI,kBAAA;EACA,aAAA;EACA,aAAA;EACA,8BAAA;EACA,WAAA;ACDJ;ADGI;EACI,uBAAA;EACA,eAAA;EACA,aAAA;ACDR;ADEQ;EACI,iBAAA;EACA,qBAAA;ACAZ;ADGQ;EACI,iBAAA;EACA,qBAAA;ACDZ;ADIQ;EACI,qBAAA;ACFZ;ADKQ;EACI,iBAAA;ACHZ;ADMQ;EACI,cAAA;EACA,iBAAA;ACJZ;ADQI;EACI,uBAAA;EACA,iBAAA;EACA,gBAAA;EACA,mBAAA;ACNR;ADQQ;EACI,cAAA;ACNZ;ADQQ;EACI,qBAAA;EACA,sBAAA;ACNZ;ADSQ;EACI,YAAA;EACA,uBAAA;ACPZ;ADWI;EACI,yBAAA;ACTR;ADWY;EACI,uBAAA;EACA,YAAA;ACThB;;ADeA;EACI,yBAAA;EACA,cAAA;EACA,aAAA;ACZJ","file":"style.css"}
|
{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA;EACI,SAAA;EACA,UAAA;EACA,sBAAA;ACCJ;;ADEA;EACI,gBAAA;ACCJ;;ADCA;EACI,yCAAA;ACEJ;;ADAA;EACI,kBAAA;EACA,yBAAA;EACA,cAAA;EACA,aAAA;ACGJ;ADDI;EACI,WAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;ACGR;ADAI;EACI,yCAAA;EACA,iBAAA;ACER;ADCI;EACI,kBAAA;EACA,QAAA;EACA,UAAA;EACA,iBAAA;EACA,UAAA;EACA,aAAA;ACCR;ADAQ;EACI,qBAAA;EACA,iBAAA;EACA,kBAAA;EACA,YAAA;EACA,uBAAA;EACA,kBAAA;ACEZ;ADAQ;EACI,qBAAA;EACA,cAAA;EACA,wBAAA;EACA,gBAAA;ACEZ;ADDY;EACI,cAAA;EACA,wCAAA;EACA,YAAA;EACA,cAAA;EACA,iBAAA;EACA,wBAAA;EACA,kBAAA;ACGhB;ADCQ;EACI,qBAAA;EACA,YAAA;ACCZ;;ADIA;EACI,kBAAA;EACA,aAAA;EACA,aAAA;EACA,8BAAA;EACA,WAAA;ACDJ;ADGI;EACI,uBAAA;EACA,eAAA;EACA,aAAA;ACDR;ADEQ;EACI,iBAAA;EACA,qBAAA;ACAZ;ADIQ;EACI,iBAAA;EACA,qBAAA;ACFZ;ADKQ;EACI,qBAAA;ACHZ;ADMQ;EACI,iBAAA;ACJZ;ADOQ;EACI,cAAA;EACA,iBAAA;ACLZ;ADSI;EACI,uBAAA;EACA,iBAAA;EACA,gBAAA;EACA,mBAAA;ACPR;ADSQ;EACI,cAAA;ACPZ;ADSQ;EACI,qBAAA;EACA,sBAAA;ACPZ;ADUQ;EACI,YAAA;EACA,uBAAA;ACRZ;ADYI;EACI,yBAAA;ACVR;ADYY;EACI,uBAAA;EACA,YAAA;ACVhB;;ADgBA;EACI,yBAAA;EACA,cAAA;EACA,aAAA;ACbJ","file":"style.css"}
|
@ -82,6 +82,7 @@ main{
|
|||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
h2{
|
h2{
|
||||||
font-size: 1.4rem;
|
font-size: 1.4rem;
|
||||||
margin-bottom: 0.3rem;
|
margin-bottom: 0.3rem;
|
||||||
|
28
index.html
28
index.html
@ -15,7 +15,7 @@
|
|||||||
<h1 id="h1-1">Prov i JavaScript</h1>
|
<h1 id="h1-1">Prov i JavaScript</h1>
|
||||||
<h2 id="h2-1">Version 2</h2>
|
<h2 id="h2-1">Version 2</h2>
|
||||||
<nav>
|
<nav>
|
||||||
<a href="#" id="menuBtn">☰ MENY</a>
|
<a id="menuBtn" href="#" id="menuBtn">☰ MENY</a>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="#">Hem</a></li>
|
<li><a href="#">Hem</a></li>
|
||||||
<li>Sida 1</li>
|
<li>Sida 1</li>
|
||||||
@ -32,20 +32,12 @@
|
|||||||
<section>
|
<section>
|
||||||
<h2>Detta om detta</h2>
|
<h2>Detta om detta</h2>
|
||||||
<h3>Ta bort</h3>
|
<h3>Ta bort</h3>
|
||||||
<table>
|
|
||||||
<tr>
|
<p>Jan</p>
|
||||||
<td>Jan</td>
|
<p>Jansson</p>
|
||||||
<td>Jansson</td>
|
<p>Lisa</p>
|
||||||
</tr>
|
<p>Olsson</p>
|
||||||
<tr>
|
<p>Eva</p>
|
||||||
<td>Lisa</td>
|
|
||||||
<td>Olsson</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Eva</td>
|
|
||||||
<td><Mattson</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</section>
|
</section>
|
||||||
<section>
|
<section>
|
||||||
<h2>Mer om detta</h2>
|
<h2>Mer om detta</h2>
|
||||||
@ -59,10 +51,10 @@
|
|||||||
|
|
||||||
</section>
|
</section>
|
||||||
<section id="calc">
|
<section id="calc">
|
||||||
|
<h3>Klassisk räknare</h3>
|
||||||
<fieldset>
|
<fieldset>
|
||||||
<legend>Addera 5</legend>
|
<legend>Ändra med 1</legend>
|
||||||
<button id="add">ADD 5</button>
|
<button id="dec">-</button><output id="resCalc">0</output><button id="inc">+</button>
|
||||||
<output>15</output>
|
|
||||||
</fieldset>
|
</fieldset>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
Loading…
Reference in New Issue
Block a user