From a8b9ee2c454a0122f75ed35ddf5497702542cab3 Mon Sep 17 00:00:00 2001 From: Guuq <50501321+Guuq@users.noreply.github.com> Date: Sun, 17 Nov 2019 11:20:44 +0100 Subject: [PATCH] 17-11 #1 --- contact/contact.css | 47 ----- contact/index.html | 22 --- css.css | 7 +- index.html | 3 +- playground/css.css | 49 ++++++ playground/emmet.min.js | 336 ++++++++++++++++++++++++++++++++++++ playground/index.html | 40 +++++ playground/js.js | 62 +++++++ resources/css/cssall.css | 11 +- resources/js/navbar.json.js | 8 +- 10 files changed, 501 insertions(+), 84 deletions(-) delete mode 100644 contact/contact.css delete mode 100644 contact/index.html create mode 100644 playground/css.css create mode 100644 playground/emmet.min.js create mode 100644 playground/index.html create mode 100644 playground/js.js diff --git a/contact/contact.css b/contact/contact.css deleted file mode 100644 index ec9e627..0000000 --- a/contact/contact.css +++ /dev/null @@ -1,47 +0,0 @@ -.appearance { - position: absolute; - display: inline-block; - width: 60px; - height: 34px; - top: .7rem; - right: 1.5rem; - z-index: 4; -} - -.appearance input { - opacity: 0; - width: 0; - height: 0; -} - -.appearanceSlider { - position: absolute; - cursor: pointer; - border-radius: 34px; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: #ccc; - transition: .3s; -} - -.appearanceSlider:before { - position: absolute; - border-radius: 50%; - content: ""; - height: 26px; - width: 26px; - left: 4px; - bottom: 4px; - background-color: white; - transition: .3s; -} - -input:checked + .appearanceSlider { - background-color: #2E3747; -} - -input:checked + .appearanceSlider:before { - transform: translateX(25px); -} diff --git a/contact/index.html b/contact/index.html deleted file mode 100644 index a385f27..0000000 --- a/contact/index.html +++ /dev/null @@ -1,22 +0,0 @@ - - -
- - - - - - - - -uren
:minuten
\\n\\t
in this preference.");
+h.add("insert_formatted_line_break_only",function(b){var c=e("utils"),a=e("resources"),g=e("editorUtils").outputInfo(b),f=b.getCaretPos(),j=c.getNewline();if(d.include(["html","xml","xsl"],g.syntax)){if(a=a.getVariable("indentation"),(g=e("htmlMatcher").tag(g.content,f))&&!g.innerRange.length())return b.replaceContent(j+a+c.getCaretPlaceholder()+j,f),!0}else if(g.syntax=="css"&&(g=g.content,f&&g.charAt(f-1)=="{")){var h=i.get("css.closeBraceIndentation"),a=a.getVariable("indentation"),n=g.charAt(f)==
+"}";if(!n)for(var m=f,o=g.length,p;m-bxsh
). With this option enabled, you don\u2019t need dashes before abbreviations: Emmet will produce vendor-prefixed properties for you.");var u=d.template("A comma-separated list of CSS properties that may have <%= vendor %>
vendor prefix. This list is used to generate a list of prefixed properties when expanding -property
abbreviations. Empty list means that all possible CSS values may have <%= vendor %>
prefix."),
+s=d.template("A comma-separated list of additional CSS properties for css.<%= vendor %>Preperties
preference. You should use this list if you want to add or remove a few CSS properties to original set. To add a new property, simply write its name, to remove it, precede property with hyphen.foo, -border-radius
.");d.each({webkit:"animation, animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, animation-play-state, animation-timing-function, appearance, backface-visibility, background-clip, background-composite, background-origin, background-size, border-fit, border-horizontal-spacing, border-image, border-vertical-spacing, box-align, box-direction, box-flex, box-flex-group, box-lines, box-ordinal-group, box-orient, box-pack, box-reflect, box-shadow, color-correction, column-break-after, column-break-before, column-break-inside, column-count, column-gap, column-rule-color, column-rule-style, column-rule-width, column-span, column-width, dashboard-region, font-smoothing, highlight, hyphenate-character, hyphenate-limit-after, hyphenate-limit-before, hyphens, line-box-contain, line-break, line-clamp, locale, margin-before-collapse, margin-after-collapse, marquee-direction, marquee-increment, marquee-repetition, marquee-style, mask-attachment, mask-box-image, mask-box-image-outset, mask-box-image-repeat, mask-box-image-slice, mask-box-image-source, mask-box-image-width, mask-clip, mask-composite, mask-image, mask-origin, mask-position, mask-repeat, mask-size, nbsp-mode, perspective, perspective-origin, rtl-ordering, text-combine, text-decorations-in-effect, text-emphasis-color, text-emphasis-position, text-emphasis-style, text-fill-color, text-orientation, text-security, text-stroke-color, text-stroke-width, transform, transition, transform-origin, transform-style, transition-delay, transition-duration, transition-property, transition-timing-function, user-drag, user-modify, user-select, writing-mode, svg-shadow, box-sizing, border-radius",
+moz:"animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, animation-play-state, animation-timing-function, appearance, backface-visibility, background-inline-policy, binding, border-bottom-colors, border-image, border-left-colors, border-right-colors, border-top-colors, box-align, box-direction, box-flex, box-ordinal-group, box-orient, box-pack, box-shadow, box-sizing, column-count, column-gap, column-rule-color, column-rule-style, column-rule-width, column-width, float-edge, font-feature-settings, font-language-override, force-broken-image-icon, hyphens, image-region, orient, outline-radius-bottomleft, outline-radius-bottomright, outline-radius-topleft, outline-radius-topright, perspective, perspective-origin, stack-sizing, tab-size, text-blink, text-decoration-color, text-decoration-line, text-decoration-style, text-size-adjust, transform, transform-origin, transform-style, transition, transition-delay, transition-duration, transition-property, transition-timing-function, user-focus, user-input, user-modify, user-select, window-shadow, background-clip, border-radius",
+ms:"accelerator, backface-visibility, background-position-x, background-position-y, behavior, block-progression, box-align, box-direction, box-flex, box-line-progression, box-lines, box-ordinal-group, box-orient, box-pack, content-zoom-boundary, content-zoom-boundary-max, content-zoom-boundary-min, content-zoom-chaining, content-zoom-snap, content-zoom-snap-points, content-zoom-snap-type, content-zooming, filter, flow-from, flow-into, font-feature-settings, grid-column, grid-column-align, grid-column-span, grid-columns, grid-layer, grid-row, grid-row-align, grid-row-span, grid-rows, high-contrast-adjust, hyphenate-limit-chars, hyphenate-limit-lines, hyphenate-limit-zone, hyphens, ime-mode, interpolation-mode, layout-flow, layout-grid, layout-grid-char, layout-grid-line, layout-grid-mode, layout-grid-type, line-break, overflow-style, perspective, perspective-origin, perspective-origin-x, perspective-origin-y, scroll-boundary, scroll-boundary-bottom, scroll-boundary-left, scroll-boundary-right, scroll-boundary-top, scroll-chaining, scroll-rails, scroll-snap-points-x, scroll-snap-points-y, scroll-snap-type, scroll-snap-x, scroll-snap-y, scrollbar-arrow-color, scrollbar-base-color, scrollbar-darkshadow-color, scrollbar-face-color, scrollbar-highlight-color, scrollbar-shadow-color, scrollbar-track-color, text-align-last, text-autospace, text-justify, text-kashida-space, text-overflow, text-size-adjust, text-underline-position, touch-action, transform, transform-origin, transform-origin-x, transform-origin-y, transform-origin-z, transform-style, transition, transition-delay, transition-duration, transition-property, transition-timing-function, user-select, word-break, word-wrap, wrap-flow, wrap-margin, wrap-through, writing-mode",
+o:"dashboard-region, animation, animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, animation-play-state, animation-timing-function, border-image, link, link-source, object-fit, object-position, tab-size, table-baseline, transform, transform-origin, transition, transition-delay, transition-duration, transition-property, transition-timing-function, accesskey, input-format, input-required, marquee-dir, marquee-loop, marquee-speed, marquee-style"},
+function(a,b){q.define("css."+b+"Properties",a,u({vendor:b}));q.define("css."+b+"PropertiesAddon","",s({vendor:b}))});q.define("css.unitlessProperties","z-index, line-height, opacity, font-weight, zoom","The list of properties whose values \u200b\u200bmust not contain units.");q.define("css.intUnit","px","Default unit for integer values");q.define("css.floatUnit","em","Default unit for float values");q.define("css.keywords","auto, inherit","A comma-separated list of valid keywords that can be used in CSS abbreviations.");
+q.define("css.keywordAliases","a:auto, i:inherit, s:solid, da:dashed, do:dotted, t:transparent","A comma-separated list of keyword aliases, used in CSS abbreviation. Each alias should be defined as alias:keyword_name
.");q.define("css.unitAliases","e:em, p:%, x:ex, r:rem","A comma-separated list of unit aliases, used in CSS abbreviation. Each alias should be defined as alias:unit_value
.");q.define("css.color.short",!0,"Should color values like #ffffff
be shortened to #fff
after abbreviation with color was expanded.");
+q.define("css.color.case","keep","Letter case of color values generated by abbreviations with color (like c#0
). Possible values are upper
, lower
and keep
.");q.define("css.fuzzySearch",!0,"Enable fuzzy search among CSS snippet names. When enabled, every unknown snippet will be scored against available snippet names (not values or CSS properties!). The match with best score will be used to resolve snippet value. For example, with this preference enabled, the following abbreviations are equal: ov:h
== ov-h
== o-h
== oh
");
+q.define("css.fuzzySearchMinScore",0.3,"The minium score (from 0 to 1) that fuzzy-matched abbreviation should achive. Lower values may produce many false-positive matches, higher values may reduce possible matches.");q.define("css.alignVendor",!1,"If set to true
, all generated vendor-prefixed properties will be aligned by real property name.");j("w",{prefix:"webkit"});j("m",{prefix:"moz"});j("s",{prefix:"ms"});j("o",{prefix:"o"});var v=["css","less","sass","scss","stylus"];e("resources").addResolver(function(a,
+b){return d.include(v,b)&&a.isElement()?o.expandToSnippet(a.abbreviation,b):null});var w=e("expandAbbreviation");w.addHandler(function(a,b,c){if(!d.include(v,b))return!1;var e=a.getSelectionRange().end,f=w.findAbbreviation(a);return f&&(b=emmet.expandAbbreviation(f,b,c))?(f=e-f.length,c=e,a.getContent().charAt(e)==";"&&b.charAt(b.length-1)==";"&&c++,a.replaceContent(b,f,c),!0):!1});return o={addPrefix:j,supportsPrefix:g,prefixed:function(a,b){return g(a,b)?"-"+b+"-"+a:a},listPrefixes:function(){return d.map(r,
+function(a){return a.prefix})},getPrefix:function(a){return r[a]},removePrefix:function(a){a in r&&delete r[a]},extractPrefixes:function(a){if(a.charAt(0)!="-")return{property:a,prefixes:null};for(var b=1,c=a.length,d,e=[];bcomment
filter is applied. This definition is an ERB-style template passed to _.template()
function (see Underscore.js docs for details). In template context, the following properties and functions are availabe:\nattr(name, before, after)
\u2013 a function that outputsspecified attribute value concatenated with before
and after
strings. If attribute doesn't exists, the empty string will be returned.node
\u2013 current node (instance of AbbreviationNode
)name
\u2013 name of current tagpadding
\u2013 current string padding, can be used for formattingcomment
filter is applied. For more info, read description of filter.commentAfter
property");b.define("filter.commentTrigger","id, class","A comma-separated list of attribute names that should exist in abbreviatoin where comment should be added. If you wish to add comment for every element, set this option to *
");e("filters").add("c",function(c){var a=
+d.template(b.get("filter.commentBefore")),e=d.template(b.get("filter.commentAfter"));return i(c,a,e)})});emmet.exec(function(e,d){function h(b){return b.replace(/([<>&])/g,function(b,a){return i[a]})}var i={"<":"<",">":">","&":"&"};e("filters").add("e",function c(a){d.each(a.children,function(a){a.start=h(a.start);a.end=h(a.end);a.content=h(a.content);c(a)});return a})});
+emmet.exec(function(e,d){function h(a){return a.parent&&!a.parent.parent&&!a.index()}function i(a,c){var d=e("abbreviationUtils");return c.tag_nl===!0||d.isBlock(a)?!0:!a.parent||!c.inline_break?!1:b(a.parent,c)}function b(a,b){var c=0,h=e("abbreviationUtils");return!!d.find(a.children,function(a){a.isTextNode()||!h.isInline(a)?c=0:h.isInline(a)&&c++;if(c>=b.inline_break)return!0})}function c(a,c){var h=e("abbreviationUtils");return!d.any(a.children,function(a){return h.isSnippet(a)?!1:!h.isInline(a)})?
+b(a,c):!0}var a=e("preferences");a.define("format.noIndentTags","html","A comma-separated list of tag names that should not get inner indentation.");a.define("format.forceIndentationForTags","body","A comma-separated list of tag names that should always get inner indentation.");e("filters").add("_format",function f(b,l,n){var n=n||0,m=e("abbreviationUtils");d.each(b.children,function(b){if(m.isSnippet(b)){if(b.start=b.end="",!h(b)&&l.tag_nl!==!1&&i(b,l)&&(!b.parent.parent||!e("abbreviationUtils").isInline(b.parent)))b.start=
+e("utils").getNewline()+b.start}else{b.start=b.end="%s";var j=e("utils"),r=e("abbreviationUtils"),q=r.isUnary(b),j=j.getNewline(),u=d.include(a.getArray("format.noIndentTags")||[],b.name())?"":e("resources").getVariable("indentation");if(l.tag_nl!==!1){var s=l.tag_nl===!0&&(l.tag_nl_leaf||b.children.length);s||(s=d.include(a.getArray("format.forceIndentationForTags")||[],b.name()));if(!b.isTextNode()){if(i(b,l)){if(!h(b)&&(!r.isSnippet(b.parent)||b.index()))b.start=j+b.start;if(r.hasBlockChildren(b)||
+b.children.length&&i(b.children[0],l)||s&&!q)b.end=j+b.end;if(r.hasTagsInContent(b)||s&&!b.children.length&&!q)b.start+=j+u}else if(r.isInline(b)&&b.parent&&e("abbreviationUtils").hasBlockChildren(b.parent)&&!h(b))b.start=j+b.start;else if(r.isInline(b)&&c(b,l))b.end=j+b.end;b.padding=u}}}f(b,l,n+1)});return b})});
+emmet.exec(function(e,d){function h(h,b){var c="",a=[],g=b.attributeQuote(),f=b.cursor();d.each(h.attributeList(),function(d){var h=b.attributeName(d.name);switch(h.toLowerCase()){case "id":c+="#"+(d.value||f);break;case "class":c+="."+e("utils").trim(d.value||f).replace(/\s+/g,".");break;default:a.push(":"+h+" => "+g+(d.value||f)+g)}});a.length&&(c+="{"+a.join(", ")+"}");return c}e("filters").add("haml",function b(c,a,g){var g=g||0,f=e("abbreviationUtils");g||(c=e("filters").apply(c,"_format",a));
+d.each(c.children,function(c){if(!f.isSnippet(c)&&c.parent){var d=e("abbreviationUtils"),n=e("utils"),m=h(c,a),o=a.cursor(),d=d.isUnary(c),p=a.self_closing_tag&&d?"/":"",r="",r="%"+a.tagName(c.name());r.toLowerCase()=="%div"&&m&&m.indexOf("{")==-1&&(r="");c.end="";c.start=n.replaceSubstring(c.start,r+m+p+" ",c.start.indexOf("%s"),"%s");!c.children.length&&!d&&(c.start+=o)}b(c,a,g+1)});return c})});
+emmet.exec(function(e,d){function h(e,b){var c=b.attributeQuote(),a=b.cursor();return d.map(e.attributeList(),function(d){return" "+b.attributeName(d.name)+"="+c+(d.value||a)+c}).join("")}e("filters").add("html",function b(c,a,g){var g=g||0,f=e("abbreviationUtils");g||(c=e("filters").apply(c,"_format",a));d.each(c.children,function(c){if(!f.isSnippet(c)&&c.parent){var d=e("abbreviationUtils"),n=e("utils"),m=h(c,a),o=a.cursor(),d=d.isUnary(c),p="",r="";if(!c.isTextNode()){var q=a.tagName(c.name());
+d?(p="<"+q+m+a.selfClosing()+">",c.end=""):(p="<"+q+m+">",r=""+q+">")}c.start=n.replaceSubstring(c.start,p,c.start.indexOf("%s"),"%s");c.end=n.replaceSubstring(c.end,r,c.end.indexOf("%s"),"%s");!c.children.length&&!d&&!~c.content.indexOf(o)&&!e("tabStops").extract(c.content).tabstops.length&&(c.start+=o)}b(c,a,g+1)});return c})});
+emmet.exec(function(e,d){var h=/^\s+/,i=/[\n\r]/g;e("filters").add("s",function c(a){var g=e("abbreviationUtils");d.each(a.children,function(a){if(!g.isSnippet(a))a.start=a.start.replace(h,""),a.end=a.end.replace(h,"");a.start=a.start.replace(i,"");a.end=a.end.replace(i,"");a.content=a.content.replace(i,"");c(a)});return a})});
+emmet.exec(function(e,d){function h(e,b){d.each(e.children,function(c){if(c.content)c.content=c.content.replace(b,"");h(c,b)});return e}e("preferences").define("filter.trimRegexp","[\\s|\\u00a0]*[\\d|#|\\-|*|\\u2022]+\\.?\\s*","Regular expression used to remove list markers (numbers, dashes, bullets, etc.) in t
(trim) filter. The trim filter is useful for wrapping with abbreviation lists, pased from other documents (for example, Word documents).");e("filters").add("t",function(d){var b=
+RegExp(e("preferences").get("filter.trimRegexp"));return h(d,b)})});emmet.exec(function(e,d){var h={"xsl:variable":1,"xsl:with-param":1};e("filters").add("xsl",function b(c){var a=e("abbreviationUtils");d.each(c.children,function(c){if(!a.isSnippet(c)&&(c.name()||"").toLowerCase()in h&&c.children.length)c.start=c.start.replace(/\s+select\s*=\s*(['"]).*?\1/,"");b(c)});return c})});
+emmet.define("lorem",function(e,d){function h(a,b){return Math.round(Math.random()*(b-a)+a)}function i(a,b){for(var c=a.length,e=Math.min(c,b),g=[];g.length