Skip to content

Instantly share code, notes, and snippets.

@SomMeri

SomMeri/html.html

Created July 19, 2013 12:53
Show Gist options
  • Save SomMeri/6038910 to your computer and use it in GitHub Desktop.
Save SomMeri/6038910 to your computer and use it in GitHub Desktop.
Download ZIP
Working source map for less
Raw
html.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="theme-simple-mixin.css">
<script src="less.min.js" type="text/javascript"></script>
<title>Less Demo</title>
</head>
<body>
<div class="box">
Box: both text and border colors are functions of the @base variable. <br> The border is 30% lighter and the text is 5% saturated.
<div>
A div inside a box has a grey shadow and left-right padding.
</div>
</div>
<p>No CSS available for this element.</p>
</body>
</html>
Raw
theme-simple-mixin.css
.box, .extended {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
/*# sourceMappingURL=theme-simple-mixin.css.map */
Raw
theme-simple-mixin.css.map
{
"version":3,
"file":"theme-simple-mixin.css",
"lineCount":2,
"mappings":"AAKAA,I;AAAMC;",
"sources":["theme-simple-mixin.less"],
"names":[".box",".extended"]
}
Raw
theme-simple-mixin.less
.box-shadow() {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.box, .extended {
.box-shadow;
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment