kube-rails 0.0.10 → 0.2.0

data/vendor/kube/{reset.less → normalize.less}

@@ -1,5 +1,10 @@
-/* =Reset
+/* =Normalize
 -----------------------------------------------------------------------------*/
+*,
+*:before,
+*:after {
+	.box-sizing(border-box);
+}
 html {
     font-family: sans-serif;
     -ms-text-size-adjust: 100%;
@@ -92,7 +97,6 @@ h6 {
 	font-size: 100%;
 	vertical-align: baseline;
 	background: transparent;
-	font-style: normal;
 }
 a:active,
 a:hover {
@@ -131,7 +135,8 @@ audio:not([controls]) {
     height: 0;
 }
 /* To prevent some browsers from inserting quotes on q and p */
-blockquote, q {
+blockquote,
+q {
 	quotes: none;
 }
 blockquote p:before,
@@ -164,7 +169,6 @@ th img,
 td img {
 	vertical-align: top;
 }
-/* Webkit browsers reset margin */
 button,
 input,
 select,
@@ -174,6 +178,7 @@ textarea {
 textarea {
 	overflow: auto;
 	vertical-align: top;
+	resize: vertical;
 }
 /* Normalize buttons in IE */
 button {
@@ -188,28 +193,33 @@ button {
 }
 /* Trick with vertical align for radio and checkbox  */
 input[type="radio"],
-input[type="checkbox"]
-{
+input[type="checkbox"] {
 	font-size: 110%;
-    box-sizing: border-box;
+	position: relative;
+	top: -1px;
 }
 /* Normalize search fields */
 input[type="search"] {
 	-webkit-appearance: textfield;
-	.box-sizing(content-box);
 }
-input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
 	-webkit-appearance: none;
 }
-/* Horizontal rule reset  */
 hr {
 	display: block;
 	height: 1px;
 	border: 0;
 	border-top: 1px solid #ddd;
 }
-/* Clearfix */
-.group {
-	.clearfixing;
-}
+/* Responsive media */
+img,
+video {
+	max-width: 100%;
+	height: auto;
+}
+img {
+	-ms-interpolation-mode: bicubic;
+}
+audio {
+	width: 100%;
+}

data/vendor/kube/prettyprint.less

@@ -0,0 +1,69 @@
+/* string content */
+.str {
+	color: #dd1144;
+}
+
+/* a keyword */
+.kwd {
+	color: #333333;
+}
+
+/* a comment */
+.com {
+	color: #999988;
+}
+
+/* a type name */
+.typ {
+	color: #445588;
+}
+
+/* a literal value */
+.lit {
+	color: #445588;
+}
+
+/* punctuation */
+.pun {
+	color: #888;
+}
+
+/* lisp open bracket */
+.opn {
+	color: #333333;
+}
+
+/* lisp close bracket */
+.clo {
+	color: #333333;
+}
+
+/* a markup tag name */
+.tag {
+	color: #367ac3;
+}
+
+/* a markup attribute name */
+.atn {
+	color: #51a7c9;
+}
+
+/* a markup attribute value */
+.atv {
+	color: #709c1a;
+}
+
+/* a declaration */
+.dec {
+	color: #666;
+}
+
+/* a variable name */
+.var {
+	color: teal;
+}
+
+/* a function name */
+.fun {
+	color: #990000;
+}

data/vendor/kube/tables.less

@@ -1,65 +1,40 @@
 /* =Tables
 -----------------------------------------------------------------------------*/
-tfoot th,
-tfoot td {
-	background-color: @tfootBackgroundColor;
-}
-th,
-td {
-	border-bottom: @cellBorder;
-	padding: 0.5em 0.8em;
-}
-table caption {
-	text-transform: uppercase;
-	padding: 0 1em;
-	color: @colorGrayLight;
-	font-size: @smallFontSize;
-}
-table.table-flat td,
-table.table-flat th {
-  border: none;
-  padding: 0;
+table.table-bordered td,
+table.table-bordered th {
+	border: 1px solid #ddd;
 }
 table.table-simple td,
 table.table-simple th {
-  border: none;
-  padding: ((@baseLine / 2) / @em) 0.7em ((@baseLine / 2) / @em) 0;
-}
-table.table-simple caption {
+	border: none;
 	padding-left: 0;
 }
-table.table-bordered td,
-table.table-bordered th {
-  border: 1px solid #ddd;
-}
-table.table-stroked td,
-table.table-stroked th {
-  border-bottom: 1px solid #eee;
+table.table-flat td,
+table.table-flat th {
+	border: none;
+	padding: 0;
 }
 table.table-striped tbody tr:nth-child(odd) td {
-  background-color: @colorStripedTable;
-}
-table.table-hovered tbody tr:hover td,
-table.table-hovered thead tr:hover th {
-	background-color: @colorHoveredTable;
+	background-color: #f8f8f8;
 }
 
 /* Responsive Tables */
 .table-container {
 	width: 100%;
 	overflow: auto;
-	margin-bottom: @baseLine/@em;
-}
-.table-container table {
-	margin-bottom: 0;
+	margin-bottom: @baseLineInEms;
+	& table {
+		margin-bottom: 0;
+	}
+	&::-webkit-scrollbar {
+		-webkit-appearance: none;
+		width: 14px;
+		height: 14px;
+	}
+	&::-webkit-scrollbar-thumb {
+		border-radius: 8px;
+		border: 3px solid #fff;
+		background-color: rgba(0, 0, 0, .3);
+	}
 }
-.table-container::-webkit-scrollbar {
-	-webkit-appearance: none;
-	width: 14px;
-	height: 14px;
-}
-.table-container::-webkit-scrollbar-thumb {
-	border-radius: 8px;
-	border: 3px solid #fff;
-	background-color: rgba(0, 0, 0, .3);
-}
+

data/vendor/kube/typography.less

@@ -0,0 +1,324 @@
+/* =Typography
+-----------------------------------------------------------------------------*/
+body {
+	background: @backgroundBody;
+	color: @colorBody;
+	font-size: @baseFontSize + 0px;
+	line-height: @baseLineInEms;
+	font-family: @baseFontFamily;
+}
+a {
+	color: @colorLink;
+	&:focus,
+	&:hover {
+		color: @colorLinkHover;
+	}
+}
+.title,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	font-family: @headingsFontFamily;
+	font-weight: bold;
+	color: @colorHeadings;
+	text-rendering: optimizeLegibility;
+}
+h1 {
+	font-size: @h1FontSize;
+	line-height: 1.111em;
+	margin-bottom: .25em;
+}
+h2 {
+	font-size: @h2FontSize;
+	line-height: 1.111em;
+	margin-bottom: .5em;
+}
+h3 {
+	font-size: @h3FontSize;
+	line-height: 1.333em;
+	margin-bottom: .5em;
+}
+h4 {
+	font-size: @h4FontSize;
+	line-height: 1.5em;
+	margin-bottom: .333em;
+}
+h5 {
+	font-size: @h5FontSize;
+	line-height: @baseLineInEms;
+	margin-bottom: .25em;
+}
+h6 {
+	font-size: @h6FontSize;
+	text-transform: uppercase;
+	line-height: @baseLineInEms;
+	margin-bottom: .25em;
+}
+
+/* =Subheading
+-----------------------------------------------------------------------------*/
+hgroup h1:first-child,
+hgroup h2:first-child,
+hgroup h3:first-child,
+hgroup h4:first-child,
+hgroup h5:first-child, {
+	margin-bottom: 0;
+}
+h1.subheading,
+h2.subheading,
+h3.subheading,
+h4.subheading,
+h5.subheading {
+	font-weight: 300;
+}
+h1.subheading {
+	font-size: @h1SubheadingFontSize;
+}
+h2.subheading {
+	font-size: @h2SubheadingFontSize;
+}
+h3.subheading {
+	font-size: @h3SubheadingFontSize;
+}
+h4.subheading {
+	font-size: @h4SubheadingFontSize;
+}
+h5.subheading {
+	font-size: @h5SubheadingFontSize;
+}
+
+/* =Lead
+-----------------------------------------------------------------------------*/
+.lead {
+	font-size: @leadFontSize;
+	font-weight: 300;
+	line-height: 1.4em;
+	margin-bottom: .75em;
+}
+p,
+ul,
+ol,
+dl,
+dd,
+dt,
+blockquote,
+td,
+th {
+	line-height: @baseLineInEms;
+}
+ul,
+ol,
+ul ul,
+ol ol,
+ul ol,
+ol ul {
+	margin: 0 0 0 @baseLineInEms;
+}
+ol ol li {
+	list-style-type: lower-alpha;
+}
+ol ol ol li {
+	list-style-type: lower-roman;
+}
+p,
+ul,
+ol,
+dl,
+blockquote,
+hr,
+pre,
+table,
+form,
+fieldset,
+figure,
+address {
+	margin-bottom: @baseLineInEms;
+}
+address {
+	font-style: normal;
+}
+dl dt {
+	font-weight: 500;
+}
+dd {
+	margin-left: 1em;
+}
+blockquote {
+	font-size: @quoteFontSize;
+	font-style: italic;
+	position: relative;
+	padding-left: @baseLineInEms;
+	margin-left: 0;
+	border-left: 2px solid #dbdada;
+	& p {
+		margin-bottom: .5em;
+	}
+}
+blockquote small,
+cite {
+	color: #777;
+	font-style: italic;
+}
+small,
+blockquote cite {
+	font-size: @smallFontSize;
+	line-height: 1;
+}
+del {
+	text-decoration: line-through;
+}
+abbr[title],
+dfn[title] {
+	border-bottom: 1px dotted #000;
+	cursor: help;
+}
+strong,
+b {
+	font-weight: bold;
+}
+em,
+i {
+	font-style: italic;
+}
+sub,
+sup {
+	font-size: @superSmallFontSize;
+	line-height: 0;
+	position: relative;
+}
+sup {
+	top: -0.5em;
+}
+sub {
+	bottom: -0.25em;
+}
+figcaption {
+	font-size: @smallFontSize;
+	font-style: italic;
+}
+ins,
+mark {
+	background-color: @colorYellow;
+	color: @colorBlack;
+	text-decoration: none;
+}
+pre,
+code,
+kbd,
+samp {
+	font-size: 90%;
+	font-family: @codeFontFamily;
+}
+pre {
+	font-size: 90%;
+	line-height: 1.45em;
+	color: @colorBody;
+	background: #f6f6f6;
+	padding: @baseLineInEms;
+	overflow: auto;
+}
+code {
+	padding: 3px 3px 1px 3px;
+	display: inline-block;
+	line-height: 1;
+	background: #f6f6f6;
+	border: 1px solid #ddd;
+}
+pre code {
+	font-size: 100%;
+	border: none;
+	padding: 0;
+	background: none;
+	line-height: @baseLineInEms;
+}
+kbd {
+	padding: 2px 6px 1px 6px;
+	line-height: 1;
+	display: inline-block;
+	border-radius: .3em;
+	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px white inset;
+	background-color: #fafafa;
+	border: 1px solid #ccc;
+	color: @colorBody;
+	font-weight: normal;
+	white-space: nowrap;
+}
+button:active,
+button:focus {
+	outline: none;
+}
+input[type="text"],
+input[type="password"],
+input[type="email"],
+input[type="url"],
+input[type="phone"],
+input[type="tel"],
+input[type="number"],
+input[type="datetime"],
+input[type="date"],
+input[type="search"],
+input[type="datetime-local"],
+textarea,
+select[multiple="multiple"] {
+	font-family: @controlsFontFamily;
+	line-height: 1;
+	font-size: @baseFontSize + 0px;
+	border-radius: 0;
+	background: #fff;
+	box-shadow: none;
+	border: 1px solid #bbbcc0;
+	outline: none;
+	padding: 7px 5px;
+	position: relative;
+	z-index: 2;
+	-webkit-appearance: none;
+}
+input[type="text"],
+input[type="password"],
+input[type="email"],
+input[type="url"],
+input[type="phone"],
+input[type="tel"],
+input[type="number"],
+input[type="datetime"],
+input[type="date"],
+input[type="search"],
+input[type="datetime-local"] {
+	height: 2.3em;
+}
+input[type="range"] {
+	position: relative;
+	top: 3px;
+}
+select[multiple="multiple"],
+textarea {
+	line-height: 1.35em;
+}
+fieldset {
+	padding: @baseLineInEms;
+	margin-bottom: @baseLineInEms;
+	border: 1px solid #dbdada;
+}
+legend {
+	font-weight: bold;
+	padding: 0 1em;
+	margin-left: -1em;
+}
+tfoot th,
+tfoot td {
+	background-color: #f4f4f4;
+}
+th,
+td {
+	border-bottom: 1px solid #eee;
+	padding: 8px 10px;
+}
+table caption {
+	text-transform: uppercase;
+	padding: 0 1em;
+	color: #777;
+	font-size: @smallFontSize;
+}

data/vendor/kube/variables.less

@@ -1,68 +1,59 @@
 // Font
-@baseFontFamily: 'PT Sans', Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;
+@baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
 @headingsFontFamily: @baseFontFamily;
-@inputFontFamily: @baseFontFamily;
-@buttonFontFamily: @baseFontFamily;
-@codeFontFamily: Consolas, Monaco, monospace, sans-serif;
+@controlsFontFamily: @baseFontFamily;
+@codeFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace;
 
 // Base color
+@backgroundBody: #fff;
 @colorBody: #333;
 @colorHeadings: #222;
 
-// Type
-@baseFontSize: 14;
-@baseLineHeight: 1.65;
-@baseLine: @baseFontSize * @baseLineHeight;
-
 // Grid
 @gridWidth: 1000;
 @gridGutterWidth: 30;
 
-// Misc sizes
-@listsLeft: 2em;
-@columnarWidth: 150px;
-@columnarMargin: 20px;
-
-// Font sizes
-@bigFontSize: 1.2em;
-@smallFontSize: 0.85em;
-@superSmallFontSize: 0.7em;
-
-// FloatingImages
-@floatingMargin: 1em;
-@floatingBackgroundColor: #fff;
-@floatingPadding: 0;
-@floatingBorder: none;
-
-// LinkColor
-@colorLink: #369;
-@colorLinkHover: #ef6465;
+// Type
+@baseFontSize: 14;
+@baseLineHeight: 1.6;
+@baseLine: @baseFontSize * @baseLineHeight;
+@baseLineInEms: @baseLine / @em;
+
+// Heading
+@h1FontSize: @baseFontSize + 22px; // 36px
+@h2FontSize: @baseFontSize + 16px; // 30px
+@h3FontSize: @baseFontSize + 10px; // 24px
+@h4FontSize: @baseFontSize + 4px; // 18px
+@h5FontSize: @baseFontSize + 0px; // 14px
+@h6FontSize: @baseFontSize - 2px; // 12px
+
+@h1SubheadingFontSize: @baseFontSize + 16px; // 30px
+@h2SubheadingFontSize: @baseFontSize + 10px; // 24px
+@h3SubheadingFontSize: @baseFontSize + 4px; // 18px
+@h4SubheadingFontSize: @baseFontSize + 0px; // 14px
+@h5SubheadingFontSize: @baseFontSize - 2px; // 12px
+
+// Font size
+@superSmallFontSize: @baseFontSize - 4px; // 10px
+@smallFontSize: @baseFontSize - 2px; // 12px
+@leadFontSize: @baseFontSize + 4px; // 18px
+@bigFontSize: @baseFontSize + 4px; // 18px
+@quoteFontSize: @baseFontSize + 2px; // 16px
+@buttonsSmallFontSize: @baseFontSize - 3px; // 11px
 
 // Colors
-@colorBlack: #000;
-@colorGrayDark: #555;
-@colorGray: #777;
-@colorGrayLight: #999;
-@colorWhite: #fff;
-@colorRed: #ef6465;
-@colorOrange: #f48a30;
-@colorGreen: #90af45;
-@colorBlue: #1c7ab4;
-@colorYellow: #f3c835;
+@colorBlack: #0f0f0f;
+@colorBlue: #3d58a8;
+@colorRed: #d70a16;
+@colorGreen: #159776;
+@colorYellow: #fddc43;
 
-// BackgroundColor
-@markBackgroundColor: #fe5;
-@codeBackgroundColor: #f5f5f5;
-@tfootBackgroundColor: #f2f2f2;
-@colorStripedTable: #f5f5f5;
-@colorHoveredTable: #f6f6f6;
+// LinkColor
+@colorLink: #3570c3;
+@colorLinkHover: @colorRed;
 
-// Borders
-@cellBorder: 1px solid #eee;
-@cellBorderDark: 1px solid #ddd;
-@fieldsetBorder: 1px solid #e3e3e3;
+// Forms
+@fieldsBottom: 1em;
 
 // Util
-@em: @baseFontSize*1em;	// outputting ems, e.g. 14/@em
-
-
+@em: @baseFontSize * 1em; // outputting ems, e.g. 14 / @em