Permalink
Browse files

first new version with compass

  • Loading branch information...
dcrec1 committed Aug 12, 2010
1 parent 258cf3f commit 3bc0cdddfc3bb5daf8c5fbc07e19bcad2e3cecb4
View
@@ -3,7 +3,6 @@ source :gemcutter
gem 'rails', '2.3.8'
gem 'sqlite3-ruby'
gem 'mysql'
-gem 'less'
gem 'haml'
gem 'inherited_resources', '1.0.6'
gem 'git'
@@ -13,6 +12,7 @@ gem 'more', '0.0.3'
gem 'friendly_id', '2.1.4'
gem 'jrails'
gem 'delayed_job', '1.8.1'
+gem "compass", ">= 0.10.2"
gem 'inploy'
View
@@ -30,6 +30,8 @@ GEM
main
ruby_parser (~> 2.0.4)
sexp_processor (~> 3.0.3)
+ compass (0.10.2)
+ haml (>= 3.0.4)
cucumber (0.8.5)
builder (~> 2.1.2)
diff-lcs (~> 1.1.2)
@@ -160,6 +162,7 @@ PLATFORMS
DEPENDENCIES
capybara
+ compass (>= 0.10.2)
cucumber
cucumber-rails
database_cleaner
@@ -176,7 +179,6 @@ DEPENDENCIES
inploy
jrails
koujou
- less
metric_fu
more (= 0.0.3)
mysql
@@ -1,98 +0,0 @@
-ol {
- list-style: none;
- padding: 0px;
-}
-
-fieldset {
- border: 0px;
-}
-
-abbr {
- display: none;
-}
-
-input, .string {
- font-size: 30px;
- padding: 12px;
-}
-
-label {
- float: left;
- width: 200px;
- line-height: 50px;
-}
-
-a {
- margin-top: 10px;
- font-size: 30px;
- line-height: 50px;
-}
-
-h1 {
- line-height: 100px;
- a {
- font-size: 100px;
- line-height: 120px;
- }
-}
-
-.success, .failure {
- padding: 5px;
- padding-left: 10px;
- line-height: 50px;
-}
-
-.project {
- > .name, .url, .email, .branch {
- font-size: 50px;
- line-height: 60px;
- }
-
- > .name, .url, .email {
- display: inline;
- }
-
- > .date {
- padding-left: 10px;
- font-size: 25px;
- display: inline;
- }
-
- .url {
- display: block;
- }
-}
-
-.build > *, .deploy > * {
- font-size: 40px;
- line-height: 50px;
- text-align: right;
-}
-
-.success {
- background-color: #BBF8AA;
-}
-
-.failure {
- background-color: #FFBBAA;
-}
-
-.output {
- background: #111111 none repeat scroll 0 0;
- color: #FFFFFF;
- font-size: 0.825em;
- line-height: 1.5em;
- max-height: 50em;
- overflow: auto;
- padding: 0.5em;
- text-align: left;
-}
-
-.color30 { color: #333; }
-.color31 { color: #e33; }
-.color32 { color: #3e3; }
-.color33 { color: #ee3; }
-.color34 { color: #33e; }
-.color35 { color: #e3e; }
-.color36 { color: #3ee; }
-.color37 { color: #fff; }
View
@@ -0,0 +1,16 @@
+@import "blueprint";
+
+// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
+// @include blueprint-ie
+
+//Recommended Blueprint configuration with scoping and semantic layout:
+body.bp {
+ @include blueprint-ie(true);
+ // Note: Blueprint centers text to fix IE6 container centering.
+ // This means all your texts will be centered under all version of IE by default.
+ // If your container does not have the .container class, don't forget to restore
+ // the correct behavior to your main container (but not the body tag!)
+ // Example:
+ // .my-container
+ // text-align: left
+}
@@ -0,0 +1,10 @@
+// Here is where you can define your constants for your application and to configure the blueprint framework.
+// Feel free to delete these if you want keep the defaults:
+
+$blueprint-grid-columns: 24;
+$blueprint-container-size: 950px;
+$blueprint-grid-margin: 10px;
+
+// Use this to calculate the width based on the total width.
+// Or you can set !blueprint_grid_width to a fixed value and unset !blueprint_container_size -- it will be calculated for you.
+$blueprint-grid-width: ($blueprint-container-size + $blueprint-grid-margin) / $blueprint-grid-columns - $blueprint-grid-margin;
@@ -0,0 +1,8 @@
+@import "blueprint";
+
+// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
+// @include blueprint-print
+
+//Recommended Blueprint configuration with scoping and semantic layout:
+body.bp {
+ @include blueprint-print(true); }
@@ -1,54 +0,0 @@
-body { background-color: #fff; color: #333; }
-
-body, p, ol, ul, td {
- font-family: verdana, arial, helvetica, sans-serif;
- font-size: 13px;
- line-height: 18px;
-}
-
-pre {
- background-color: #eee;
- padding: 10px;
- font-size: 11px;
-}
-
-a { color: #000; }
-a:visited { color: #666; }
-a:hover { color: #fff; background-color:#000; }
-
-.fieldWithErrors {
- padding: 2px;
- background-color: red;
- display: table;
-}
-
-#errorExplanation {
- width: 400px;
- border: 2px solid red;
- padding: 7px;
- padding-bottom: 12px;
- margin-bottom: 20px;
- background-color: #f0f0f0;
-}
-
-#errorExplanation h2 {
- text-align: left;
- font-weight: bold;
- padding: 5px 5px 5px 15px;
- font-size: 12px;
- margin: -7px;
- background-color: #c00;
- color: #fff;
-}
-
-#errorExplanation p {
- color: #333;
- margin-bottom: 0;
- padding: 5px;
-}
-
-#errorExplanation ul li {
- font-size: 12px;
- list-style: square;
-}
-
View
@@ -0,0 +1,123 @@
+// This import applies a global reset to any page that imports this stylesheet.
+@import "blueprint/reset";
+
+// To configure blueprint, edit the partials/base.sass file.
+@import "partials/base";
+
+// Import all the default blueprint modules so that we can access their mixins.
+@import "blueprint";
+
+// Import the non-default scaffolding module.
+@import "blueprint/scaffolding";
+
+// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
+// +blueprint
+
+@import "compass/css3/border-radius";
+@import "compass/css3/box-shadow";
+@import "compass/utilities/links/hover-link";
+
+// Page layout can be done using mixins applied to your semantic classes and IDs:
+
+body, #header, .actions {
+ background-color: #black;
+ background: url(http://thoughtbot.com/images/dark-content.png);
+}
+
+body, #header, #content {
+ a, a:active, a:visited {
+ color: white;
+ }
+}
+
+#content {
+ background-color: white;
+}
+
+body {
+ @include blueprint-typography(true);
+ @include blueprint-utilities;
+ @include blueprint-debug;
+ @include blueprint-interaction;
+ @include blueprint-scaffolding;
+
+
+ #container {
+ @include container;
+ }
+
+ #header, #content {
+ @include column($blueprint-grid-columns, true);
+ }
+
+ .failure {
+ @include error;
+ }
+
+ .projects {
+ @include border-radius;
+
+ .project {
+ border-bottom: 0px;
+ margin-bottom: 0px;
+ padding: 10px;
+ font-size: 20px;
+
+ .name {
+ font-weight: 900;
+ float:left;
+ margin-right: 20px;
+ }
+
+ .date {
+ font-weight: 100;
+ }
+ }
+
+ a:last-child .project {
+ border-bottom-width: 2px;
+ }
+ }
+
+ form {
+ @include blueprint-form;
+
+ fieldset {
+ border: 0;
+
+ label {
+ display: inline-block;
+ width: 120px;
+ }
+ }
+
+ input[type=submit] {
+ background: #222 url(../images/overlay.png) repeat-x;
+ display: inline-block;
+ padding: 5px 10px 6px;
+ color: #fff;
+ text-decoration: none;
+ @include border-radius(6px);
+ @include box-shadow;
+ border: 0px;
+ border-bottom: 1px solid rgba(0,0,0,0.25);
+ position: relative;
+ cursor: pointer
+ }
+
+ input[type=submit]:hover {
+ background-color: #111;
+ color: #fff;
+ }
+
+ ol {
+ padding: 0;
+ margin: 0;
+ list-style-type: none;
+ }
+ }
+}
+
+body a {
+ @include hover-link;
+}
@@ -2,10 +2,16 @@
!!!
%html
%head
- %title= Signal
+ %title signal~
= javascript_include_merged :base
- = stylesheet_link_merged :base
+ = stylesheet_link_merged 'screen', :media => 'screen, projection'
+ = stylesheet_link_merged 'print', :media => 'print'
+ /[if lt IE 8]
+ = stylesheet_link_merged 'ie', :media => 'screen, projection'
+
= auto_discovery_link_tag :rss, root_path(:format => :rss), :title => "Signal"
%body
- %h1.header= link_to "Signal", root_path
- = yield
+ #container
+ #header
+ %h1= link_to "signal~", root_path
+ #content= yield
@@ -5,4 +5,4 @@
= periodically_call_remote :url => projects_status_path, :update => '.projects', :method => :get
-= link_to I18n.t(:new_project), new_project_path
+.actions= link_to I18n.t(:new_project), new_project_path
@@ -5,6 +5,9 @@ javascripts:
- jquery-ui
- jrails
stylesheets:
-- base:
- - scaffold
- - application
+- ie:
+ - ie
+- screen:
+ - screen
+- print:
+ - print
Oops, something went wrong.

0 comments on commit 3bc0cdd

Please sign in to comment.