first commit

This commit is contained in:
2023-09-12 21:41:04 +02:00
commit 3361a7f053
13284 changed files with 2116755 additions and 0 deletions

View File

@@ -0,0 +1,54 @@
@font-face {
font-family: "{{ name }}";
src: {{{ fontSrc }}};
}
[class*="otgs-ico"] {
display: inline-block;
transform: translate(0, 0);
}
[class*="otgs-ico"]:focus {
outline: none;
}
{{# if selector }}
{{ selector }}:before {
{{ else }}
[class^="{{prefix}}-"]:before, [class*=" {{prefix}}-"]:before, [data-{{prefix}}]:before {
{{/ if }}
font-family: {{ name }} !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: text-bottom;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.{{prefix}}-32:before {
font-size: 32px;
}
[data-{{prefix}}]:before {
content: attr(data-{{prefix}});
}
{{# each codepoints }}
{{# if ../selector }}
{{ ../selector }}.{{ ../prefix }}-{{ @key }}:before {
{{ else }}
{{ tag }}.{{ ../prefix }}-{{ @key }}:before {
{{/ if }}
content: "\\{{ codepoint this }}";
}
{{/ each }}
/***************************** OTGS ico aliases **************************/
@-webkit-keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}

View File

@@ -0,0 +1,71 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{{ name }}</title>
<style>
body {
font-family: sans-serif;
margin: 0;
padding: 10px 20px;
text-align: center;
}
.preview {
width: 100px;
display: inline-block;
margin: 10px;
}
.preview .inner {
display: inline-block;
width: 100%;
text-align: center;
background: #f5f5f5;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.preview .inner {{ baseTag }} {
line-height: 85px;
font-size: 40px;
color: #333;
}
.label {
display: inline-block;
width: 100%;
box-sizing: border-box;
padding: 5px;
font-size: 10px;
font-family: Monaco, monospace;
color: #666;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: #ddd;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
color: #666;
}
</style>
<link rel="stylesheet" type="text/css" href="css/{{ name }}.css" />
</head>
<body>
<h1>{{ name }}</h1>
{{# each assets }}
<div class="preview">
<span class="inner">
<{{ ../tag }} class="{{ ../prefix }} {{ ../prefix }}-{{ @key }}"></{{ ../tag }}>
</span>
<br>
<span class='label'>{{ @key }}</span>
</div>
{{/ each }}
</body>
</html>

View File

@@ -0,0 +1,78 @@
${{ name }}-font: "{{ name }}";
@font-face {
font-family: ${{ name }}-font;
src: {{{ fontSrc }}};
}
[class*="otgs-ico"] {
display: inline-block;
transform: translate(0, 0);
&:focus {
outline: none;
}
}
{{# if selector }}
{{ selector }}:before {
{{ else }}
[class^="{{prefix}}-"]:before, [class*=" {{prefix}}-"]:before, [data-{{prefix}}]:before {
{{/ if }}
font-family: "{{ name }}" !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: text-bottom;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.{{prefix}}-32:before {
font-size: 32px;
}
[data-{{prefix}}]:before {
content: attr(data-{{prefix}});
}
${{ name }}-map: (
{{# each codepoints }}
"{{ @key }}": "\\{{ codepoint this }}",
{{/ each }}
);
{{# each codepoints }}
{{# if ../selector }}
{{ ../selector }}.{{ ../prefix }}-{{ @key }}:before {
{{ else }}
{{ tag }}.{{ ../prefix }}-{{ @key }}:before {
{{/ if }}
content: map-get(${{ ../name }}-map, "{{ @key }}");
}
{{/ each }}
/***************************** OTGS ico aliases **************************/
.otgs-ico-ok {
@extend .otgs-ico-translated;
}
.otgs-ico-add-disabled {
@extend .otgs-ico-add;
}
.otgs-ico-edit-disabled {
@extend .otgs-ico-edit;
}
.otgs-ico-sitepress-multilingual-cms {
@extend .otgs-ico-wpml;
}
.otgs-ico-refresh-spin {
@extend .otgs-ico-refresh;
animation: spin 2s infinite linear;
}
@-webkit-keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}