{"id":48,"date":"2024-01-28T20:30:44","date_gmt":"2024-01-28T20:30:44","guid":{"rendered":"http:\/\/development.abcplayers.org\/index.php\/css\/gss\/"},"modified":"2024-01-28T20:30:44","modified_gmt":"2024-01-28T20:30:44","slug":"gss","status":"publish","type":"page","link":"https:\/\/development.abcplayers.org\/index.php\/css\/gss\/","title":{"rendered":"CodeMirror: Closure Stylesheets (GSS) mode"},"content":{"rendered":"<p><body><\/p>\n<div id=\"nav\">\n  <a href=\"http:\/\/codemirror.net\"><\/p>\n<h1>CodeMirror<\/h1>\n<p><img decoding=\"async\" id=\"logo\" src=\"..\/..\/doc\/logo.png\"\/><\/a><\/p>\n<ul>\n<li><a href=\"..\/..\/index.html\">Home<\/a>\n    <\/li>\n<li><a href=\"..\/..\/doc\/manual.html\">Manual<\/a>\n    <\/li>\n<li><a href=\"https:\/\/github.com\/codemirror\/codemirror\">Code<\/a>\n  <\/li>\n<\/ul>\n<ul>\n<li><a href=\"..\/index.html\">Language modes<\/a>\n    <\/li>\n<li><a class=\"active\" href=\"#\">Closure Stylesheets (GSS)<\/a>\n  <\/li>\n<\/ul>\n<\/div>\n<article>\n<h2>Closure Stylesheets (GSS) mode<\/h2>\n<form><textarea id=\"code\" name=\"code\"><br \/>\n\/* Some example Closure Stylesheets *\/<\/p>\n<p>@provide &#8216;some.styles&#8217;;<\/p>\n<p>@require &#8216;other.styles&#8217;;<\/p>\n<p>@component {<\/p>\n<p>@def FONT_FAMILY           &#8220;Times New Roman&#8221;, Georgia, Serif;<br \/>\n@def FONT_SIZE_NORMAL      15px;<br \/>\n@def FONT_NORMAL           normal FONT_SIZE_NORMAL FONT_FAMILY;<\/p>\n<p>@def BG_COLOR              rgb(235, 239, 249);<\/p>\n<p>@def DIALOG_BORDER_COLOR   rgb(107, 144, 218);<br \/>\n@def DIALOG_BG_COLOR       BG_COLOR;<\/p>\n<p>@def LEFT_HAND_NAV_WIDTH    180px;<br \/>\n@def LEFT_HAND_NAV_PADDING  3px;<\/p>\n<p>@defmixin size(WIDTH, HEIGHT) {<br \/>\n  width: WIDTH;<br \/>\n  height: HEIGHT;<br \/>\n}<\/p>\n<p>body {<br \/>\n  background-color: BG_COLOR;<br \/>\n  margin: 0;<br \/>\n  padding: 3em 6em;<br \/>\n  font: FONT_NORMAL;<br \/>\n  color: #000;<br \/>\n}<\/p>\n<p>#navigation a {<br \/>\n  font-weight: bold;<br \/>\n  text-decoration: none !important;<br \/>\n}<\/p>\n<p>.dialog {<br \/>\n  background-color: DIALOG_BG_COLOR;<br \/>\n  border: 1px solid DIALOG_BORDER_COLOR;<br \/>\n}<\/p>\n<p>.content {<br \/>\n  position: absolute;<br \/>\n  margin-left: add(LEFT_HAND_NAV_PADDING,  \/* padding left *\/<br \/>\n                   LEFT_HAND_NAV_WIDTH,<br \/>\n                   LEFT_HAND_NAV_PADDING); \/* padding right *\/<\/p>\n<p>}<\/p>\n<p>.logo {<br \/>\n  @mixin size(150px, 55px);<br \/>\n  background-image: url(&#8216;http:\/\/www.google.com\/images\/logo_sm.gif&#8217;);<br \/>\n}<\/p>\n<p>}<br \/>\n<\/textarea><\/form>\n<p>    <script><![CDATA[\n      var editor = CodeMirror.fromTextArea(document.getElementById(\"code\"), {\n        extraKeys: {\"Ctrl-Space\": \"autocomplete\"},\n        lineNumbers: true,\n        matchBrackets: \"text\/x-less\",\n        mode: \"text\/x-gss\"\n      });\n    ]]><\/script><\/p>\n<p>A mode for <a href=\"https:\/\/github.com\/google\/closure-stylesheets\">Closure Stylesheets<\/a> (GSS).<\/p>\n<p><strong>MIME type defined:<\/strong> <code>text\/x-gss<\/code>.<\/p>\n<p><strong>Parsing\/Highlighting Tests:<\/strong> <a href=\"..\/..\/test\/index.html#gss_*\">normal<\/a>,  <a href=\"..\/..\/test\/index.html#verbose,gss_*\">verbose<\/a>.<\/p>\n<\/article>\n<p><\/body><\/p>\n","protected":false},"excerpt":{"rendered":"<p>CodeMirror Home Manual Code Language modes Closure Stylesheets (GSS) Closure Stylesheets (GSS) mode \/* Some example Closure Stylesheets *\/ @provide &#8216;some.styles&#8217;; @require &#8216;other.styles&#8217;; @component { @def FONT_FAMILY &#8220;Times New Roman&#8221;, Georgia, Serif; @def FONT_SIZE_NORMAL 15px; @def FONT_NORMAL normal FONT_SIZE_NORMAL FONT_FAMILY; @def BG_COLOR rgb(235, 239, 249); @def DIALOG_BORDER_COLOR rgb(107, 144, 218); @def DIALOG_BG_COLOR BG_COLOR; @def LEFT_HAND_NAV_WIDTH [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":47,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-48","page","type-page","status-publish","hentry","post"],"_links":{"self":[{"href":"https:\/\/development.abcplayers.org\/index.php\/wp-json\/wp\/v2\/pages\/48","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/development.abcplayers.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/development.abcplayers.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/development.abcplayers.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/development.abcplayers.org\/index.php\/wp-json\/wp\/v2\/comments?post=48"}],"version-history":[{"count":0,"href":"https:\/\/development.abcplayers.org\/index.php\/wp-json\/wp\/v2\/pages\/48\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/development.abcplayers.org\/index.php\/wp-json\/wp\/v2\/pages\/47"}],"wp:attachment":[{"href":"https:\/\/development.abcplayers.org\/index.php\/wp-json\/wp\/v2\/media?parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}