scss-library/components/_preview.hbs

50 lines
802 B
Handlebars

<!DOCTYPE html>
<html lang="en">
<head>
<meta contentType="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="{{ path '/rcss.css' }}">
<title>Preview</title>
<style>
.red{
background-color: firebrick;
padding: -2px;
border: 1px black solid;
}
.green {
background-color: forestgreen;
padding: -2px;
border: 1px black solid;
}
.square {
height: 300px;
width: 300px;
}
.portrait {
height: 320px;
width: 180px;
}
.landscape {
width: 320px;
height: 180px;
}
.full-width {
width: 100%;
height: 300px;
}
.grid {
color: white;
background-image: url("{{path '/images/grid.png'}}");
}
</style>
</head>
<body>
{{{ yield }}}
</body>
</html>