compass-holmes 0.1

data/lib/compass-holmes.rb

@@ -0,0 +1,3 @@
+require 'compass'
+extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
+Compass::Frameworks.register('compass-holmes', :path => extension_path)

data/stylesheets/_compass-holmes.scss

@@ -0,0 +1,3 @@
+@import "compass-holmes/warn";
+@import "compass-holmes/error";
+@import "compass-holmes/deprecated";

data/stylesheets/compass-holmes/_deprecated.scss

@@ -0,0 +1,129 @@
+/* 
+  =========================================================================
+  = DEPRECATED & NON-W3C CONTENT ELEMENTS (#a9a9a9) =======================
+  = Based largely on http://www.w3.org/TR/html5/obsolete.html#obsolete ====  
+  =========================================================================
+*/
+
+/*************************************************************************
+  OUTLINES / BORDERS
+*************************************************************************/
+.holmes-debug {
+  applet,
+  acronym,
+  center,
+  dir,
+  font,
+  strike,
+  u,
+  big,
+  tt,
+  marquee,
+  plaintext,
+  xmp,
+
+  *[bordercolor],
+  *[bordercolordark],
+  *[bordercolorlight],
+  table[frame] {
+    border: 2px solid #a9a9a9;
+  }  
+}
+
+body.holmes-debug {
+  &[bgproperties], &[topmargin], &[rightmargin], &[bottommargin], &[leftmargin] {
+    outline: 2px solid #a9a9a9;
+  }
+}
+
+/*************************************************************************
+  MESSAGE BOX STYLING
+*************************************************************************/
+
+.holmes-debug {
+  applet:hover::after, 
+  acronym:hover::after, 
+  center:hover::after, 
+  dir:hover::after, 
+  font:hover::after,   
+  strike:hover::after,  
+  big:hover::after,
+  tt:hover::after,
+  marquee:hover::after,
+  plaintext:hover::after,  
+  xmp:hover::after,
+  *[bordercolor]:hover::after, 
+  *[bordercolordark]:hover::after, 
+  *[bordercolorlight]:hover::after,
+
+  table[frame]:hover::after {
+    border-radius: 0.5em;
+    display:block;
+    padding: 1em;
+    margin: 1em;    
+    position: fixed;
+    color: #000;
+    font-size: 14px;
+    font-weight: normal;
+    font-family: 'Arial', sans-serif;  
+    text-transform: none;
+    left: 0px;
+    top: 0px;
+    z-index: 9999;  
+    text-decoration: none;
+    border: none;
+    background: #a9a9a9;
+  }
+}
+
+body.holmes-debug {
+  &[bgproperties]:hover::after, 
+  &[topmargin]:hover::after, 
+  &[rightmargin]:hover::after, 
+  &[bottommargin]:hover::after, 
+  &[leftmargin]:hover::after { 
+    @extend .holmes_message_box;
+    top: auto;
+    left: auto;
+    bottom: 0px;
+    right: 0px;  
+    /* Bottom right due to whole body coverage */
+  }
+}
+
+/*************************************************************************
+	MESSAGES CONTENT
+*************************************************************************/
+
+.holmes-debug {  
+  applet:hover::after, 
+  acronym:hover::after, 
+  center:hover::after, 
+  dir:hover::after, 
+  font:hover::after,   
+  strike:hover::after, 
+  big:hover::after,
+  tt:hover::after,
+  marquee:hover::after, 
+  plaintext:hover::after,  
+  xmp:hover::after {
+    content:'Deprecated or Non-W3C element';
+  }
+
+  *[bordercolor]:hover::after, 
+  *[bordercolordark]:hover::after, 
+  *[bordercolorlight]:hover::after,
+  table[frame]:hover::after {
+    content:'Deprecated or Non-W3C body attribute bordercolor';
+  }  
+}
+
+body.holmes-debug {
+  &[bgproperties]:hover::after {
+    content:'Deprecated or Non-W3C body attribute bgproperties';
+  }
+
+  &[topmargin]:hover::after, &[rightmargin]:hover::after, &[bottommargin]:hover::after, &[leftmargin]:hover::after {
+    content:'Deprecated or Non-W3C body attribute *margin';
+  }
+}

data/stylesheets/compass-holmes/_error.scss

@@ -0,0 +1,138 @@
+/* 
+  ======================================================
+  = ERROR LEVEL ========================================
+  ======================================================
+*/
+
+/*************************************************************************
+  OUTLINES / BORDERS
+*************************************************************************/
+
+.holmes-debug {  
+  a[href=""],
+  a:not([href]),
+
+  img:not([alt]),
+  img[alt=""],
+
+  label[for=""],
+  label:not([for]),
+
+  input:not([name]),
+  input[name=""],
+
+  select:not([name]),
+  select[name=""],
+
+  textarea:not([name]),
+  textarea[name=""],
+
+  abbr:not([title]),
+  abbr[title=""],
+
+  [class=""],
+  [id=""],
+
+  table:not([summary]),
+  table[summary=""] {
+    outline: 2px solid red;      
+  }    
+}
+
+/*************************************************************************
+  MESSAGE BOX STYLING
+*************************************************************************/
+
+.holmes-debug {  
+  a[href=""]:hover::after,
+  a:not([href]):hover::after,
+
+  img:not([alt]):hover:after,
+  img[alt=""]:hover::after,
+
+  label:not([for]):hover::after,
+  label[for=""]:hover::after,
+
+  input:not([name]):hover::after,
+  input[name=""]:hover::after,
+
+  select:not([name]):hover::after,
+  select[name=""]:hover::after,
+
+  textarea:not([name]):hover::after,
+  textarea[name=""]:hover::after,
+
+  abbr:not([title]):hover::after,
+  abbr[title=""]:hover::after,
+
+  [class=""]:hover::after,
+  [id=""]:hover::after,
+
+  table:not([summary]):hover::after,
+  table[summary=""]:hover::after {
+    border-radius: 0.5em;
+    display:block;
+    padding: 1em;
+    margin: 1em;    
+    position: fixed;
+    color: #000;
+    font-size: 14px;
+    font-weight: normal;
+    font-family: 'Arial', sans-serif;  
+    text-transform: none;
+    left: 0px;
+    top: 0px;
+    z-index: 9999;  
+    text-decoration: none;
+    border: none;
+    background: red;
+  }
+}
+
+/*************************************************************************
+  MESSAGES CONTENT
+*************************************************************************/
+
+.holmes-debug {  
+  a[href=""]:hover::after,
+  a:not([href]):hover::after {
+    content:'Missing href attribute';
+  }  
+
+  img[alt=""]:hover::after,
+  img:not([alt]):hover::after {
+    content:'Missing alt attribute';
+  }  
+
+  label[for=""]:hover::after,
+  label:not([for]):hover::after {
+    content:'Missing for attribute';
+  }
+
+  input[name=""]:hover::after,
+  input:not([name]):hover::after, 
+  select[name=""]:hover::after,
+  select:not([name]):hover::after,
+  textarea[name=""]:hover::after,
+  textarea:not([name]):hover::after {
+    content:'Missing name attribute';
+  }
+
+  abbr[title=""]:hover::after,
+  abbr:not([title]):hover::after {
+    content:'Missing title attribute';
+  }
+
+  [class=""]:hover::after {
+    content:'Blank class attribute';
+  }
+
+  [id=""]:hover::after {
+    content:'Blank id attribute';
+  }
+
+  table[summary=""]:hover::after,
+  table:not([summary]):hover::after {
+    content:'Missing summary attribute';
+  }  
+}

data/stylesheets/compass-holmes/_warn.scss

@@ -0,0 +1,106 @@
+/* 
+  ======================================================
+  = WARNING LEVEL ======================================
+  ======================================================
+*/
+
+/*************************************************************************
+  OUTLINES / BORDERS
+*************************************************************************/
+
+.holmes-debug {  
+  a[href="#"], 
+  a[href^="javascript"], 
+  a:not([title]), 
+  a[title=""],
+  [style] {
+    outline: 2px solid #fd0;   
+  }
+
+  div, span, li, p, td, th {
+    &:empty {
+      border: 2px solid #fd0; 
+    }    
+  }  
+}
+
+/*************************************************************************
+  MESSAGE BOX STYLING
+*************************************************************************/
+
+.holmes-debug {  
+  a[href="#"]:hover::after,
+  a[href^="javascript"]:hover::after,
+  a:not([title]):hover::after,
+  a[title=""]:hover::after,
+  
+  div:empty:hover::after, 
+  span:empty:hover::after,
+  li:empty:hover::after,
+  p:empty:hover::after,
+  td:empty:hover::after,
+  th:empty:hover::after,
+  
+  [style]:hover::after {
+    border-radius: 0.5em;
+    display:block;
+    padding: 1em;
+    margin: 1em;    
+    position: fixed;
+    color: #000;
+    font-size: 14px;
+    font-weight: normal;
+    font-family: 'Arial', sans-serif;  
+    text-transform: none;
+    left: 0px;
+    top: 0px;
+    z-index: 9999;  
+    text-decoration: none;
+    border: none;
+    background: #fd0;
+  }
+}
+
+/*
+  Fixes the case where a table may contain both errors and warnings - potentially other cases of this elsewhere
+*/
+
+.holmes-debug {
+  td:empty:hover::after,
+  th:empty:hover::after {
+    top: 4em;
+  }
+}
+
+/*************************************************************************
+  MESSAGES CONTENT
+*************************************************************************/
+
+.holmes-debug {  
+  a[title=""], a:not([title]) {
+    &:hover::after {
+      content:'Missing title attribute';
+    }      
+  }  
+
+  a[href="#"]:hover:after {
+    content:"href='#'";    
+  }
+
+  a[href^="javascript"]:hover:after{
+    content:'Href has javascript';
+  }
+
+  [style]:hover::after {
+    content:'Element has inline styles';
+  }  
+
+  div:empty:hover::after, 
+  span:empty:hover::after,
+  li:empty:hover::after, 
+  p:empty:hover::after,
+  td:empty:hover::after, 
+  th:empty:hover::after {
+    content:'Empty element!';
+  }  
+}

data/templates/project/_holmes.scss

@@ -0,0 +1,8 @@
+// Highlights invalid markup 
+@import compass-holmes/error
+
+// Highlights deprecated markup
+@import compass-holmes/deprecated
+
+// Highlights non-standards compliant markup
+@import compass-holmes/warn

data/templates/project/manifest.rb

@@ -0,0 +1,23 @@
+description "An implementation of the Holmes Markup Detective for use with Compass"
+
+stylesheet 'screen.scss', :media => 'screen, projection'
+stylesheet '_holmes.scss'
+
+help %Q{
+Docs can be found on the github page:
+
+    https://github.com/markdboyd/Compass-Holmes
+}
+
+welcome_message %Q{
+Docs can be found on the github page:
+
+    https://github.com/markdboyd/Compass-Holmes	
+
+To get started, simply:
+
+		Include the styles from Compass Holmes that you want
+		Add a body class of "holmes-debug" 
+
+Enjoy! If you have any problems or suggestions, feel to report them to the github issue queue.
+}

data/templates/project/screen.scss

@@ -0,0 +1 @@
+@import "holmes";

metadata

@@ -0,0 +1,68 @@
+--- !ruby/object:Gem::Specification
+name: compass-holmes
+version: !ruby/object:Gem::Version
+  version: '0.1'
+  prerelease: 
+platform: ruby
+authors:
+- Mark Boyd
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2011-04-18 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0.11'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0.11'
+description: An implementation of the Holmes Markup Detective for use with Compass
+email: markdavidboyd@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/compass-holmes.rb
+- stylesheets/compass-holmes/_warn.scss
+- stylesheets/compass-holmes/_deprecated.scss
+- stylesheets/compass-holmes/_error.scss
+- stylesheets/_compass-holmes.scss
+- templates/project/manifest.rb
+- templates/project/screen.scss
+- templates/project/_holmes.scss
+homepage: 
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.21
+signing_key: 
+specification_version: 3
+summary: An implementation of the Holmes Markup Detective for use with Compass
+test_files: []