mirror of
https://github.com/danog/sass-site.git
synced 2025-01-08 14:08:45 +01:00
163 lines
9.2 KiB
HTML
163 lines
9.2 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<title>
|
|
Module: Sass::Tree
|
|
|
|
— Documentation by YARD 0.9.12
|
|
|
|
</title>
|
|
|
|
<link rel="stylesheet" href="../css/style.css" type="text/css" charset="utf-8" />
|
|
|
|
<link rel="stylesheet" href="../../assets/css/docs.css" type="text/css" charset="utf-8" />
|
|
|
|
<script type="text/javascript" charset="utf-8">
|
|
hasFrames = window.top.frames.main ? true : false;
|
|
relpath = '../';
|
|
framesUrl = "../frames.html#!Sass/Tree.html";
|
|
</script>
|
|
|
|
|
|
<script type="text/javascript" charset="utf-8" src="../js/jquery.js"></script>
|
|
|
|
<script type="text/javascript" charset="utf-8" src="../js/app.js"></script>
|
|
|
|
|
|
</head>
|
|
<body>
|
|
<div id="header">
|
|
<div id="menu">
|
|
|
|
<a href="../_index.html">Index (T)</a> »
|
|
<span class='title'><span class='object_link'><a href="../Sass.html" title="Sass (module)">Sass</a></span></span>
|
|
»
|
|
<span class="title">Tree</span>
|
|
|
|
|
|
<div class="noframes"><span class="title">(</span><a href="." target="_top">no frames</a><span class="title">)</span></div>
|
|
</div>
|
|
|
|
<div id="search">
|
|
|
|
<a class="full_list_link" id="class_list_link"
|
|
href="../class_list.html">
|
|
Class List
|
|
</a>
|
|
|
|
<a class="full_list_link" id="method_list_link"
|
|
href="../method_list.html">
|
|
Method List
|
|
</a>
|
|
|
|
<a class="full_list_link" id="file_list_link"
|
|
href="../file_list.html">
|
|
File List
|
|
</a>
|
|
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
|
|
<iframe id="search_frame"></iframe>
|
|
|
|
<div id="content"><h1>Module: Sass::Tree
|
|
|
|
|
|
|
|
</h1>
|
|
|
|
<dl class="box">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<dt class="r1 last">Defined in:</dt>
|
|
<dd class="r1 last">.ruby-sass/lib/sass/tree/node.rb<span class="defines">,<br />
|
|
.ruby-sass/lib/sass/tree/at_root_node.rb,<br /> .ruby-sass/lib/sass/tree/charset_node.rb,<br /> .ruby-sass/lib/sass/tree/comment_node.rb,<br /> .ruby-sass/lib/sass/tree/content_node.rb,<br /> .ruby-sass/lib/sass/tree/css_import_node.rb,<br /> .ruby-sass/lib/sass/tree/debug_node.rb,<br /> .ruby-sass/lib/sass/tree/directive_node.rb,<br /> .ruby-sass/lib/sass/tree/each_node.rb,<br /> .ruby-sass/lib/sass/tree/error_node.rb,<br /> .ruby-sass/lib/sass/tree/extend_node.rb,<br /> .ruby-sass/lib/sass/tree/for_node.rb,<br /> .ruby-sass/lib/sass/tree/function_node.rb,<br /> .ruby-sass/lib/sass/tree/if_node.rb,<br /> .ruby-sass/lib/sass/tree/import_node.rb,<br /> .ruby-sass/lib/sass/tree/keyframe_rule_node.rb,<br /> .ruby-sass/lib/sass/tree/media_node.rb,<br /> .ruby-sass/lib/sass/tree/mixin_def_node.rb,<br /> .ruby-sass/lib/sass/tree/mixin_node.rb,<br /> .ruby-sass/lib/sass/tree/prop_node.rb,<br /> .ruby-sass/lib/sass/tree/return_node.rb,<br /> .ruby-sass/lib/sass/tree/root_node.rb,<br /> .ruby-sass/lib/sass/tree/rule_node.rb,<br /> .ruby-sass/lib/sass/tree/supports_node.rb,<br /> .ruby-sass/lib/sass/tree/trace_node.rb,<br /> .ruby-sass/lib/sass/tree/variable_node.rb,<br /> .ruby-sass/lib/sass/tree/warn_node.rb,<br /> .ruby-sass/lib/sass/tree/while_node.rb</span>
|
|
</dd>
|
|
|
|
</dl>
|
|
<div class="clear"></div>
|
|
|
|
<h2>Overview</h2><div class="docstring">
|
|
<div class="discussion">
|
|
|
|
<p>A namespace for nodes in the Sass parse tree.</p>
|
|
|
|
<p>The Sass parse tree has three states: dynamic, static Sass, and static CSS.</p>
|
|
|
|
<p>When it's first parsed, a Sass document is in the dynamic state. It has
|
|
nodes for mixin definitions and `@for` loops and so forth, in addition to
|
|
nodes for CSS rules and properties. Nodes that only appear in this state
|
|
are called **dynamic nodes**.</p>
|
|
|
|
<p><span class='object_link'><a href="Tree/Visitors/Perform.html" title="Sass::Tree::Visitors::Perform (class)">Visitors::Perform</a></span> creates a static Sass tree, which is different.
|
|
It still has nodes for CSS rules and properties but it doesn't have any
|
|
dynamic-generation-related nodes. The nodes in this state are in a similar
|
|
structure to the Sass document: rules and properties are nested beneath one
|
|
another, although the <span class='object_link'><a href="Tree/RuleNode.html" title="Sass::Tree::RuleNode (class)">RuleNode</a></span> selectors are already in their final
|
|
state. Nodes that can be in this state or in the dynamic state are called
|
|
**static nodes**; nodes that can only be in this state are called **solely
|
|
static nodes**.</p>
|
|
|
|
<p><span class='object_link'><a href="Tree/Visitors/Cssize.html" title="Sass::Tree::Visitors::Cssize (class)">Visitors::Cssize</a></span> is then used to create a static CSS tree. This is
|
|
like a static Sass tree, but the structure exactly mirrors that of the
|
|
generated CSS. Rules and properties can't be nested beneath one another
|
|
in this state.</p>
|
|
|
|
<p>Finally, <span class='object_link'><a href="Tree/Visitors/ToCss.html" title="Sass::Tree::Visitors::ToCss (class)">Visitors::ToCss</a></span> can be called on a static CSS tree to get
|
|
the actual CSS code as a string.</p>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div class="tags">
|
|
|
|
|
|
</div><h2>Defined Under Namespace</h2>
|
|
<p class="children">
|
|
|
|
|
|
<strong class="modules">Modules:</strong> <span class='object_link'><a href="Tree/Visitors.html" title="Sass::Tree::Visitors (module)">Visitors</a></span>
|
|
|
|
|
|
|
|
<strong class="classes">Classes:</strong> <span class='object_link'><a href="Tree/AtRootNode.html" title="Sass::Tree::AtRootNode (class)">AtRootNode</a></span>, <span class='object_link'><a href="Tree/CharsetNode.html" title="Sass::Tree::CharsetNode (class)">CharsetNode</a></span>, <span class='object_link'><a href="Tree/CommentNode.html" title="Sass::Tree::CommentNode (class)">CommentNode</a></span>, <span class='object_link'><a href="Tree/ContentNode.html" title="Sass::Tree::ContentNode (class)">ContentNode</a></span>, <span class='object_link'><a href="Tree/CssImportNode.html" title="Sass::Tree::CssImportNode (class)">CssImportNode</a></span>, <span class='object_link'><a href="Tree/DebugNode.html" title="Sass::Tree::DebugNode (class)">DebugNode</a></span>, <span class='object_link'><a href="Tree/DirectiveNode.html" title="Sass::Tree::DirectiveNode (class)">DirectiveNode</a></span>, <span class='object_link'><a href="Tree/EachNode.html" title="Sass::Tree::EachNode (class)">EachNode</a></span>, <span class='object_link'><a href="Tree/ErrorNode.html" title="Sass::Tree::ErrorNode (class)">ErrorNode</a></span>, <span class='object_link'><a href="Tree/ExtendNode.html" title="Sass::Tree::ExtendNode (class)">ExtendNode</a></span>, <span class='object_link'><a href="Tree/ForNode.html" title="Sass::Tree::ForNode (class)">ForNode</a></span>, <span class='object_link'><a href="Tree/FunctionNode.html" title="Sass::Tree::FunctionNode (class)">FunctionNode</a></span>, <span class='object_link'><a href="Tree/IfNode.html" title="Sass::Tree::IfNode (class)">IfNode</a></span>, <span class='object_link'><a href="Tree/ImportNode.html" title="Sass::Tree::ImportNode (class)">ImportNode</a></span>, <span class='object_link'><a href="Tree/KeyframeRuleNode.html" title="Sass::Tree::KeyframeRuleNode (class)">KeyframeRuleNode</a></span>, <span class='object_link'><a href="Tree/MediaNode.html" title="Sass::Tree::MediaNode (class)">MediaNode</a></span>, <span class='object_link'><a href="Tree/MixinDefNode.html" title="Sass::Tree::MixinDefNode (class)">MixinDefNode</a></span>, <span class='object_link'><a href="Tree/MixinNode.html" title="Sass::Tree::MixinNode (class)">MixinNode</a></span>, <span class='object_link'><a href="Tree/Node.html" title="Sass::Tree::Node (class)">Node</a></span>, <span class='object_link'><a href="Tree/PropNode.html" title="Sass::Tree::PropNode (class)">PropNode</a></span>, <span class='object_link'><a href="Tree/ReturnNode.html" title="Sass::Tree::ReturnNode (class)">ReturnNode</a></span>, <span class='object_link'><a href="Tree/RootNode.html" title="Sass::Tree::RootNode (class)">RootNode</a></span>, <span class='object_link'><a href="Tree/RuleNode.html" title="Sass::Tree::RuleNode (class)">RuleNode</a></span>, <span class='object_link'><a href="Tree/SupportsNode.html" title="Sass::Tree::SupportsNode (class)">SupportsNode</a></span>, <span class='object_link'><a href="Tree/TraceNode.html" title="Sass::Tree::TraceNode (class)">TraceNode</a></span>, <span class='object_link'><a href="Tree/VariableNode.html" title="Sass::Tree::VariableNode (class)">VariableNode</a></span>, <span class='object_link'><a href="Tree/WarnNode.html" title="Sass::Tree::WarnNode (class)">WarnNode</a></span>, <span class='object_link'><a href="Tree/WhileNode.html" title="Sass::Tree::WhileNode (class)">WhileNode</a></span>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div id="footer">
|
|
Generated on Mon Oct 22 13:20:50 2018 by
|
|
<a href="http://yardoc.org" title="Yay! A Ruby Documentation Tool" target="_parent">yard</a>
|
|
0.9.12 (ruby-2.5.3).
|
|
</div>
|
|
<script>
|
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
|
|
|
ga('create', 'UA-535380-14', 'sass-lang.com');
|
|
ga('send', 'pageview');
|
|
</script>
|
|
|
|
</body>
|
|
</html> |