mirror of
https://github.com/mediacms-io/mediacms.git
synced 2025-02-26 23:32:29 +01:00
aa6520daac
* Added frontend development files/environment * More items-categories related removals * Improvements in pages templates (inc. static pages) * Improvements in video player * Added empty home page message + cta * Updates in media, playlist and management pages * Improvements in material icons font loading * Replaced media & playlists links in frontend dev-env * frontend package version update * chnaged frontend dev url port * static files update * Changed default position of theme switcher * enabled frontend docker container
56 lines
3.3 KiB
SCSS
Executable File
56 lines
3.3 KiB
SCSS
Executable File
// 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: MediaCmsVideoJsIcons;
|
|
|
|
@font-face {
|
|
font-family: $icon-font-family;
|
|
src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAT4AAsAAAAACMQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPAAAAFY6l0dNY21hcAAAAYAAAABqAAABxPJEI45nbHlmAAAB7AAAANIAAAG4T61UQGhlYWQAAALAAAAALgAAADYZHmTsaGhlYQAAAvAAAAAYAAAAJABcADlobXR4AAADCAAAAA4AAAAgAVAAAGxvY2EAAAMYAAAAEgAAABIBvAEqbWF4cAAAAywAAAAfAAAAIAEVAExuYW1lAAADTAAAAUkAAAKmImr7xXBvc3QAAASYAAAAXwAAAIf4no6XeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGTQYpzAwMrAwCDHoAgk2aC0OAMTAw8DkGBlZsAKAtJcUxgcPjJ+ZGcwAHJZwCQDAyOIAADEDQVjeJztkUEKxEAIBGsyZoSwT1n2QTnlkP/DvGBi6z4jQrXYiIcW2IEefAODdtFQneG29DtH+sYvd0z+9LVCmzRmS91i1+LiwGMcvPVJvf+TK7EiM9wK1HuhX0wrlOrcC/1pjgJ1L/AHpD8V1QAAeJyNkFtvwjAMhe2Y9aJGgFja8gCCNZAweKNcHtC0//+vOAlBDGlIJNEn28cnikOKwtqRpxF9Ep1tl83ZNBfen3744HJ77N1MYd0wc0qZEAFTA+fdb9/0d0rpEAFjDSdH/4JW9AG3z9uzX4jWUn5FJn2Z9LxFg5GyFL2KTPqW1g//pJBqKuPIpDvsKuo+XoEuJ1V1P/ZPjG5JM31jJk+//05l6/7Y1ybbcedQOkFq6vZF/fEDExkMhDljjhg+pxt8augEhshVKBcB6inD467W0Bp+AAB4nGNgZGBgAOJNl8rq4vltvjJwMxgARRjuvJp8Gplm0GbQBJIcDEwgDgBWfAr7AAB4nGNgZGBgMGBggJPaDIwMqIADAA4RAJZ4nGNgAAID3BgAE9ABUQAAAAAAAAAgAEAAUABgAHAAigDcAAB4nGNgZGBg4GBwYGBmAAEmIOYCQgaG/2A+AwAPpwFiAHicjZJNasJAGIbf1J9ShVJo6aabWYlQSNSldCcoCnbhIvuYTDSSZMJkFDxE79Bz9AClJ+hxSl+nsym4cAKT53u+n4RkANzhEx5Oy8OD3U/rCteM/rhBenLcJAeOW+hi4rhN/+q4g2esHXdxjzdO8Jo3NH28O77CLb4cN+i/HTfJP45bePR6jtvoey+OOwi9xHEXPe9jKZMsmhR1mCVSLep5rMp6JTf7PNLnUudcKHWdqVIM/cG59EyWUkdGJmJ9FPVhMzImFalWhZiq0sg8V6LSaidj42+NqcZBkDrvx6rAEhIJMkT8XgVqhOSETmHBaI6YVJJWdBvskbNSX9x1aV1Ip3nPbCwwhI/Bxd0zutJOiGBsj+BfPnKvceBbj2gNUsYpaxRnCUxt76k656VoKpvb0cT0Pra2q8KYpypg5/963z69+AXA8YLbAAAAeJx9x0kKgDAQBdHuOIPDSXKoaL4akERiOxxfceHSWhQ8UvRfyYoTTjnjnAsuuaLaYjT7IvpwOGuZYQTxRefN4aaHuscYIprPHpekNnhkwxI2tO+tHswqLniiGzpGHqcA) format('woff');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
// http://sass-lang.com/documentation/file.SASS_REFERENCE.html#maps
|
|
$icons: (
|
|
default-view: 'f101',
|
|
theater-view: 'f102',
|
|
navigate-before: 'f103',
|
|
navigate-next: 'f104',
|
|
done: 'f105',
|
|
close: 'f106',
|
|
closed-caption: 'f107',
|
|
);
|
|
|
|
// 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);
|
|
}
|
|
}
|
|
}
|