oocss-compass 0.0.2

data/templates/project/partials/core/content.css

@@ -0,0 +1,73 @@
+body{font-family:"Myriad Pro","Segoe UI",Helvetica, Arial, sans-serif;}
+/* **************** CONTENT OBJECTS ***************** */
+/* ====== Default spacing ====== */
+h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {padding:10px;}
+h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
+pre{margin: 10px;}
+table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl{padding:0;}
+/* ====== Elements ====== */
+img{display:block;}
+em{font-style: italic;}
+strong{font-weight:bold;}
+hr{border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;}
+code{color:#0B8C8F;}
+/* ====== Headings ====== */
+/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
+h1, .h1{font-size:196%; font-weight:normal; font-style: normal; color:#AE0345;}
+h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:#AE0345;}
+h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#DF2B72;}
+h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #333;}
+h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#AE0345;}
+h6, .h6{font-size:108%; font-weight:normal; font-style: italic; color:#333;}
+/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
+.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
+.category a{color: #333;}
+.important a{font-weight:bold;}
+/* links */
+a {color: #2c4460; text-decoration: none;}
+a:focus, a:hover {text-decoration: underline;}
+a:focus{background-color:#FFFFCC;}
+a:visited { color:#005a9c; }
+/* ====== Lists ======*/
+/* numbered list */
+ol.simpleList li{list-style-type: decimal; margin-left:40px;}
+/* standard list */
+ul.simpleList li{list-style-type:disc; margin-left:40px;}
+/* ====== Tables ====== */
+.data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
+.data table {width:100%;border:1px solid #AE0345;}
+th, td{vertical-align:top;border:1px solid #AE0345;}
+.txtC, .data .txtC td, .data .txtC th{text-align:center;}
+.txtL, .data .txtL td, .data .txtL th{text-align:left;}
+.txtR, .data .txtR td, .data .txtR th{text-align:right;}
+.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
+.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
+.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
+.data th,.data td{padding:3px 20px}
+.data thead tr{background-color: #fff0f8;}
+.data th{color: #000; font-weight:bold}
+/* specification table - extends data table */
+.spec{padding:10px;}
+.spec table{border-top: 1px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none;}
+.spec th, .spec td{border:1px solid #e2e2e2; border-width: 1px 0; padding-left:0;}
+.spec .odd, .spec .even{background-color: #fff;}
+/* ====== blockquote ====== */
+cite{display:block; text-align:right; padding-top: 10px;}
+/* ====== callout ====== */
+.callout{font-size:189%;color:#999999; font-style:italic;}
+.callout cite{display:block; text-align:right;padding-top: 30px; font-size:69.25%;}
+.callout span.quot{font-size: 500%; vertical-align: sub; color:#e2e2e2; line-height:25px; font-weight:bold;}
+.callout span.quotLast{vertical-align:middle;}
+/* ====== image treatments (get more from jason santa maria) ====== */
+.caption{font-size:13px; color:#666666; font-style:italic;padding-top:0;}
+/* will need to either
+1. find a way to capture the width of the caption in the width of the image or flash
+2. Set some default widths, mby use flickr widths?
+*/
+/* ====== media ====== */
+.media{overflow:hidden; overflow:visible; zoom:1;margin:10px;}
+.media .img{float:left;margin-right: 10px;}
+.media .img img{display:block;}
+.media .imgExt{float:right; margin-left: 10px;}
+/* ====== special formatting classes ====== */
+.detail{color: #777; font-size:11px;display:block;}

data/templates/project/partials/core/mod_skins.css

@@ -0,0 +1,113 @@
+/* **************** BLOCK SKINS ***************** */
+/* ====== Contour blocks ====== */
+/* remove background-image:" to default to square corners for IE */
+/* ----- simple (extends mod) ----- */
+.simple .inner {border:1px solid #D7D7D7;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;}
+.simple b{*background-image:url(skin/simple_corners.png);}
+/* ----- basic (extends mod) ----- */
+.basic .inner {-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;}
+.basic b{*background-image:url(skin/round.png);}
+/* ----- simpleExt (extends mod) ----- */
+.simpleExt,.simpleExt .inner{border:1px solid #c7c7c7;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px; }
+.simpleExt .inner{border-color:#fff; border-width:4px; background-color:#e2e2e2;}
+.simpleExt b{*background-image:url(skin/simple_extended.png);}
+.simpleExt .tl{left:-1px;top:-1px;height:12px; width:12px;}
+.simpleExt .tr{right:-1px;top:-1px;height:12px; width:12px;}
+.simpleExt .bl{left:-1px;bottom:-1px;height:12px; width:12px;margin-top:-12px;}
+.simpleExt .br{right:-1px;bottom:-1px;height:12px; width:12px;margin-top:-12px;}
+/* ----- me (extends mod) use for my comments ----- */
+.me,.me .inner{border:1px solid #909090;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
+.me .inner{border-color:#d76a84;}
+.me b{*background-image:url(skin/me.png);}
+.me .tl{left:-1px;top:-1px;}
+.me .tr{right:-1px;top:-1px;}
+.me .bl{left:-1px;bottom:-1px;}
+.me .br{right:-1px;bottom:-1px;}
+/* ----- noted (extends mod) ----- */
+.noted,.noted .inner{border:1px solid #c2c2c2;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
+.noted .inner{border-color:#eded68;}
+.noted b{*background-image:url(skin/noted.png);}
+.noted .tl{left:-1px;top:-1px;}
+.noted .tr{right:-1px;top:-1px;}
+.noted .bl{left:-1px;bottom:-1px;}
+.noted .br{right:-1px;bottom:-1px;}
+/* ----- grab (extends mod) ----- */
+.grab .inner{border: 3px solid #00477a; border-bottom-width:10px;}/* can't be done w border radius */
+.grab b{background-image:url(skin/grab.png);}
+/*.grab .tl, .grab .tr{height:10px; width:10px;}*/
+.grab .bl, .grab .br{height:16px;/*if height is set, margin set*/margin-top:-16px;}
+/* ----- faq (extends mod) ----- */
+.faq .inner{border: 3px solid #b20029; border-bottom-width:10px;}/* can't be done w border radius */
+.faq b{background-image:url(skin/faq.png);}
+.faq .bl, .faq .br{height:16px;/*if height is set, margin set*/margin-top:-16px;}
+/* ----- onlinestore (extends mod) ----- */
+.onlinestore .inner{border: 3px solid #9a9800; border-bottom-width:10px;}/* can't be done w border radius */
+.onlinestore b{background-image:url(skin/store.png);}
+.onlinestore .bl, .onlinestore .br{height:16px;/*if height is set, margin set*/margin-top:-16px;}
+/* ----- about (extends mod) ----- */
+.about .inner{border: 3px solid #494949; border-bottom-width:10px;}/* can't be done w border radius */
+.about b{background-image:url(skin/about.png);}
+.about .bl, .about .br{height:16px;/*if height is set, margin set*/margin-top:-16px;}
+/* ----- talk (extends mod) ----- */
+.talk,.talk .inner{border:1px solid #c7c7c7;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
+.talk .inner{border-color:#ededed;}
+.talk b{*background-image:url(skin/talk.png);}
+.talk .tl{left:-1px;top:-1px;}
+.talk .tr{right:-1px;top:-1px;}
+.talk .bl{left:-1px;bottom:-1px;}
+.talk .br{right:-1px;bottom:-1px;}
+/* ----- photo (extends complex) ----- */
+.photo .inner{border:solid 10px #fff;margin:0 4px;}/* muck with margins to change how the block will align with other blocks, any value between 0-10px */
+.photo b{background-image:url(skin/photo.png);}
+.photo .tr, .photo .tl{width:20px;}
+.photo .top, .photo .bottom{height:4px;margin-top:0px;}
+.photo .bl, .photo .br{height:16px;margin-top: -12px;}
+/* ----- flow (extends complex) ----- */
+.flow{margin:6px;}
+.flow b{background-image:url(skin/even.png);}
+.flow .inner{padding:0 4px;}
+.flow .top{height:4px;}
+.flow .bottom{height:4px;margin-top:-4px;}
+.flow .br,.flow .bl{margin-top:-6px;}/* margin top = bottom height - corner height */
+/* ----- shadow test (experimental attempt to match "flow" cross browser w no img)----- */
+.boo{-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,33);-moz-box-shadow: black 2px 2px 2px 2px;/*-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;*/border:solid 1px #949494;background:#fff;}
+/* ----- .excerpt (extends complex) ----- */
+.excerpt b{background-image:url(skin/excerpt.png);}
+.excerpt .top{height:1px;}
+.excerpt .bottom{height:6px;margin-top:-6px;}/* margin top equal to - height of bottom */
+.excerpt .br,.excerpt .bl{height:12px;margin-top:-6px;}/* margin top = bottom height - corner height */
+/* ----- sommers (extends pop) ----- */
+.sommers .inner{_border:3px solid #D7D7D7;}/*IE6 backup no alpha transparency */
+.sommers,.sommers .inner,.sommers b{background-image:url(skin/glow_7px.png);_background-image:none;}
+.sommers{margin:3px 20px 20px 3px;}
+/* ----- gonzalo ----- */
+.gonzalo, .gonzalo .inner, .gonzalo b{background-image:url(skin/gc.png);}
+/* ====== Background blocks ====== */
+.sale .inner{background:red none;}
+.nicole .inner{background:#c01c41 none; color:#fff;}
+.nicole *, .login *{ color:#fff;}
+.highlight .inner{background:#e3e36f none;}
+.universe .inner{background:url(skin/universe.png) repeat left top;}
+.foo .inner{background: url(skin/universe_gray.png) repeat left top;}
+.login .inner{background: url(skin/universe_login.png) repeat left top;}
+.comment .inner{background:#e2e2e2 none;}
+/* ====== Block headers and footers ====== */
+.hd h1, .hd h2, .hd h3, .hd h4, .hd h5, .hd h6{padding: 5px 10px;}
+.section{background: #e9e9e9 url(skin/header.png) repeat-x left bottom; color:#de2c72;font-size:120%;padding:5px 10px;}
+.section h1,.section h2,.section h3,.section h4,.section h5,.section h6{font-size:100%;color:#de2c72;padding:0;}
+.act{background-color:#e9e9e9;}
+.topper{background: #fff url(skin/header_gradient_light.png) repeat-x left bottom;color: #4D4D4D;font-size:120%;padding:5px 10px;}
+.topper h1,.topper h2,.topper h3,.topper h4,.topper h5,.topper h6{font-size:100%;color:#4D4D4D;padding:0;}
+.tabPosLeft .topper li,.tabPosRight .topper li{background: #fff url(skin/header_gradient_light.png) repeat-x left bottom;/* belongs in topper */}
+.tabPosBottom .topper{
+  background-image:-webkit-gradient(linear, 0% 0%, 0% 40%, from(#E2E2E2), to(#FFFFFF));
+  background-image:-moz-linear-gradient(0% 8% 270deg, #E2E2E2, #FFFFFF, #FFFFFF 77%);}
+.bam{background: #00477a url(skin/header_glossy.png) repeat-x left top;color: #fff;font-size:120%;padding:5px 10px;}
+.bam h1,.bam h2,.bam h3,.bam h4,.bam h5,.bam h6{font-size:100%;color:#fff;padding:0;}
+.gonz{background:url(skin/gc_header.png) no-repeat left top;}/* messed up */
+.online{background: #9a9400 url(skin/online.png) repeat-x left top;color: #000;font-size:120%;padding:5px 10px;}
+.online h1,.online h2,.online h3,.online h4,.online h5,.online h6{font-size:100%;color:#000;padding:0;}
+.help{background: #b20029 url(skin/help.png) repeat-x left top;color: #fff;font-size:120%;padding:5px 10px;}
+.help h1,.help h2,.help h3,.help h4,.help h5,.help h6{font-size:100%;color:#fff;padding:0;}
+.info{background: #636363 url(skin/info.png) repeat-x left top;color: #fff;font-size:120%;padding:5px 10px;}
+.info h1,.info h2,.info h3,.info h4,.info h5,.info h6{font-size:100%;color:#fff;padding:0;}

data/templates/project/partials/plugins/_talk_skins.scss

@@ -0,0 +1,54 @@
+/* yowza (extends bubbleTop) */
+
+.yowza {
+  .inner {
+    background-color: #d4494f; }
+  b b {
+    border-bottom-color: #d4494f; } }
+
+/* discuss (extends bubbleBottom) */
+
+.discuss {
+  .inner {
+    background-color: #CCC; }
+  b b {
+    border-top-color: #CCC; } }
+
+/* lol (extends bubbleLeft) */
+
+.lol {
+  .inner {
+    background-color: #845B4E;
+    color: #fff; }
+  b b {
+    border-right-color: #845B4E; } }
+
+/* meep (extends bubbleRight) */
+
+.meep {
+  .inner {
+    background-color: #6cc6c6; }
+  b b {
+    border-left-color: #6cc6c6; } }
+
+/* yoyo (extends bubbleBottom) */
+
+.yoyo {
+  .inner {
+    background-color: #52a583; }
+  b b {
+    border-top-color: #52a583; } }
+
+/* header */
+
+.fire {
+  color: #000;
+  font-size: 18px;
+  border-bottom: 1px dashed #fff;
+  * {
+    color: #000;
+    font-size: 18px;
+    border-bottom: 1px dashed #fff; } }
+
+.attribution {
+  margin-left: 27px; }

data/templates/project/partials/plugins/talk_skins.css

@@ -0,0 +1,18 @@
+/* yowza (extends bubbleTop) */
+.yowza .inner{background-color:#d4494f;}
+.yowza b b{border-bottom-color:#d4494f;}
+/* discuss (extends bubbleBottom) */
+.discuss .inner{background-color:#CCC;}
+.discuss b b{border-top-color:#CCC;}
+/* lol (extends bubbleLeft) */
+.lol .inner{background-color:#845B4E; color:#fff;}
+.lol b b{border-right-color:#845B4E;}
+/* meep (extends bubbleRight) */
+.meep .inner{background-color:#6cc6c6;}
+.meep b b{border-left-color:#6cc6c6;}
+/* yoyo (extends bubbleBottom) */
+.yoyo .inner{background-color:#52a583;}
+.yoyo b b{border-top-color:#52a583;}
+/* header */
+.fire, .fire *{color: #000; font-size:18px; border-bottom: 1px dashed #fff;}
+.attribution{margin-left:27px;}

metadata

@@ -0,0 +1,147 @@
+--- !ruby/object:Gem::Specification 
+name: oocss-compass
+version: !ruby/object:Gem::Version 
+  hash: 27
+  prerelease: 
+  segments: 
+  - 0
+  - 0
+  - 2
+  version: 0.0.2
+platform: ruby
+authors: 
+- Cedric Michaux
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2012-03-05 00:00:00 Z
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  name: compass
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        hash: 29
+        segments: 
+        - 0
+        - 11
+        version: "0.11"
+  type: :runtime
+  version_requirements: *id001
+description: The implementation of OOCSS into Compass using SCSS
+email: cedric@he8us.be
+executables: []
+
+extensions: []
+
+extra_rdoc_files: []
+
+files: 
+- LICENSE
+- lib/oocss-compass.rb
+- stylesheets/_definitions.scss
+- stylesheets/_mixins.scss
+- stylesheets/_oocss-compass.scss
+- stylesheets/core/_libraries.scss
+- stylesheets/core/grid/_grids.scss
+- stylesheets/core/grid/_grids_debug.scss
+- stylesheets/core/module/_mod.scss
+- stylesheets/core/module/_mod_debug.scss
+- stylesheets/core/template/_template.scss
+- stylesheets/core/template/_template_debug.scss
+- stylesheets/plugins/breadcrumb/_breadcrumb.scss
+- stylesheets/plugins/breadcrumb/breadcrumb.css
+- stylesheets/plugins/tabs/_tabs.scss
+- stylesheets/plugins/talk/_talk.scss
+- stylesheets/plugins/talk/talk.css
+- templates/project/default.scss
+- templates/project/demos/core/grids/grids_all.html
+- templates/project/demos/core/grids/grids_doc.html
+- templates/project/demos/core/module/mod_doc.html
+- templates/project/demos/core/template/template.html
+- templates/project/demos/core/template/template_doc.html
+- templates/project/demos/plugins/breadcrumb/breadcrumb.html
+- templates/project/demos/plugins/tabs/tabs_doc.html
+- templates/project/demos/plugins/talk/talk_doc.html
+- templates/project/manifest.rb
+- templates/project/partials/_base.scss
+- templates/project/partials/core/_content.scss
+- templates/project/partials/core/_mod_skins.scss
+- templates/project/partials/core/content.css
+- templates/project/partials/core/mod_skins.css
+- templates/project/partials/plugins/_talk_skins.scss
+- templates/project/partials/plugins/talk_skins.css
+- templates/project/skin/about.png
+- templates/project/skin/author.png
+- templates/project/skin/even.png
+- templates/project/skin/even_borders.psd
+- templates/project/skin/even_lr.png
+- templates/project/skin/even_tb.png
+- templates/project/skin/excerpt.png
+- templates/project/skin/faq.png
+- templates/project/skin/gc.png
+- templates/project/skin/gc_header.png
+- templates/project/skin/gc_header2.png
+- templates/project/skin/glow.png
+- templates/project/skin/glow_7px.png
+- templates/project/skin/glow_test.png
+- templates/project/skin/glow_thin.png
+- templates/project/skin/grab.png
+- templates/project/skin/header.png
+- templates/project/skin/header_glossy.png
+- templates/project/skin/header_gradient_light.png
+- templates/project/skin/help.png
+- templates/project/skin/highlight.png
+- templates/project/skin/info.png
+- templates/project/skin/kakapo.png
+- templates/project/skin/me.png
+- templates/project/skin/noted.png
+- templates/project/skin/online.png
+- templates/project/skin/photo.png
+- templates/project/skin/round.png
+- templates/project/skin/simple_corners.png
+- templates/project/skin/simple_extended.png
+- templates/project/skin/store.png
+- templates/project/skin/talk.png
+- templates/project/skin/universe.png
+- templates/project/skin/universe_gray.png
+- templates/project/skin/universe_login.png
+homepage: http://www.he8us.be/
+licenses: []
+
+post_install_message: 
+rdoc_options: []
+
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
+requirements: []
+
+rubyforge_project: 
+rubygems_version: 1.8.10
+signing_key: 
+specification_version: 3
+summary: OOCSS Compass implementation
+test_files: []
+