Skip to content
This repository has been archived by the owner on Feb 23, 2022. It is now read-only.

Remove broken escaping from the Readme #134

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Remove broken escaping from the Readme #134

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
68 changes: 34 additions & 34 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -359,7 +359,7 @@ style declarations. For example, if you ran Closure Stylesheets on
Then you would get the following output:

```
Unknown function \"urel\" in linting-example.gss at line 4 column 21:
Unknown function "urel" in linting-example.gss at line 4 column 21:
background-image: urel('http://www.google.com/images/logo_sm.gif');
^

Expand Down Expand Up @@ -448,7 +448,7 @@ You can whitelist `-webkit-amp-volume` with the
**`--allowed-unrecognized-property`** flag as follows:

```
java -jar closure-stylesheets.jar \\
java -jar closure-stylesheets.jar \
--allowed-unrecognized-property -webkit-amp-volume bleeding-edge.gss
```

Expand Down Expand Up @@ -544,9 +544,9 @@ the
* @param title
*/
{template .dialog}
<div class=\"{css('dialog-content')}\">
<div class=\"{css('dialog-title')}\">{$title}</title>
{call .content data=\"all\" /}
<div class="{css('dialog-content')}">
<div class="{css('dialog-title')}">{$title}</title>
{call .content data="all" /}
</div>
{/template}
```
Expand All @@ -558,11 +558,11 @@ the above were named **`dialog.soy`**, then the following command would be used
to create **`dialog.soy.js`**:

```
java -jar SoyToJsSrcCompiler.jar \\
--shouldProvideRequireSoyNamespaces \\
--codeStyle concat \\
--cssHandlingScheme GOOG \\
--outputPathFormat '{INPUT_FILE_NAME_NO_EXT}.soy.js' \\
java -jar SoyToJsSrcCompiler.jar \
--shouldProvideRequireSoyNamespaces \
--codeStyle concat \
--cssHandlingScheme GOOG \
--outputPathFormat '{INPUT_FILE_NAME_NO_EXT}.soy.js' \
dialog.soy
```

Expand All @@ -579,8 +579,8 @@ goog.require('example');


example.dialog = function(opt_data) {
return '<div class=\"' + goog.getCssName('dialog-content') + '\"><div class=\"' +
goog.getCssName('dialog-title') + '\">' + soy.$$escapeHtml(opt_data.title) +
return '<div class="' + goog.getCssName('dialog-content') + '"><div class="' +
goog.getCssName('dialog-title') + '">' + soy.$$escapeHtml(opt_data.title) +
'</title>' + example.content(opt_data) + '</div>';
};
```
Expand Down Expand Up @@ -613,12 +613,12 @@ Then you would run the following command to generate a stylesheet
JavaScript file (**`renaming_map.js`**):

```
java -jar closure-stylesheets.jar \\
--pretty-print \\
--output-file dialog.css \\
--output-renaming-map-format CLOSURE_UNCOMPILED \\
--rename CLOSURE \\
--output-renaming-map renaming_map.js \\
java -jar closure-stylesheets.jar \
--pretty-print \
--output-file dialog.css \
--output-renaming-map-format CLOSURE_UNCOMPILED \
--rename CLOSURE \
--output-renaming-map renaming_map.js \
dialog.gss
```

Expand All @@ -637,9 +637,9 @@ while the generated **`renaming_map.js`** would be:

```javascript
CLOSURE_CSS_NAME_MAPPING = {
\"dialog\": \"a\",
\"content\": \"b\",
\"title\": \"c\"
"dialog": "a",
"content": "b",
"title": "c"
};
```

Expand All @@ -650,12 +650,12 @@ generated stylesheet with renamed class names as well as the renaming map:
<!doctype html>
<html>
<head>
<link rel=\"stylesheet\" href=\"dialog.css\" type=\"text/css\">
<link rel="stylesheet" href="dialog.css" type="text/css">
</head>
<body>

<script src=\"renaming_map.js\"></script>
<script src=\"path/to/base.js\"></script>
<script src="renaming_map.js"></script>
<script src="path/to/base.js"></script>
<script>
goog.require('example');
</script>
Expand Down Expand Up @@ -684,22 +684,22 @@ appropriate renaming map with Closure Stylesheets, use **`CLOSURE_COMPILED`** as
the argument to **`--output-renaming-map-format`**:

```
java -jar closure-stylesheets.jar \\
--pretty-print \\
--output-file dialog.css \\
--output-renaming-map-format CLOSURE_COMPILED \\
--rename CLOSURE \\
--output-renaming-map renaming_map.js \\
java -jar closure-stylesheets.jar \
--pretty-print \
--output-file dialog.css \
--output-renaming-map-format CLOSURE_COMPILED \
--rename CLOSURE \
--output-renaming-map renaming_map.js \
dialog.gss
```

This yields the following content for **`renaming_map.js`**:

```javascript
goog.setCssNameMapping({
\"dialog\": \"a\",
\"content\": \"b\",
\"title\": \"c\"
"dialog": "a",
"content": "b",
"title": "c"
});
```

Expand All @@ -715,7 +715,7 @@ If passed to the Closure Compiler in SIMPLE mode along with
compilation:

```javascript
var element = goog.dom.getElementByClass(\"a-b\");
var element = goog.dom.getElementByClass("a-b");
```

This achieves the goal of reducing both CSS and JS file sizes without changing
Expand Down