summaryrefslogtreecommitdiff
path: root/README.rst
diff options
context:
space:
mode:
authorGerman M. Bravo <german.mb@deipi.com>2011-02-18 20:42:54 -0600
committerGerman M. Bravo <german.mb@deipi.com>2011-02-18 20:42:54 -0600
commit12020078cd749260b04f408eb0bfda830a9159fe (patch)
tree3d7ea8372418a2dce3c9f8fc570d9168b29ce798 /README.rst
parent65c1cb4c1ae9d6f058708217a10399d90e480481 (diff)
downloadpyscss-12020078cd749260b04f408eb0bfda830a9159fe.tar.gz
Interactive mode added
Diffstat (limited to 'README.rst')
-rw-r--r--README.rst69
1 files changed, 45 insertions, 24 deletions
diff --git a/README.rst b/README.rst
index 39d91df..feb6d82 100644
--- a/README.rst
+++ b/README.rst
@@ -18,20 +18,6 @@ structure but it's been completely rewritten, many bugs have been fixed and it
has been extensively extended to support almost the full range of Sass' Scss
syntax and functionality.
-Benchmarks
-==========
- pyScss has been optimized for speed. Compiling **Compass 0.11.beta.2**
- (`compass/doc-src/content/stylesheets/screen.scss`)
-
- ...using **Sass 3.1.0.alpha.221**::
-
- Compilation took 2.683s (w/o cache)
- Compilation took 1.35s (cached)
-
- ...using **pyScss 1.0 beta**::
-
- Compilation took 0.614s
-
Support
========
pyScss has most of the funcitonality in Sass 3.2 ...it supports:
@@ -64,6 +50,10 @@ Or compile from the command line::
python scss.py < file.scss
+Interactive mode::
+
+ python scss.py -i
+
Examples
========
#. **Nested Rules**
@@ -72,10 +62,10 @@ Examples
@options compress: no;
.selector {
a {
- display: block;
+ display: block;
}
strong {
- color: blue;
+ color: blue;
}
}
@@ -94,7 +84,7 @@ Examples
@options compress: no;
$main-color: #ce4dd6;
$style: solid;
- $side: bottom;
+ $side: bottom;
#navbar {
border-#{$side}: {
color: $main-color;
@@ -197,21 +187,38 @@ Examples
...generates a new sprite file and produces something like::
div {
- background: url('/media/assets/eli2Rxy5MXpWj4uWPAHn5w.png?_=1297402328') 0 0 no-repeat;
+ background: url('/media/assets/eli2Rxy5MXpWj4uWPAHn5w.png?_=1297402328') 0 0 no-repeat;
}
div .facebook {
- width: 32px;
- height: 32px;
- background-position: -128px 0;
+ width: 32px;
+ height: 32px;
+ background-position: -128px 0;
}
div .twitter {
width: 32px;
- height: 32px;
- background-position: -224px 0;
+ height: 32px;
+ background-position: -224px 0;
}
+::
+#. **Interactive mode**
+ Example::
+
+ $ python scss.py -i
+ >>> @import compass/css
+ >>> dir(mixins)
+ ['apply-origin',
+ 'apply-transform',
+ ...
+ 'transparent']
+ >>> dir(mixins, transparent)
+ @mixin transparent() {
+ @include opacity(0);
+ }
+ >>> _
+
Sass Sassy CSS
==============
pyScss is a Scss (Sass) implementation for Python.
@@ -234,7 +241,7 @@ following `myfile.css`::
$blueprint-grid-columns : 24;
$blueprint-grid-width : 30px;
$blueprint-grid-margin : 10px;
- $font-color : #333;
+ $font-color : #333;
@import "compass/reset";
@import "compass/utilities";
@@ -242,6 +249,20 @@ following `myfile.css`::
// Stuff goes here...
+Benchmarks
+==========
+ pyScss has been optimized for speed. Compiling **Compass 0.11.beta.2**
+ (`compass/doc-src/content/stylesheets/screen.scss`)
+
+ ...using **Sass 3.1.0.alpha.221**::
+
+ Compilation took 2.683s (w/o cache)
+ Compilation took 1.35s (cached)
+
+ ...using **pyScss 1.0 beta**::
+
+ Compilation took 0.614s
+
License
=======
MIT License. See *LICENSE* for details.