sass/ezy/grid/_debug.scss in ezy-0.3.3 vs sass/ezy/grid/_debug.scss in ezy-0.4.0.beta
- old
+ new
@@ -1,52 +1,22 @@
// ---------------------------------------------------------------------------
-// @mixin
+// @mixin
-@mixin debug-text {
- background-color: #EBEBEB;
- border: 1px solid #7A7A7A;
- color: #000;
- display: inline-block;
- font-family: monospace, serif;
- font-size: 8px;
- left: 0;
- line-height: 11px;
- padding: 0px 2px;
- position: absolute;
- top: 0;
- z-index: 999;
-}
-
@mixin debug-styles {
position: relative;
&:before {
- @include debug-text;
+ background-color: rgba(0,0,0,.2);
+ display: inline-block;
+ font-family: monospace, serif;
+ font-size: 8px;
+ line-height: 11px;
+ padding: 0px 2px;
+ position: absolute;
}
}
@mixin debug-info( $columns, $context: $total-columns ) {
$debug-text: "#{ $columns } of #{ $context }";
&:before {
content: "#{ $debug-text }";
- }
-}
-
-@mixin debug-layout-styles {
- @include debug-styles;
- &:before {
- bottom: 0;
- padding: 1px 4px;
- top: auto;
- white-space: pre-wrap;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- -o-box-sizing: border-box;
- -ms-box-sizing: border-box;
- }
-}
-
-@mixin debug-layout-info( $info ) {
- &:before {
- content: "#{ $info }";
}
}