sassmagic 0.1.4 → 0.1.5

data/Readme.md

@@ -14,18 +14,23 @@ sudo gem install sassmagic
 
 start:
 
-####sassmagic init
+#### sassmagic init
 
 or  
 
-####sassmagic creat [project]
+#### sassmagic create [project]
 
-other
+other cml
 
 same to sass
 
 eg: sassmagic --style nested --x test.scss test.css
 
+eg: sassmagic --watch  sass/main.scss:stylesheet/main.css
+
+
+
+
 ### configuration
 
 

data/bin/sassmagic

@@ -2,7 +2,7 @@
 # The command line Sass parser.
 THIS_FILE = File.symlink?(__FILE__) ? File.readlink(__FILE__) : __FILE__
 begin
-  require File.dirname(THIS_FILE) + '/../lib/sass'
+  require File.dirname(THIS_FILE) + '/../lib/sassmagic'
 rescue LoadError
 end
 
@@ -44,7 +44,7 @@ if ARGV.include?'init'
   isneedcompile = false
 end
 
-if ARGV.include?'creat'
+if ARGV.include?'create'
   Sassmagic::Installers::Base.new(ARGV[-1])
   isneedcompile = false
 end

data/lib/sassmagic/remote.rb

@@ -27,7 +27,6 @@ module Sass
       def find_relative uri, base, options
         _find @root + base + uri, options
       end
-
       def find uri, options
         _find @root + uri, options
       end
@@ -100,7 +99,7 @@ module Sass
 
         # fetch the content
         Net::HTTP.start(uri.host, uri.port, :use_ssl => uri.scheme == 'https') do |http|
-          # debugger
+           # debugger
           response = http.get uri.request_uri
           response.value
 

data/lib/sassmagic/reset.rb

@@ -176,6 +176,7 @@ module Sass
     end
 
     options.delete("multiple")
+    # debugger
     result = Sass::Engine.for_file(filename, options).render
     if css_filename
       options[:css_filename] ||= css_filename

data/lib/sassmagic.rb

@@ -10,11 +10,14 @@ ENV['SASS_ENV'] ||= 'development'
 #   Compass::Frameworks.register('sassmagic', stylesheets_directory: load_path)
 # rescue LoadError
 # end
-
-$:.unshift"#{File.dirname(__FILE__)}"
-require 'debugger'
+# require 'debugger'
 # debugger
+# $:.unshift"#{File.dirname(__FILE__)}"
+$:.unshift(load_path + '/')
+
+
 # require 'sass'
+
 require 'sassmagic/utils'
 require 'sassmagic/remote'
 require 'sassmagic/reset'

data/stylesheets/sassmagic/README.md

@@ -0,0 +1,188 @@
+##目录结构
+
+		sassmagic/
+		|
+		|– base/
+		|   |– _reset.scss       # Reset/normalize
+		|   |– _typography.scss  # Typography rules
+		|   ...                  # Etc…
+		|
+		|– components/
+		|   |– _buttons.scss     # Buttons
+		|   |– _carousel.scss    # Carousel
+		|   |– _cover.scss       # Cover
+		|   |– _dropdown.scss    # Dropdown
+		|   ...                  # Etc…
+		|
+		|– partials/
+		|   |– _navigation.scss  # Navigation
+		|   |– _grid.scss        # Grid system
+		|   |– _header.scss      # Header
+		|   |– _footer.scss      # Footer
+		|   |– _sidebar.scss     # Sidebar
+		|   |– _forms.scss       # Forms
+		|   ...                  # Etc…
+		|
+		|– pages/
+		|   |– _home.scss        # Home specific styles
+		|   |– _contact.scss     # Contact specific styles
+		|   ...                  # Etc…
+		|
+		|– themes/
+		|   |– _theme.scss       # Default theme
+		|   |– _admin.scss       # Admin theme
+		|   ...                  # Etc…
+		|
+		|– helpers/
+		|   |– _variables.scss   # Sass Variables
+		|   |– _functions.scss   # Sass Functions
+		|   |– _mixins.scss      # Sass Mixins
+		|   |– _helpers.scss     # Class & placeholders helpers
+		|
+		|– vendors/
+		|   |– _bootstrap.scss   # Bootstrap
+		|   |– _jquery-ui.scss   # jQuery UI
+		|   ...                  # Etc…
+		|
+		|
+		`– main.scss             # primary Sass file
+
+###目录结构描述
+
+目录结构采用的是常见的7-1模式的结构：7个文件夹，1个文件。基本上，你需要将所有的部件放进7个不同的文件夹和一个位于根目录的文件（通常命名为 main.scss）中——这个文件编译时会引用所有文件夹而形成一个CSS样式表。
+
+####base
+
+`base/`文件夹存放项目中的模板文件。在这里，可以找到重置文件、排版规范文件或者一个样式表（我通常命名为`_base.scss`）——定义一些HTML元素公认的标准样式。
+
+####components
+
+对于小型组件来说，有一个`components/`文件夹来存放。相对于`partials/`的宏观（定义全局线框结构），`components/`更专注于局部组件。该文件夹包含各类具体模块，基本上是所有的独立模块，比如一个滑块、一个加载块、一个部件……由于整个网站或应用程序主要由微型模块构成，`components/`中往往有大量文件。
+
+####partials
+
+`partials/`文件夹存放构建网站或者应用程序使用到的布局部分。该文件夹存放网站主体（头部、尾部、导航栏、侧边栏...）的样式表、栅格系统甚至是所有表单的CSS样式。(备注：常常也命名为`layout/`)。
+
+####pages
+
+如果页面有特定的样式，最好将该样式文件放进`pages/`文件夹并用页面名字。例如，主页通常具有独特的样式，因此可以在`pages/`下包含一个`_home.scss`以实现需求。
+
+####themes
+
+在大型网站和应用程序中，往往有多种主题。虽有多种方式管理这些主题，但是我个人更喜欢把它们存放在`themes/`文件夹中。
+
+####helpers
+
+`helpers/`文件夹包含了整个项目中使用到的Sass辅助工具，这里存放着每一个全局变量、函数、混合宏和占位符。(备注，常常也命名为`utils/`)
+
+该文件夹的经验法则是，编译后这里不应该输出任何CSS，单纯的只是一些Sass辅助工具。
+
+####vendors
+
+最后但并非最终的，大多数的项目都有一个`vendors/`文件夹，用来存放所有外部库和框架（Normalize, Bootstrap, jQueryUI, FancyCarouselSliderjQueryPowered……）的CSS文件。将这些文件放在同一个文件中是一个很好的说明方式:"嘿，这些不是我的代码，无关我的责任。"
+
+如果你重写了任何库或框架的部分，建议设置第8个文件夹`vendors-extensions/`来存放，并使用相同的名字命名。例如，`vendors-extensions/_boostrap.scss`文件存放所有重写Bootstrap默认CSS之后的CSS规则。这是为了避免在原库或者框架文件中进行二次编辑。
+
+####main.scss
+
+主文件（通常写作`main.scss`，也常常命名为`style.scss`）应该是整个代码库中唯一开头不用下划线命名的Sass文件。除 `@import`和注释外，该文件不应该包含任何其他代码。
+
+
+#####main.scss文件引入顺序
+
+文件应该按照存在的位置顺序依次被引用进来：
+
+1. vendors/
+2. helpers/
+3. base/
+4. partials/
+5. components/
+6. pages/
+7. themes/
+
+为了保持可读性，主文件应遵守如下准则：
+
+- 每个 `@import`引用一个文件；
+- 每个 `@import`单独一行；
+- 从相同文件夹中引入的文件之间不用空行；
+- 从不同文件夹中引入的文件之间用空行分隔；
+- 忽略文件扩展名和下划线前缀。
+
+例如：
+
+		@import 'vendors/bootstrap';
+		@import 'vendors/jquery-ui';
+
+		@import 'helpers/variables';
+		@import 'helpers/functions';
+		@import 'helpers/mixins';
+		@import 'helpers/placeholders';
+
+		@import 'base/reset';
+		@import 'base/typography';
+
+		@import 'partials/navigation';
+		@import 'partials/grid';
+		@import 'partials/header';
+		@import 'partials/footer';
+		@import 'partials/sidebar';
+		@import 'partials/forms';
+
+		@import 'components/buttons';
+		@import 'components/carousel';
+		@import 'components/cover';
+		@import 'components/dropdown';
+
+		@import 'pages/home';
+		@import 'pages/contact';
+
+		@import 'themes/theme';
+		@import 'themes/admin';
+
+这里还有另一种引入的有效方式。令人高兴的是，它使文件更具有可读性；令人沮丧的是，更新时会有些麻烦。不管怎么说，由你决定哪一个最好，这没有任何问题。 对于这种方式，主要文件应遵守如下准则：
+
+- 每个文件夹只使用一个`@import`
+- 每个`@import`之后都断行
+- 每个文件占一行
+- 新的文件跟在最后的文件夹后面
+- 文件扩展名都可以省略
+
+例如：
+
+		@import
+		  'vendors/bootstrap',
+		  'vendors/jquery-ui';
+
+		@import
+		  'helpers/variables',
+		  'helpers/functions',
+		  'helpers/mixins',
+		  'helpers/placeholders';
+
+		@import
+		  'base/reset',
+		  'base/typography';
+
+		@import
+		  'partials/navigation',
+		  'partials/grid',
+		  'partials/header',
+		  'partials/footer',
+		  'partials/sidebar',
+		  'partials/forms';
+
+		@import
+		  'components/buttons',
+		  'components/carousel',
+		  'components/cover',
+		  'components/dropdown';
+
+		@import
+		  'pages/home',
+		  'pages/contact';
+
+		@import
+		  'themes/theme',
+		  'themes/admin';
+
+小技巧，为了避免人工一个一个文件引入，可以使用Ruby Sass扩展程序[sass-globbing](https://github.com/chriseppstein/sass-globbing)。

data/stylesheets/sassmagic/helpers/_helpers.scss

@@ -0,0 +1,24 @@
+//pull-left
+%pull-left {
+	@include float(left);
+}
+
+//pull-right
+
+%pull-right {
+	@include float(right);
+}
+
+//clearfix
+
+%clearfix {
+	&:before,
+	&:after {
+		content:"";
+		display: table;
+	}
+	&:after {
+		overflow: hidden;
+		clear: both;
+	}
+}

data/stylesheets/sassmagic/helpers/_mixins.scss

@@ -0,0 +1,4 @@
+@import "mixins/backgroundTransparent";
+@import "mixins/ellipsis-overflow";
+@import "mixins/float";
+@import "mixins/px2rem";

data/stylesheets/sassmagic/helpers/mixins/README.md

@@ -0,0 +1,120 @@
+#Mixins使用方法
+
+Sass中的mixins默认情况下可以不调用任何参数，此时调用的参数为定义mixins是设置的参数；第二种情形是调用是指定参数。Sass调用mixins都是通过`@include`关键词。
+
+###1. ellipsis-overflow
+
+####功能
+
+字符截取，末尾出现三个`...`。
+
+####参数
+
+定义`$substract`参数,默认值为`0`。指定元素需要去掉的宽度。
+
+####调用
+
+调用默认参数值，也就是`$substract`值为0;
+
+		@include ellipsis-overflow;
+
+指定能数值调用：
+
+		@include ellipsis-overflow(20);
+
+####示例
+
+SCSS
+
+		.block {
+		  @include ellipsis-overflow(20%);
+		}
+
+CSS
+
+		.block {
+		  overflow: hidden;
+		  text-overflow: ellipsis;
+		  white-space: nowrap;
+		  width: 80%;
+		}
+
+###2. float
+
+####功能
+
+设置元素浮动方向。
+
+####参数
+
+- `$direction`: 定义浮动方向，默认值为`left`。可选值为`left`、`right`和`none`。
+- `$support-for-ie`:布尔值，默认值为`true`。可选值为`true`和`flase`。（如果不需要考虑兼容IE6,可以去掉这个参数）。
+
+####调用
+
+默认调用方法：
+
+	@include float;
+
+带参数调用方法：
+
+	@include float(right, false);
+
+####示例
+
+SCSS
+
+		.pull-left {
+		  @include float(left);
+		}
+		
+		.pull-right {
+		  @include float(right,false);
+		}
+
+CSS
+
+		.pull-left {
+		  float: left;
+		  _display: inline;
+		}
+		
+		.pull-right {
+		  float: right;
+		}
+
+###3.backgroundTransparent
+
+####功能
+
+设置带有透明度的背景颜色。
+
+####参数
+
+- `$color`: 背景颜色
+- `$opacity`: 透明度
+- `$support-for-ie`: 布尔值，默认`false`,如果需要兼容低版本浏览器，只需要将其设置为`true`
+
+####调用
+
+默认调用方法：
+
+		@include backgroundTransparent(#000,.5);//颜色和透明度可以根据自己需求定义
+
+带参数调用方法：
+
+		@include backgroundTransparent(#000,.5,true);
+
+####示例
+
+SCSS
+
+		.box {
+		  @include backgroundTransparent(#000,.5);
+		}
+
+CSS
+
+		.box {
+		  background-color: rgba(0, 0, 0, 0.5);
+		}

data/stylesheets/sassmagic/helpers/mixins/_backgroundTransparent.scss

@@ -0,0 +1,14 @@
+//Author：Janking　（https://github.com/Janking）
+
+//eg: https://gist.github.com/airen/040f6f06bcc8b3176d8a
+
+@mixin backgroundTransparent($color,$opacity,$support-for-ie:false){
+	background-color:rgba($color,$opacity);
+	@if $support-for-ie{
+		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#{ie-hex-str(rgba($color,$opacity))},endColorstr=#{ie-hex-str(rgba($color,$opacity))});
+		
+		:root & {
+			filter:none;
+		}
+	}
+}

data/stylesheets/sassmagic/helpers/mixins/_content.scss

@@ -0,0 +1,15 @@
+//eg: https://gist.github.com/08bce58e9af2fa223118
+@mixin content($attr,$content:null){
+  @if $attr {
+    display: inline-block;
+    content: $attr;
+  }
+  @else if $content != null {
+    content: quote($content);
+    display: inline-block;
+  }
+  @else {
+    content: "";
+    display: table;
+  }
+}

data/stylesheets/sassmagic/helpers/mixins/_ellipsis-overflow.scss

@@ -0,0 +1,9 @@
+//eg:https://gist.github.com/airen/caf49ca5c5e7743f9996
+
+@mixin ellipsis-overflow($substract:0) {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	width: 100% - $substract;
+}
+

data/stylesheets/sassmagic/helpers/mixins/_float.scss

@@ -0,0 +1,9 @@
+//https://gist.github.com/airen/d7f8ad25c982750dcb86
+
+@mixin float($direction: left,$support-for-ie:true){
+
+	float: unquote($direction);
+	@if $support-for-ie{
+		_display: inline;
+	}
+}

data/stylesheets/sassmagic/helpers/mixins/_px2rem.scss

@@ -0,0 +1,28 @@
+//Thanks: https://github.com/bitmanic/rem/blob/master/stylesheets/_rem.scss by @benfrain (https://github.com/benfrain)
+
+//eg: https://gist.github.com/airen/cdf85f2a704fbca00dec
+
+@mixin px2rem($property,$px-values,$baseline-px:16px,$support-for-ie:false){
+	//Conver the baseline into rems
+	$baseline-rem: $baseline-px / 1rem * 1;
+	//Print the first line in pixel values
+	@if $support-for-ie {
+		#{$property}: $px-values;
+	}
+	//if there is only one (numeric) value, return the property/value line for it.
+	@if type-of($px-values) == "number"{
+		#{$property}: $px-values / $baseline-rem;
+	}
+	@else {
+		//Create an empty list that we can dump values into
+		$rem-values:();
+		@each $value in $px-values{
+			// If the value is zero or not a number, return it
+			@if $value == 0 or type-of($value) != "number"{
+				$rem-values: append($rem-values, $value / $baseline-rem);
+			}
+		}
+		// Return the property and its list of converted values
+		#{$property}: $rem-values;
+	}
+}

data/stylesheets/sassmagic/helpers/mixins/_resizable.scss

@@ -0,0 +1,4 @@
+@mixin resizable($direction) {
+  resize: $direction; // Options: horizontal, vertical, both
+  overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
+}

data/stylesheets/sassmagic/helpers/mixins/_stickyFooter.scss

@@ -0,0 +1,38 @@
+//From: http://compass-style.org/reference/compass/layout/sticky_footer/
+
+//html
+
+// <body>
+//   <div id="wrapper">
+//     <div id="wrapper-inner"></div>
+//     <div id="push"></div>
+//   </div>
+//   <div id="footer">
+//     Footer content goes here.
+//   </div>
+// </body>
+
+
+//eg: https://gist.github.com/airen/2f7211d7819dddaf6003
+
+@mixin stickyFooter($footer-height, $root-selector: unquote("#wrapper"), $root-footer-selector: unquote("#push"), $footer-selector: unquote("#footer")) {
+  html, body {
+    height: 100%;
+  }
+  #{$root-selector} {
+    clear: both;
+    min-height: 100%;
+    height: auto !important;
+    height: 100%;
+    margin-bottom: -$footer-height;
+  }
+  #{$root-footer-selector} {
+    height: $footer-height;
+  }
+
+  #{$footer-selector} {
+    clear: both;
+    position: relative;
+    height: $footer-height;
+  }
+}

data/stylesheets/sassmagic/helpers/mixins/_visuallyHidden.scss

@@ -0,0 +1,25 @@
+//@include visuallyHidden;
+
+@mixin visuallyHidden($support-for-ie:true) {
+	@if $support-for-ie {
+		clip: rect(0,0,0,0);
+	}
+	border: 0;
+	clip: rect(0 0 0 0);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+	
+	&.focusable:active,
+	&.focusable:focus {
+		clip: auto;
+		height: auto;
+		margin: 0;
+		overflow: visible;
+		position: static;
+		width: auto;
+	}
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: sassmagic
 version: !ruby/object:Gem::Version
-  version: 0.1.4
+  version: 0.1.5
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-10 00:00:00.000000000 Z
+date: 2015-03-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -48,16 +48,20 @@ files:
 - lib/sassmagic/reset.rb
 - lib/sassmagic/utils.rb
 - lib/sassmagic.rb
-- stylesheets/sassmagic/_+.scss
-- stylesheets/sassmagic/functions/_list.scss
-- stylesheets/sassmagic/functions/_support.scss
-- stylesheets/sassmagic/mixins/_clearfix.scss
-- stylesheets/sassmagic/mixins/_ellipsis-overflow.scss
-- stylesheets/sassmagic/mixins/_float.scss
-- stylesheets/sassmagic/mixins/_font-face.scss
-- stylesheets/sassmagic/mixins/_image.scss
-- stylesheets/sassmagic/mixins/_inline-block.scss
-- stylesheets/sassmagic/mixins/_placeholder-wrapper.scss
+- stylesheets/sassmagic/helpers/_helpers.scss
+- stylesheets/sassmagic/helpers/_mixins.scss
+- stylesheets/sassmagic/helpers/_variables.scss
+- stylesheets/sassmagic/helpers/mixins/_backgroundTransparent.scss
+- stylesheets/sassmagic/helpers/mixins/_content.scss
+- stylesheets/sassmagic/helpers/mixins/_ellipsis-overflow.scss
+- stylesheets/sassmagic/helpers/mixins/_float.scss
+- stylesheets/sassmagic/helpers/mixins/_px2rem.scss
+- stylesheets/sassmagic/helpers/mixins/_resizable.scss
+- stylesheets/sassmagic/helpers/mixins/_stickyFooter.scss
+- stylesheets/sassmagic/helpers/mixins/_visuallyHidden.scss
+- stylesheets/sassmagic/helpers/mixins/README.md
+- stylesheets/sassmagic/main.scss
+- stylesheets/sassmagic/README.md
 - Changelog.md
 - Readme.md
 homepage: https://github.com/ringself/sassmagic

data/stylesheets/sassmagic/_+.scss

@@ -1,10 +0,0 @@
-//used by base.scss
-@import 'functions/support';
-@import 'functions/list';
-@import 'mixins/placeholder-wrapper';
-@import 'mixins/clearfix';
-@import 'mixins/ellipsis-overflow';
-@import 'mixins/float';
-@import 'mixins/font-face';
-@import 'mixins/image';
-@import 'mixins/inline-block';

data/stylesheets/sassmagic/functions/_list.scss

@@ -1,27 +0,0 @@
-@function comma-list($list: ()) {
-  @return join((), $list, comma);
-}
-
-
-@function slice($list, $min: 1, $max: length($list)) {
-  $output: comma-list();
-  $length: length($list);
-
-  @if $max < 0 {
-    $max: $length + $max + 1;
-  }
-
-  @if $max > $length {
-    $max: $length;
-  }
-
-  @if $min >= 1 and $min <= $length and
-      $max >= 1 and $max <= $length and
-      $min <= $max {
-    @for $i from $min through $max {
-      $output: append($output, nth($list, $i));
-    }
-  }
-
-  @return $output;
-}

data/stylesheets/sassmagic/functions/_support.scss

@@ -1,14 +0,0 @@
-// Examples:
-// support-browser(ios)
-// support-browser(ie 8)
-@function support-browser($args) {
-  @if length($args) == 1 {
-    @return map-has-key($browser-supports, to-lower-case($args));
-  }
-  @else {
-    @return not not index(
-      map-get($browser-supports, to-lower-case(nth($args, 1))),
-      nth($args, 2)
-    );
-  }
-}

data/stylesheets/sassmagic/mixins/_clearfix.scss

@@ -1,19 +0,0 @@
-@mixin clearfix {
-  $colon: unquote(if(support-browser(ie 8), ':', '::')) !global;
-
-  @include placeholder-wrapper('clearfix') {
-    &#{$colon}before,
-    &#{$colon}after {
-      content: '\20';
-      display: table;
-    }
-
-    &#{$colon}after {
-      clear: both;
-    }
-
-    @if support-browser(ie 7) {
-      *zoom: 1;
-    }
-  }
-}

data/stylesheets/sassmagic/mixins/_ellipsis-overflow.scss

@@ -1,7 +0,0 @@
-@mixin ellipsis-overflow {
-  @include placeholder-wrapper('ellipsis-overflow') {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-}

data/stylesheets/sassmagic/mixins/_float.scss

@@ -1,8 +0,0 @@
-@mixin float($side, $important: false) {
-  $flag: if($important, ' !important', '');
-
-  float: unquote($side) + $flag;
-  @if support-browser(ie 6) {
-    _display: inline + $flag;
-  }
-}

data/stylesheets/sassmagic/mixins/_font-face.scss

@@ -1,20 +0,0 @@
-@mixin font-face($font-family, $paths...) {
-  $ie9-url: null;
-
-  @if support-browser(ie 9) {
-    @each $path in $paths {
-      @if str-index($path, '.eot') {
-        $i: str-index($path, '#');
-        $end: if($i, $i - 1, str-length($path));
-        $ie9-url: nth(nth(url(str-slice($path, 1, $end)), 1), 1);
-      }
-    }
-  }
-
-  @font-face {
-    font-family: $font-family;
-    @content;
-    src: $ie9-url;
-    src: url($paths);
-  }
-}

data/stylesheets/sassmagic/mixins/_image.scss

@@ -1,19 +0,0 @@
-@mixin img-retina {
-  @media
-  only screen and (-webkit-min-device-pixel-ratio: 2),
-  only screen and (   min--moz-device-pixel-ratio: 2),
-  only screen and (     -o-min-device-pixel-ratio: 2/1),
-  only screen and (        min-device-pixel-ratio: 2),
-  only screen and (                min-resolution: 192dpi),
-  only screen and (                min-resolution: 2dppx) {
-    @content;
-  }
-}
-
-@mixin img-responsive($display: block) {
-  @include placeholder-wrapper('img-responsive', $display) {
-    display: $display;
-    max-width: 100%;
-    height: auto;
-  }
-}

data/stylesheets/sassmagic/mixins/_inline-block.scss

@@ -1,8 +0,0 @@
-@mixin inline-block {
-  display: inline-block;
-
-  @if support-browser(ie 7) {
-    *display: inline;
-    *zoom: 1;
-  }
-}

data/stylesheets/sassmagic/mixins/_placeholder-wrapper.scss

@@ -1,15 +0,0 @@
-$anonymous-placeholders: ();
-
-@mixin placeholder-wrapper($name, $args...) {
-  $times: map-get($anonymous-placeholders, ($name, $args)) or 0;
-  $anonymous-placeholders: map-merge($anonymous-placeholders, (($name, $args): $times + 1)) !global;
-  $index: index($anonymous-placeholders, (($name, $args) ($times + 1)));
-
-  @if $times == 0 {
-    @at-root %-#{$name}-#{$index} {
-      @content;
-    }
-  }
-
-  @extend %-#{$name}-#{$index};
-}