spec/dummy/tmp/cache/sass/fced329c33ec1fff188d99efbc4d1fd1c556b66a/layout.css.scssc in api_taster-0.2.0 vs spec/dummy/tmp/cache/sass/fced329c33ec1fff188d99efbc4d1fd1c556b66a/layout.css.scssc in api_taster-0.2.1

@@ -1,83 +1,153 @@
 3.1.19 (Brainy Betty)
-8082da98035d3b65c37c430f6a2db2cb642b6739
+5e7b9d9a61bebf8b9fa65f0dc3a835172915c5e9
 o:Sass::Tree::RootNode
-:@children[o:Sass::Tree::ImportNode
+:@children[o:Sass::Tree::ImportNode
 :@imported_filenameI"bootstrap:ET;[:@template0:
 @linei:
@options{o:Sass::Tree::VariableNode:
 @nameI"colour_text;	T:
 @expro:Sass::Script::Color	:@value0:@attrs{	:redi8:
 greeni8:	bluei8:
 alphai;i;@
 :
@guarded0;[;i;@
 o;
;I"colour_grey;	T;o;	;0;{	;i
™;i
™;i
™;i;i	;@
 ;0;[;i	;@
+o:Sass::Tree::CommentNode;[I"/* layout */;	T:@silenti:
+@loud0;[;i;@
 o:Sass::Tree::RuleNode:
-@rule[I"	body;	T:
-@tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence:
@members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence;[o:Sass::Selector::Element	;[I"	body;	T:@namespace0;i:@filenameI";	F;i;"@!;i;"@!;[o:Sass::Tree::PropNode;[I"padding-top;	T;o:Sass::Script::String;I"	50px;	T:
+@rule[I"body, html;	T:
+@tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence:
@members[o:Sass::Selector::Sequence; [o:#Sass::Selector::SimpleSequence; [o:Sass::Selector::Element	;[I"	body;	T:@namespace0;i
:@filenameI";	F;i
;%@%o;!; [o;"; [o;#	;[I"	html;	T;$0;i
;%@%;i
;%@%;i
;%@%;[o:Sass::Tree::PropNode;[I"height;	T;o:Sass::Script::String;I"	100%;	T:
 @type:identifier;@
-;i:@prop_syntax:new;[;i;@
-o;#;[I"padding-bottom;	T;o;$;I"	50px;	T;%;&;@
-;i;';(;[;i
;@
-;i:@has_childrenT;@
-o;;[I".hidden;	T;i;o;;[o;;[o;;[o:Sass::Selector::Class;[I"hidden;	T;i;"I";	F;i;"@;;i;"@;;[o;#;[I"display;	T;o;$;I"	none;	T;%;&;@
-;i;';(;[;i;@
-;i;)T;@
-o;;[I".form-actions;	T;i;o;;[o;;[o;;[o;*;[I"form-actions;	T;i;"I";	F;i;"@O;i;"@O;[o;#;[I"padding-bottom;	T;o;$;I"0;	T;%;&;@
-;i;';(;[;i;@
-o;#;[I"margin-bottom;	T;o;$;I"0;	T;%;&;@
-;i;';(;[;i;@
-;i;)T;@
-o;;[I"legend;	T;i;o;;[o;;[o;;[o; 	;[I"legend;	T;!0;i;"I";	F;i;"@i;i;"@i;[	o;#;[I"font-size;	T;o;$;I"	14px;	T;%;&;@
-;i;';(;[;i;@
-o;#;[I"font-weight;	T;o;$;I"	bold;	T;%;&;@
-;i;';(;[;i;@
-o;#;[I"
-color;	T;o:Sass::Script::Variable	;I"colour_grey;	T:@underscored_nameI"colour_grey;	T;i;@
-;i;';(;[;i;@
-o;;[I"&.super-legend;	F;i;o;;[o;;[o;;[o:Sass::Selector::Parent;i;"I";	Fo;*;[I"super-legend;	F;i;"@
ƒ;i;"@
ƒ;i;"@
ƒ;[o;#;[I"
-color;	T;o;+	;I"colour_text;	T;,I"colour_text;	T;i;@
-;i;';(;[;i;@
-;i;)T;@
-;i;)T;@
-o;;[I".label-api;	T;i;o;;[o;;[o;;[o;*;[I"label-api;	T;i#;"I";	F;i#;"@
›;i#;"@
›;[o;#;[I"display;	T;o;$;I"inline-block;	T;%;&;@
-;i;';(;[;i$;@
-o;#;[I"padding-right;	T;o;$;I"5px;	T;%;&;@
-;i;';(;[;i%;@
-;i#;)T;@
-o;;[I".label-api-full;	T;i;o;;[o;;[o;;[o;*;[I"label-api-full;	T;i(;"I";	F;i(;"@
µ;i(;"@
µ;[o;#;[I"
-width;	T;o;$;I"	50px;	T;%;&;@
-;i;';(;[;i);@
-o;#;[I"text-align;	T;o;$;I"
-right;	T;%;&;@
-;i;';(;[;i*;@
-;i(;)T;@
-o;;[I".breadcrumb-controller;	T;i;o;;[o;;[o;;[o;*;[I"breadcrumb-controller;	T;i-;"I";	F;i-;"@
Ï;i-;"@
Ï;[o;#;[I"font-weight;	T;o;$;I"	bold;	T;%;&;@
-;i;';(;[;i.;@
-o;#;[I"
-color;	T;o;+	;I"colour_grey;	T;,I"colour_grey;	T;i/;@
-;i;';(;[;i/;@
-;i-;)T;@
-o;;[I"#show-api-response-div;	T;i;o;;[o;;[o;;[o:Sass::Selector::Id;[I"show-api-response-div;	T;i2;"I";	F;i2;"@
ê;i2;"@
ê;[o;;[I"pre.nowrap;	T;i;o;;[o;;[o;;[o; 	;[I"pre;	T;!0;i3;"I";	Fo;*;[I"nowrap;	T;i3;"@
ø;i3;"@
ø;i3;"@
ø;[o;#;[I"overflow-x;	T;o;$;I"	auto;	T;%;&;@
-;i;';(;[;i4;@
-o;#;[I"white-space;	T;o;$;I"pre;	T;%;&;@
-;i;';(;[;i5;@
-o;#;[I"word-wrap;	T;o;$;I"normal;	T;%;&;@
-;i;';(;[;i6;@
-;i3;)T;@
-;i2;)T;@
+;i:@prop_syntax:new;[;i;@
+o;&;[I"
overflow;	T;o;';I"hidden;	T;(;);@
+;i;*;+;[;i;@
+;i
:@has_childrenT;@
+o;;[I"	body;	T;i;o;; [o;!; [o;"; [o;#	;[I"	body;	T;$0;i;%I";	F;i;%@F;i;%@F;[;i;,T;@
+o;;[I"
#wrapper;	T;i;o;; [o;!; [o;"; [o:Sass::Selector::Id;[I"wrapper;	T;i;%I";	F;i;%@T;i;%@T;[o;&;[I"height;	T;o;';I"	100%;	T;(;);@
+;i;*;+;[;i;@
+o;;[I"#main-container;	T;i;o;; [o;!; [o;"; [o;-;[I"main-container;	T;i;%I";	F;i;%@h;i;%@h;[o;&;[I"height;	T;o;';I"	100%;	T;(;);@
+;i;*;+;[;i;@
+o;&;[I"
overflow;	T;o;';I"hidden;	T;(;);@
+;i;*;+;[;i;@
+o;&;[I"padding-top;	T;o;';I"	50px;	T;(;);@
+;i;*;+;[;i;@
+;i;,T;@
+;i;,T;@
+o;;[I"!#list-api-div,
+#show-api-div;	F;i;o;; [o;!; [o;"; [o;-;[I"list-api-div;	F;i ;%I";	F;i ;%@
ƒo;!; [I"
+;	Fo;"; [o;-;[I"show-api-div;	F;i ;%@
ƒ;i ;%@
ƒ;i ;%@
ƒ;[o;&;[I"height;	T;o;';I"	100%;	T;(;);@
+;i;*;+;[;i!;@
+o;&;[I"
overflow;	T;o;';I"	auto;	T;(;);@
+;i;*;+;[;i";@
+o;;[I".div-container;	T;i;o;; [o;!; [o;"; [o:Sass::Selector::Class;[I"div-container;	T;i$;%I";	F;i$;%@
¥;i$;%@
¥;[o;&;[I"padding-bottom;	T;o;';I"	50px;	T;(;);@
+;i;*;+;[;i%;@
+;i$;,T;@
+;i ;,T;@
+o;;[I"/* elements */;	T;i;0;[;i);@
+o;;[I".hidden;	T;i;o;; [o;!; [o;"; [o;.;[I"hidden;	T;i+;%I";	F;i+;%@
½;i+;%@
½;[o;&;[I"display;	T;o;';I"	none;	T;(;);@
+;i;*;+;[;i,;@
+;i+;,T;@
+o;;[I".form-actions;	T;i;o;; [o;!; [o;"; [o;.;[I"form-actions;	T;i/;%I";	F;i/;%@
Ñ;i/;%@
Ñ;[o;&;[I"padding-bottom;	T;o;';I"0;	T;(;);@
+;i;*;+;[;i0;@
+o;&;[I"margin-bottom;	T;o;';I"0;	T;(;);@
+;i;*;+;[;i1;@
+;i/;,T;@
+o;;[I"legend;	T;i;o;; [o;!; [o;"; [o;#	;[I"legend;	T;$0;i4;%I";	F;i4;%@
ë;i4;%@
ë;[	o;&;[I"font-size;	T;o;';I"	14px;	T;(;);@
+;i;*;+;[;i5;@
+o;&;[I"font-weight;	T;o;';I"	bold;	T;(;);@
+;i;*;+;[;i6;@
+o;&;[I"
+color;	T;o:Sass::Script::Variable	;I"colour_grey;	T:@underscored_nameI"colour_grey;	T;i7;@
+;i;*;+;[;i7;@
+o;;[I"&.compact-legend;	F;i;o;; [o;!; [o;"; [o:Sass::Selector::Parent;i9;%I";	Fo;.;[I"compact-legend;	F;i9;%@
+
;i9;%@
+
;i9;%@
+
;[o;&;[I"padding;	T;o;';I"0;	T;(;);@
+;i;*;+;[;i:;@
+o;&;[I"font-size;	T;o;';I"	12px;	T;(;);@
+;i;*;+;[;i;;@
+o;&;[I"line-height;	T;o;';I"	24px;	T;(;);@
+;i;*;+;[;i<;@
+;i9;,T;@
+;i4;,T;@
+o;;[I".nav-label;	T;i;o;; [o;!; [o;"; [o;.;[I"nav-label;	T;i@;%I";	F;i@;%@-
;i@;%@-
;[
+o;&;[I"padding;	T;o;';I"
8px 12px;	T;(;);@
+;i;*;+;[;iA;@
+o;&;[I"line-height;	T;o;';I"	18px;	T;(;);@
+;i;*;+;[;iB;@
+o;&;[I"margin-right;	T;o;';I"5px;	T;(;);@
+;i;*;+;[;iC;@
+o;&;[I"font-weight;	T;o;';I"	bold;	T;(;);@
+;i;*;+;[;iD;@
+o;&;[I"
+color;	T;o;/	;I"colour_grey;	T;0I"colour_grey;	T;iE;@
+;i;*;+;[;iE;@
+;i@;,T;@
+o;;[I".label-api;	T;i;o;; [o;!; [o;"; [o;.;[I"label-api;	T;iH;%I";	F;iH;%@Z
;iH;%@Z
;[o;&;[I"display;	T;o;';I"inline-block;	T;(;);@
+;i;*;+;[;iI;@
+o;&;[I"padding-right;	T;o;';I"5px;	T;(;);@
+;i;*;+;[;iJ;@
+;iH;,T;@
+o;;[I".label-api-full;	T;i;o;; [o;!; [o;"; [o;.;[I"label-api-full;	T;iM;%I";	F;iM;%@t
;iM;%@t
;[o;&;[I"
+width;	T;o;';I"	50px;	T;(;);@
+;i;*;+;[;iN;@
+o;&;[I"text-align;	T;o;';I"
+right;	T;(;);@
+;i;*;+;[;iO;@
+;iM;,T;@
+o;;[I".breadcrumb-controller;	T;i;o;; [o;!; [o;"; [o;.;[I"breadcrumb-controller;	T;iR;%I";	F;iR;%@Ž
;iR;%@Ž
;[o;&;[I"font-weight;	T;o;';I"	bold;	T;(;);@
+;i;*;+;[;iS;@
+o;&;[I"
+color;	T;o;/	;I"colour_grey;	T;0I"colour_grey;	T;iT;@
+;i;*;+;[;iT;@
+;iR;,T;@
+o;;[I"#show-api-response-div;	T;i;o;; [o;!; [o;"; [o;-;[I"show-api-response-div;	T;iW;%I";	F;iW;%@©
;iW;%@©
;[o;;[I"pre.nowrap;	T;i;o;; [o;!; [o;"; [o;#	;[I"pre;	T;$0;iX;%I";	Fo;.;[I"nowrap;	T;iX;%@·
;iX;%@·
;iX;%@·
;[o;&;[I"overflow-x;	T;o;';I"	auto;	T;(;);@
+;i;*;+;[;iY;@
+o;&;[I"white-space;	T;o;';I"pre;	T;(;);@
+;i;*;+;[;iZ;@
+o;&;[I"word-wrap;	T;o;';I"normal;	T;(;);@
+;i;*;+;[;i[;@
+;iX;,T;@
+;iW;,T;@
 ;
-I"}@import "bootstrap";
+I"(@import "bootstrap";
 
 $colour_text: #333;
 $colour_grey: #999;
 
+// layout
+
+body, html {
+  height: 100%;
+  overflow: hidden;
+}
+
 body {
-  padding-top: 50px;
-  padding-bottom: 50px;
 }
 
+#wrapper {
+  height: 100%;
+
+  #main-container {
+    height: 100%;
+    overflow: hidden;
+    padding-top: 50px;
+  }
+}
+
+#list-api-div,
+#show-api-div {
+  height: 100%;
+  overflow: auto;
+
+  .div-container {
+    padding-bottom: 50px;
+  }
+}
+
+// elements
+
 .hidden {
   display: none;
 }
 
 .form-actions {
@@ -88,15 +158,25 @@
 legend {
   font-size: 14px;
   font-weight: bold;
   color: $colour_grey;
 
-  &.super-legend {
-    color: $colour_text;
+  &.compact-legend {
+    padding: 0;
+    font-size: 12px;
+    line-height: 24px;
   }
 }
 
+.nav-label {
+  padding: 8px 12px;
+  line-height: 18px;
+  margin-right: 5px;
+  font-weight: bold;
+  color: $colour_grey;
+}
+
 .label-api {
   display: inline-block;
   padding-right: 5px;
 }
 
@@ -115,6 +195,6 @@
     overflow-x: auto;
     white-space: pre;
     word-wrap: normal;
   }
 }
-;	T;i;)T;@
+;	T;i;,T;@