Added PNG assets

henrypoydar · Aug 21, 2009 · f0712ba · f0712ba
1 parent 6e6ecfd
commit f0712ba
Show file tree

Hide file tree

Showing 29 changed files with 38 additions and 17 deletions.
diff --git a/.gitignore b/.gitignore
@@ -2,3 +2,4 @@
 pkg/
 *.html$
 .sass-cache
+.DS_Store
diff --git a/README.md b/README.md
@@ -11,7 +11,7 @@ To add the plugin to an existing Compass project:
     cd <compass_project_name>
     compass -f aristo -p project .
 
-And add the following line to the top of the `config.rb` file created by compass:
+And add the following line to the top of the `config.rb` file created by Compass:
 
     require 'aristo'
 

diff --git a/examples/aristo/index.html b/examples/aristo/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta content='text/html; charset=utf-8' http-equiv='Content-Type' />
     <title>
-      Aristo Compass plugin test page
+      Aristo
     </title>
     <link href='stylesheets/screen.css' media='screen, projection' rel='stylesheet' type='text/css' />
   </head>
@@ -162,17 +162,31 @@ <h2>
       <h2>
         Scrollbars
       </h2>
-      <div class='span-8 push-8' style='overflow: scroll; height: 300px'></div>
+      <div class='span-8 push-8' style='overflow: scroll; height: 300px;'>
+        <p class='span-16'>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ut tincidunt augue. Nunc placerat, libero eu lobortis mollis, mi lectus tristique metus, vel tincidunt nibh est sed odio. Donec euismod ultricies est, nec porta ipsum dictum sit amet. Suspendisse lacus purus, ullamcorper eget rutrum ut, laoreet vitae velit. Nam in leo eu nisi congue sagittis sed sed nisi. Sed ultricies luctus justo. Pellentesque orci arcu, vulputate vel dapibus non, posuere a orci. Suspendisse quis massa magna. Suspendisse potenti. Fusce placerat tempor purus id euismod. Praesent et turpis nisl, in pellentesque nisl. Nam vulputate justo tristique turpis tincidunt id dictum orci aliquet.
+        </p>
+        <p class='span-16'>
+          Phasellus laoreet justo non libero lacinia fermentum commodo felis ornare. Quisque in est quis turpis venenatis gravida. Nullam eu enim quis mauris ultricies sollicitudin. Nunc convallis ante et massa condimentum nec interdum nibh ornare. Morbi fringilla sapien vel lacus ultricies id malesuada purus dignissim. Donec ut ornare nulla. Phasellus ipsum urna, venenatis at lacinia pulvinar, faucibus non metus. Proin adipiscing porttitor mollis. Nam risus dui, hendrerit sed elementum vitae, eleifend nec sem. Nunc vehicula, ligula eget sagittis dictum, tellus leo eleifend lorem, eget semper neque lorem in erat. Nunc non risus non velit mattis ultricies. Nunc volutpat feugiat justo id sollicitudin. Praesent in odio neque, id tempor diam.
+        </p>
+        <p class='span-16'>
+          Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas egestas tempus ornare. Ut adipiscing feugiat tincidunt. Sed adipiscing imperdiet nisl, vitae mollis ante venenatis ut. Donec mollis, nulla vel malesuada vehicula, risus sem faucibus arcu, sed varius velit justo et risus. Mauris iaculis commodo erat, eget suscipit mi tempus in. Nullam venenatis sapien nec est mollis lacinia. Aenean placerat suscipit lectus, a luctus libero eleifend vel. Cras turpis mi, porta eget pharetra id, pharetra eget felis. Ut ac eros justo. Duis quis velit consequat eros placerat malesuada. In luctus lacus ut felis euismod porttitor. Aliquam tristique augue quis nunc imperdiet cursus. Aliquam erat volutpat. Donec leo est, placerat vel tristique at, imperdiet ut massa. Maecenas vel tortor a mi sodales eleifend eleifend eget nibh. Cras sagittis vehicula velit, et ultricies ante vehicula sit amet. Fusce massa risus, tempor eget elementum pharetra, sodales eu felis. Nam ut tellus neque, vitae dapibus purus.
+        </p>
+      </div>
     </div>
-    <div class='section container'>
+    <div class='section container text'>
       <h2>
         Text
       </h2>
-      <p class='regular'>
-        ARIAL Regular 12/22
+      <p>
+        <span class='regular'>
+          ARIAL Regular 12/22
+        </span>
       </p>
-      <p class='bold'>
-        ARIAL Bold 14/24
+      <p>
+        <span class='bold'>
+          ARIAL Bold 14/24
+        </span>
       </p>
     </div>
     <div class='section container'>

diff --git a/examples/aristo/index.html.haml b/examples/aristo/index.html.haml
@@ -4,7 +4,7 @@
   %head
     %meta{ :content => "text/html; charset=utf-8", "http-equiv" => "Content-Type" }
     %title
-      Aristo Compass plugin test page
+      Aristo
     %link{ :href => "stylesheets/screen.css", :rel => "stylesheet", :media => "screen, projection", :type => "text/css" }
 
   %body
@@ -123,19 +123,25 @@
       %h2
         Scrollbars
 
-      %div.span-8.push-8{:style => "overflow: scroll; height: 300px"}
+      %div.span-8.push-8{:style => "overflow: scroll; height: 300px;"}
+        %p.span-16
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ut tincidunt augue. Nunc placerat, libero eu lobortis mollis, mi lectus tristique metus, vel tincidunt nibh est sed odio. Donec euismod ultricies est, nec porta ipsum dictum sit amet. Suspendisse lacus purus, ullamcorper eget rutrum ut, laoreet vitae velit. Nam in leo eu nisi congue sagittis sed sed nisi. Sed ultricies luctus justo. Pellentesque orci arcu, vulputate vel dapibus non, posuere a orci. Suspendisse quis massa magna. Suspendisse potenti. Fusce placerat tempor purus id euismod. Praesent et turpis nisl, in pellentesque nisl. Nam vulputate justo tristique turpis tincidunt id dictum orci aliquet.
+        %p.span-16
+          Phasellus laoreet justo non libero lacinia fermentum commodo felis ornare. Quisque in est quis turpis venenatis gravida. Nullam eu enim quis mauris ultricies sollicitudin. Nunc convallis ante et massa condimentum nec interdum nibh ornare. Morbi fringilla sapien vel lacus ultricies id malesuada purus dignissim. Donec ut ornare nulla. Phasellus ipsum urna, venenatis at lacinia pulvinar, faucibus non metus. Proin adipiscing porttitor mollis. Nam risus dui, hendrerit sed elementum vitae, eleifend nec sem. Nunc vehicula, ligula eget sagittis dictum, tellus leo eleifend lorem, eget semper neque lorem in erat. Nunc non risus non velit mattis ultricies. Nunc volutpat feugiat justo id sollicitudin. Praesent in odio neque, id tempor diam.
+        %p.span-16  
+          Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas egestas tempus ornare. Ut adipiscing feugiat tincidunt. Sed adipiscing imperdiet nisl, vitae mollis ante venenatis ut. Donec mollis, nulla vel malesuada vehicula, risus sem faucibus arcu, sed varius velit justo et risus. Mauris iaculis commodo erat, eget suscipit mi tempus in. Nullam venenatis sapien nec est mollis lacinia. Aenean placerat suscipit lectus, a luctus libero eleifend vel. Cras turpis mi, porta eget pharetra id, pharetra eget felis. Ut ac eros justo. Duis quis velit consequat eros placerat malesuada. In luctus lacus ut felis euismod porttitor. Aliquam tristique augue quis nunc imperdiet cursus. Aliquam erat volutpat. Donec leo est, placerat vel tristique at, imperdiet ut massa. Maecenas vel tortor a mi sodales eleifend eleifend eget nibh. Cras sagittis vehicula velit, et ultricies ante vehicula sit amet. Fusce massa risus, tempor eget elementum pharetra, sodales eu felis. Nam ut tellus neque, vitae dapibus purus.
 
-
-
-    .section.container
+    .section.container.text
       %h2
         Text
 
-      %p.regular
-        ARIAL Regular 12/22
+      %p
+        %span.regular
+          ARIAL Regular 12/22
 
-      %p.bold
-        ARIAL Bold 14/24
+      %p
+        %span.bold
+          ARIAL Bold 14/24
 
 
     .section.container

diff --git a/templates/project/aristo-button-bezel-blue-o.png b/templates/project/aristo-button-bezel-blue-o.png
diff --git a/templates/project/aristo-button-bezel-blue-x.png b/templates/project/aristo-button-bezel-blue-x.png
diff --git a/templates/project/aristo-button-bezel-o.png b/templates/project/aristo-button-bezel-o.png
diff --git a/templates/project/aristo-button-bezel-x.png b/templates/project/aristo-button-bezel-x.png
diff --git a/templates/project/aristo-checkbox-o.png b/templates/project/aristo-checkbox-o.png
diff --git a/templates/project/aristo-checkbox-x.png b/templates/project/aristo-checkbox-x.png
diff --git a/templates/project/aristo-radio-o.png b/templates/project/aristo-radio-o.png
diff --git a/templates/project/aristo-radio-x.png b/templates/project/aristo-radio-x.png
diff --git a/templates/project/aristo-scroller-down-arrow-o.png b/templates/project/aristo-scroller-down-arrow-o.png
diff --git a/templates/project/aristo-scroller-down-arrow-track.png b/templates/project/aristo-scroller-down-arrow-track.png
diff --git a/templates/project/aristo-scroller-down-arrow-x.png b/templates/project/aristo-scroller-down-arrow-x.png
diff --git a/templates/project/aristo-scroller-horizontal-knob.png b/templates/project/aristo-scroller-horizontal-knob.png
diff --git a/templates/project/aristo-scroller-horizontal-track.png b/templates/project/aristo-scroller-horizontal-track.png
diff --git a/templates/project/aristo-scroller-left-arrow-track.png b/templates/project/aristo-scroller-left-arrow-track.png
diff --git a/templates/project/aristo-scroller-left-arrow.png b/templates/project/aristo-scroller-left-arrow.png
diff --git a/templates/project/aristo-scroller-right-arrow-track.png b/templates/project/aristo-scroller-right-arrow-track.png
diff --git a/templates/project/aristo-scroller-right-arrow.png b/templates/project/aristo-scroller-right-arrow.png
diff --git a/templates/project/aristo-scroller-up-arrow-track.png b/templates/project/aristo-scroller-up-arrow-track.png
diff --git a/templates/project/aristo-scroller-up-arrow.png b/templates/project/aristo-scroller-up-arrow.png
diff --git a/templates/project/aristo-scroller-vertical-knob.png b/templates/project/aristo-scroller-vertical-knob.png
diff --git a/templates/project/aristo-scroller-vertical-track.png b/templates/project/aristo-scroller-vertical-track.png
diff --git a/templates/project/aristo-select.png b/templates/project/aristo-select.png
diff --git a/templates/project/aristo-slider-horizontal-track.png b/templates/project/aristo-slider-horizontal-track.png
diff --git a/templates/project/aristo-slider-knob-o.png b/templates/project/aristo-slider-knob-o.png
diff --git a/templates/project/aristo-slider-knob-x.png b/templates/project/aristo-slider-knob-x.png