alanhogan

- title "Modules"

%h1 CSS Modules

%ul
  - @modules.each do |mod|
    %li
      - name = "<code><b>#{mod}</b></code>"
      - desc = Descss.new mod
      - name += ": <b>#{desc.name}</b>" if desc.has_name?

alanhogan

- title "#{@module_name} Module"

- desc = Descss.new @module_name

.l-max-readable-width.l-h-center.l-v-spaced

  .txt
    %header
      %h1 
        Module info: 

alanhogan

if Rails.env.development?
  class DevtoolsController < ApplicationController

    def modules
      @modules = Dir["app/assets/stylesheets/nri-modules/*.css.*"].map do |filename|
        filename =~ %r{/([^/]+)\.css}
        $1
      end
      render layout: 'text'
    end

alanhogan

class Descss
  def initialize(module_name)
    # Modules output content, so they should include the .css extension.
    # (This is why we don't look for module.sass, just module.css.sass.)
    begin
      file = File.open("app/assets/stylesheets/nri-modules/#{module_name}.css.sass")
    rescue
      file = File.open("app/assets/stylesheets/nri-modules/#{module_name}.css.scss")
    end
    @source = file.read

alanhogan

require 'sass/plugin'
#allows inline sass!
::Sass::Plugin.options[:load_paths] = Rails.application.config.assets[:paths].to_a + Compass.configuration.sass_load_paths

alanhogan

<!--
 ___    ___   ___   __  __  ___    _____     ______
/   \  /_  \ /_  \ /_ \/_ \/_  \  / ___ \   /  __  \
|/\  \  /  /   | |   | / \ / \ | / /___\ \ /  /  \  \
   \  \/  /    | |   | | | | | | | ______/ |  |  |  |
    \    /     | |   | | | | | | | \    __ |  |  |  |
     \  /      | |_  | | | | | |  \ \__/ / \  \__/  /
      \/       \__/  \_\ \_\ \_\   \____/   \______/
  	   	  
                                    You know, for videos.

alanhogan

# This file only contains additions to Zepto to add lesser-used functions
# from jQuery that we do actually need.

if this.Zepto
  do ($ = Zepto) ->

    # innerHeight & outerHeight are needed by <a plugin we use>
    #
    # outerHeight is documented at http://api.jquery.com/outerHeight/
    #

alanhogan

javascript:void((function(){var d=document;var ocss='html body, html body *{-webkit-font-smoothing: antialiased !important;}';var L=d.createElement('style');L.innerHTML=ocss; document.getElementsByTagName('head')[0].appendChild(L);})())

alanhogan

javascript:void((function(){var d=document;var ocss='html body, html body *{-webkit-font-smoothing: auto !important;}';var l='style'; var L=d.createElement(l);L.innerHTML=ocss; document.getElementsByTagName('head')[0].appendChild(L);})())

alanhogan

$sprites: sprite-map("sprites/*.png");
$sprites-retina: sprite-map("sprites-retina/*.png");

@mixin sprite-background($name) {
  background-image: sprite-url($sprites);
  background-position: sprite-position($sprites, $name);
  background-repeat: no-repeat;
  display: block;
  height: image-height(sprite-file($sprites, $name));
  width: image-width(sprite-file($sprites, $name));