i have a jade file that output html with half of the scss styling
example of styling the body
background:green;
will work
but
margin:0 auto;
or font : 10px/10px monospace;
will not
it looks like some of the css is rendered and some are not
@media doesnt seem to work either
just to mention it works fine in codepen
my jade
html
head
title kurapica
link(href="/style.scss" rel="stylesheet" type="text/css")
div(class="mainBar")
span(id="user" class="glyphicon glyphicon-user" aria-hidden="true")
span(id="cart" class="glyphicon glyphicon-shopping-cart")
span(id="cartProdNum")
center
body
h1 welcome
span(style="font:100px/40px Limelight;color:#80bfff;") to
|kurapica
h2(style="color:#1a75ff;box-shadow:1px 1px 2px black;width:50vw;") the
span(style="color:#e60000;") best
span(style="color:#ffff33;") online
span(style="color:#5cd65c;") store
h3(style="color:#333333;") in kurapica, all payment are safe with
span(style="text-decoration:underline;") ssh encryption!
h3(style="color:#333333;") safe buying
div(id="mncontainer")
script(src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"
crossorigin="anonymous")
script(src="/client.js")
my scss
html{
background:snow; //working
}
body {
position:absolute;
background:#e1e1ea;
width:40vw; //not working
padding:40px; //working
margin:0 auto;//not working
height:150vh; //not working
}
h1 {
font:20px/20px monospace; //not working
}