aria/buymymojo.net
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

First release

Browse source
This commit is contained in:
Owen Quinlan 2021-07-02 19:29:34 +10:00
commit fa6c85266e
2339 changed files with 761050 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

46
node_modules/videojs-font/templates/html.hbs generated vendored Normal file
View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{{fontName}}</title>
<link href="css/videojs-icons.css" rel="stylesheet">
<style>
body {
text-align: center;
}
header {
/*text-align: center;*/
}
.preview {
display: inline-block;
border: 1px solid #ccc;
text-align: center;
width: 150px;
margin: 10px;
padding: 10px;
}
.preview-icon {
width: 100%;
font-size: 200%;
}
</style>
</head>
<body>
<header>
<h1>{{fontName}} Icons</h1>
<p>All icons prefixed by <code>vjs-icon-</code></p>
</header>
{{#each names}}
<div class="preview">
<div class="preview-icon">
<span class="vjs-icon-{{this}}"></span>
</div>
<span>{{this}}</span>
</div>
{{/each}}
</body>
</html>

51
node_modules/videojs-font/templates/scss.hbs generated vendored Normal file
View file

@ -0,0 +1,51 @@
// https://github.com/sass/sass/issues/659#issuecomment-64819075
@function char($character-code) {
@if function-exists("selector-append") {
@return unquote("\"\\#{$character-code}\"");
}
@return str-slice("\x", 1, 1) + $character-code;
}
$icon-font-family: {{fontName}};
@font-face {
font-family: $icon-font-family;
src: url(data:application/font-woff;charset=utf-8;base64,BASE64_WOFF_FONT) format('woff');
font-weight: normal;
font-style: normal;
}
// http://sass-lang.com/documentation/file.SASS_REFERENCE.html#maps
$icons: (
{{#each codepoints}}
{{@key}}: '{{this}}',
{{/each}}
);
// NOTE: This is as complex as we want to get with SCSS functionality.
//
// Now that we have a map of icons above, we can iterate over that map and create an icon class
// for each icon in that list. The iterator below produces CSS classes like this:
//
// .vjs-icon-play {
// font-family: VideoJS;
// font-weight: normal;
// font-style: normal;
// }
// .vjs-icon-play:before { content: "\25b6"; }
//
// We can then use @extend in the codebase when we need to add an icon to a class. @extend builds up
// the selectors for you so you can avoid duplication. This is generally a bad idea, but since each
// icon should only be extended one or two other places, we'll roll with it.
@each $name, $content in $icons {
.vjs-icon-#{$name} {
font-family: $icon-font-family;
font-weight: normal;
font-style: normal;
&:before {
content: char($content);
}
}
}