<head> tag bug #178

duduyi2013 · 2016-12-19T02:18:56Z

Hey, I just found this bug, here are two files of code, they are almost the same, only the upper one with <head></head> in the same line and lower one for them to be in different lines.

<!DOCTYPE HTML>
<html>
<head></head>
<body>
<script type="text/javascript" src="js/skel.min.js"></script>
<script type="text/javascript" src="js/skel-layout.min.js"></script>
<script type="text/javascript" src="js/test.js"></script>
<div class="row">
<div class="6u 12u$(small)">
Content
</div>
<div class="3u 6u(small) 12u$(xsmall)">
Sidebar1
</div>
<div class="3u$ 6u$(small) 12u$(xsmall)">
Sidebar2
</div>
</div>
</body>
</html>

<!DOCTYPE HTML>
<html>
<head>

</head>
<body>
<script type="text/javascript" src="js/skel.min.js"></script>
<script type="text/javascript" src="js/skel-layout.min.js"></script>
<script type="text/javascript" src="js/test.js"></script>
<div class="row">
<div class="6u 12u$(small)">
Content
</div>
<div class="3u 6u(small) 12u$(xsmall)">
Sidebar1
</div>
<div class="3u$ 6u$(small) 12u$(xsmall)">
Sidebar2
</div>
</div>
</body>
</html>

Btw, this is my test.js code

skel.breakpoints({
xlarge: "(max-width: 1680px)",
large: "(max-width: 1280px)",
medium: "(max-width: 980px)",
small: "(max-width: 736px)",
xsmall: "(max-width: 480px)"
});

skel.layout({
reset: "normalize",
containers: true,
grid: true,
breakpoints: {
medium: {
containers: "90%"
},
small: {
containers: "95%",
grid: { gutters: 20 }
},
xsmall: {
grid: { gutters: 10 }
}
}
});

and as long as the tags are in the same line, skel doesn't work

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

<head> tag bug #178

<head> tag bug #178

duduyi2013 commented Dec 19, 2016 •

edited

Loading

<head> tag bug #178

<head> tag bug #178

Comments

duduyi2013 commented Dec 19, 2016 • edited Loading

duduyi2013 commented Dec 19, 2016 •

edited

Loading