Skip to content

Rename cssString to cssText (fixes #104) #108

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Jan 30, 2016
Merged

Rename cssString to cssText (fixes #104) #108

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
20 changes: 10 additions & 10 deletions css-typed-om/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,14 +40,14 @@ Issue: is it possible to amalgamate this API with value objects once they're spe

<pre class='idl'>
interface StyleValue {
attribute DOMString cssString;
attribute DOMString cssText;
static (StyleValue or sequence&lt;StyleValue>)? parse(DOMString property, DOMString cssText);
};
</pre>

{{StyleValue}} objects are the base class of all CSS Values accessible via the Typed OM API.

The <dfn attribute for=StyleValue>cssString</dfn> attribute provides a normalized
The <dfn attribute for=StyleValue>cssText</dfn> attribute provides a normalized
representation (see <a section href="#stylevalue-normalization"></a>) of the value
contained by a {{StyleValue}} object.

Expand Down Expand Up @@ -229,7 +229,7 @@ keyword for a particular property. Property setters are required to enforce keyw
----------------------------------------------

<pre class='idl'>
[Constructor(double), Constructor(DOMString cssString)]
[Constructor(double), Constructor(DOMString cssText)]
interface NumberValue : StyleValue {
attribute double value;
};
Expand Down Expand Up @@ -303,12 +303,12 @@ interface LengthValue : StyleValue {
LengthValue subtract(LengthValue value); // can throw
LengthValue multiply(double value); // can throw
LengthValue divide(double value); // can throw
static LengthValue parse(DOMString cssString);
static LengthValue parse(DOMString cssText);
static LengthValue fromValue(double value, LengthType type);
static LengthValue fromDictionary(CalcDictionary dictionary);
};

[Constructor(DOMString cssString),
[Constructor(DOMString cssText),
Constructor(LengthValue),
Constructor(CalcDictionary)
]
Expand All @@ -332,7 +332,7 @@ interface CalcLength : LengthValue {
};

// lengths that are *just* keywords don't become SimpleLengths or CalcLengths.
[Constructor(DOMString cssString),
[Constructor(DOMString cssText),
Constructor(LengthValue),
Constructor(double value, LengthType type)]
interface SimpleLength : LengthValue {
Expand Down Expand Up @@ -364,7 +364,7 @@ interface TransformValue : StyleValue {
};

interface TransformComponent {
readonly attribute DOMString cssString;
readonly attribute DOMString cssText;
boolean is2DComponent();
Matrix asMatrix();
};
Expand Down Expand Up @@ -500,14 +500,14 @@ from the top edge of the container, expressed as a length.

Note that <<position>> productions accept a complicated combination of keywords
and values. When specified as such in a stylesheet or via the untyped CSSOM,
the <a attribute for=StyleValue>cssString</a> attribute will contain the specified
the <a attribute for=StyleValue>cssText</a> attribute will contain the specified
string. However, this string is normalized as two Lengths into the <a attribute
for=PositionValue>x</a> and <a attribute for=PositionValue>y</a> values of the
{{StyleValue}} object.

New {{PositionValue}} objects can only be constructed via pairs of lengths, and
will only return the direct serialization of these lengths in the
<a attribute for=StyleValue>cssString</a> attribute.
<a attribute for=StyleValue>cssText</a> attribute.

<div class='example'>

Expand All @@ -523,7 +523,7 @@ Will produce the following behavior:

<pre class='lang-javascript'>
// "center bottom 10px"
document.querySelector('.example').styleMap.get('background-position').cssString;
document.querySelector('.example').styleMap.get('background-position').cssText;

// 50% - as a SimpleLength
document.querySelector('.example').styleMap.get('background-position').x;
Expand Down