kyruus-bootstrap-sass 1.0.0.rc1

data/vendor/assets/stylesheets/kyruus-bootstrap/_button-groups.scss

@@ -0,0 +1,50 @@
+//
+// Kyruus button groups
+// --------------------------------------------------
+
+
+// Reset fonts for other sizes
+.btn-group > .btn-xlarge {
+  font-size: $baseFontSize + 6px;
+}
+
+// Reset corners for large buttons
+.btn-group > .btn.xlarge:first-child {
+  margin-left: 0;
+  -webkit-border-top-left-radius: 7px;
+  -moz-border-radius-topleft: 7px;
+  border-top-left-radius: 7px;
+  -webkit-border-bottom-left-radius: 7px;
+  -moz-border-radius-bottomleft: 7px;
+  border-bottom-left-radius: 7px;
+}
+.btn-group > .btn.xlarge:last-child,
+.btn-group > .xlarge.dropdown-toggle {
+  -webkit-border-top-right-radius: 7px;
+  -moz-border-radius-topright: 7px;
+  border-top-right-radius: 7px;
+  -webkit-border-bottom-right-radius: 7px;
+  -moz-border-radius-bottomright: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+// Split button dropdowns
+// ----------------------
+
+// Give the line between buttons some depth
+.btn-group > .btn-xlarge + .dropdown-toggle {
+  padding-left: 16px;
+  padding-right: 16px;
+  *padding-top: 9px;
+  *padding-bottom: 9px;
+}
+
+// Vertical button groups
+// ----------------------
+
+.btn-group-vertical .btn-large:first-child {
+  @include border-radius(7px 7px 0 0);
+}
+.btn-group-vertical .btn-large:last-child {
+  @include border-radius(0 0 7px 7px);
+}

data/vendor/assets/stylesheets/kyruus-bootstrap/_buttons.scss

@@ -0,0 +1,83 @@
+//
+// Buttons
+// --------------------------------------------------
+
+
+// Base styles
+// --------------------------------------------------
+
+// Core
+.btn {
+  font-weight: bold;
+  font-family: $sansFontFamily;
+}
+
+
+// Button Sizes
+// --------------------------------------------------
+
+// X-Large
+.btn-xl {
+  padding: $paddingXL;
+  font-size: $fontSizeXL;
+  @include border-radius($borderRadiusXL);
+}
+
+
+// Cross-browser Jank
+// --------------------------------------------------
+
+button.btn,
+input[type="submit"].btn {
+
+  &.btn-xl {
+    *padding-top: 9px;
+    *padding-bottom: 9px;
+  }
+}
+
+// Block button
+.btn-block {
+  display: block;
+  width: 100%;
+  padding-left: 0;
+  padding-right: 0;
+  @include box-sizing(border-box);
+}
+
+
+// Link buttons
+// --------------------------------------------------
+// Must call again to reset style for Kyruus Bootstrap
+
+// Make a button look and behave like a link
+.btn-link,
+.btn-link:active {
+  font-weight: normal;
+  background-color: transparent;
+  background-image: none;
+}
+.btn-link {
+  border-color: transparent;
+  cursor: pointer;
+  color: $linkColor;
+}
+.btn-link:hover {
+  color: $linkColorHover;
+  background-color: transparent;
+}
+
+.btn-list {
+  h4 { margin: 0 0 15px; }
+  .btn {
+    margin-bottom: 10px;
+    text-align: left;
+    i {
+      width: 1.1em;
+      display: inline-block;
+      margin-right: .3em;
+      text-align: center;
+      margin-left: 22px;
+    }
+  }
+}

data/vendor/assets/stylesheets/kyruus-bootstrap/_close.scss

@@ -0,0 +1,14 @@
+//
+// Kyruus close icons
+// --------------------------------------------------
+// Resets the .close style to play nice with Font Awesome
+
+.close {
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.alert .close {
+  line-height: inherit;
+  padding-top: 2px;
+}

data/vendor/assets/stylesheets/kyruus-bootstrap/_dropdowns.scss

@@ -0,0 +1,14 @@
+//
+// Kyruus dropdown menus
+// --------------------------------------------------
+
+
+// overwrites dropdown submenus with a Font Awesome icon-caret-right
+.dropdown-submenu > a:after {
+  font-family: FontAwesome;
+  content: "\f0da";
+  width: auto;
+  height: auto;
+  border: none;
+  margin-top: 0;
+}

data/vendor/assets/stylesheets/kyruus-bootstrap/_font-awesome.scss

@@ -0,0 +1,78 @@
+//
+// Kyruus Font Awesome styles
+// --------------------------------------------------
+
+
+.btn.btn-xlarge {
+  [class^="icon-"],
+  [class*=" icon-"] {
+    vertical-align: -7%;
+
+  }
+}
+
+.icon-fixed-width {
+  width: 1.1em;
+  display: inline-block;
+}
+
+.icon-6x {
+  font-size: 6em;
+  &.icon-border {
+    padding: .1em .2em;
+    border-width: 6px;
+    @include border-radius(8px);
+  }
+}
+
+.icon-7x {
+  font-size: 7em;
+  &.icon-border {
+    padding: .1em .2em;
+    border-width: 7px;
+    @include border-radius(9px);
+  }
+}
+
+.icon-8x {
+  font-size: 8em;
+  &.icon-border {
+    padding: .1em .2em;
+    border-width: 8px;
+    @include border-radius(10px);
+  }
+}
+
+// allows usage of the hide class directly on font awesome icons
+[class^="icon-"],
+[class*=" icon-"] {
+  &.hide { display:none; }
+}
+
+// fixes font awesome underlining with icons embedded inside anchor tags
+a {
+  [class^="icon-"],
+  [class*=" icon-"] {
+    &, &:before { display: inline; }
+  }
+}
+
+.btn.btn-xl {
+  [class^="icon-"],
+  [class*=" icon-"] {
+    &.icon-large:before {
+      vertical-align: -15%;
+    }
+    margin-top: 0; // overrides bootstrap default
+    &.pull-left, &.pull-right {
+      &.icon-2x { margin-top: .05em; }
+    }
+    &.pull-left.icon-2x { margin-right: .2em; }
+    &.pull-right.icon-2x { margin-left: .2em; }
+  }
+}
+
+.icon-1x {
+  font-size: $baseFontSize;
+  vertical-align: middle;
+}

data/vendor/assets/stylesheets/kyruus-bootstrap/_fonts.scss

@@ -0,0 +1,35 @@
+@font-face {
+    font-family: 'museo-slab';
+    src: font-url('museo_slab_300-webfont.eot');
+    src: font-url('museo_slab_300-webfont.eot?#iefix') format('embedded-opentype'),
+         font-url('museo_slab_300-webfont.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+  font-family: 'museo-slab';
+  src: font-url('museo_slab_500-webfont.eot');
+  src: font-url('museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
+       font-url('museo_slab_500-webfont.ttf') format('truetype');
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'proxima-nova';
+  src: font-url('proximanova-webfont.eot');
+  src: font-url('proximanova-webfont.eot?#iefix') format('embedded-opentype'),
+       font-url('proximanova-webfont.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'proxima-nova';
+  src: font-url('proximanova-bold-webfont.eot');
+  src: font-url('proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
+       font-url('proximanova-bold-webfont.ttf') format('truetype');
+  font-weight: bold;
+  font-style: normal;
+}

data/vendor/assets/stylesheets/kyruus-bootstrap/_footer.scss

@@ -0,0 +1,27 @@
+//
+// Kyruus Sticky Footers
+// --------------------------------------------------
+// make sure to set .sticky-footer()
+
+html, body {
+  height: 100%;
+}
+.wrapper {
+  min-height: 100%;
+  height: auto !important;
+  height: 100%;
+}
+
+.footer {
+  min-width: 990px; // necessary fix for non-responsive layouts
+  border-top: 1px solid $grayLighter;
+  background-color: #f5f5f5;
+
+  color: #777;
+
+  p {
+    margin-bottom: 0;
+  }
+}
+
+@include sticky-footer(); // sets default values for sticky footer

data/vendor/assets/stylesheets/kyruus-bootstrap/_forms.scss

@@ -0,0 +1,26 @@
+//
+// Forms
+// --------------------------------------------------
+
+// Compact Horizontal Form
+// --------------------------
+
+.form-horizontal.form-horizontal-compact {
+// Increase spacing between groups
+  .control-group {
+    margin-bottom: $baseLineHeight / 2;
+  }
+}
+
+// HELP TEXT
+// ---------
+
+.help-block,
+.help-inline {
+  color: $grayLight; // lighten the text some for contrast
+}
+
+.optional {
+  color: $grayLight;
+  &:after { content: " (Optional)"; }
+}

data/vendor/assets/stylesheets/kyruus-bootstrap/_jumbotron.scss

@@ -0,0 +1,26 @@
+//
+// Jumbotron
+// --------------------------------------------------
+
+
+// Base styles
+// --------------------------------------------------
+
+.jumbotron {
+  color:#ffffff;
+  text-shadow:0 1px 3px rgba(0,0,0,0.4), 0 0 30px rgba(0,0,0,0.075);
+  h1 {
+    font-size: 80px;
+    letter-spacing: -1px;
+    line-height: 1;
+  }
+  p {
+    font-size:24px;
+    font-weight: 300;
+    line-height: 30px;
+    margin-bottom: 30px;
+  }
+  &.jumbotron-padded {
+    padding: 55px 0 45px;
+  }
+}

data/vendor/assets/stylesheets/kyruus-bootstrap/_labels-badges.scss

@@ -0,0 +1,38 @@
+//
+// Labels and badges
+// --------------------------------------------------
+
+
+// Base classes
+.label,
+.badge {
+  background-color: mix($grayLight, $grayLighter, 40%);
+}
+
+// Set unique padding and border-radii
+.label {
+  padding: 3px 4px 2px;
+}
+.badge {
+  padding: 3px 9px 2px;
+}
+
+// Colors
+// Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute)
+@each $item in label, badge {
+// Important (red)
+  .#{$item}-important         { background-color: $red; }
+  .#{$item}-important[href]   { background-color: darken($red, 10%); }
+// Warnings (orange)
+  .#{$item}-warning           { background-color: $yellow; color: $grayDark; text-shadow: 0 -1px 0 $yellowLighter; }
+  .#{$item}-warning[href]     { background-color: darken($yellow, 10%); }
+// Success (green)
+  .#{$item}-success           { background-color: mix($green, $greenLight, 70%); }
+  .#{$item}-success[href]     { background-color: darken($green, 10%); }
+// Info (turquoise)
+  .#{$item}-info              { background-color: mix($blue, $blueLight, 20%); }
+  .#{$item}-info[href]        { background-color: darken($blue, 10%); }
+// Inverse (black)
+  .#{$item}-inverse           { background-color: $grayDark; }
+  .#{$item}-inverse[href]     { background-color: darken($grayDark, 10%); }
+}

data/vendor/assets/stylesheets/kyruus-bootstrap/_lazy.scss

@@ -0,0 +1,83 @@
+.padding-none         { padding: 0 !important; }
+.padding              { padding: 10px !important; }
+.padding-small        { padding: 5px !important; }
+.padding-large        { padding: 22px !important; }
+
+.padding-top-none     { padding-top: 0 !important; }
+.padding-top          { padding-top: 10px !important; }
+.padding-top-small    { padding-top: 5px !important; }
+.padding-top-large    { padding-top: 22px !important; }
+
+.padding-right-none   { padding-right: 0 !important; }
+.padding-right        { padding-right: 10px !important; }
+.padding-right-small  { padding-right: 5px !important; }
+.padding-right-large  { padding-right: 22px !important; }
+
+.padding-bottom-none  { padding-bottom: 0 !important; }
+.padding-bottom       { padding-bottom: 10px !important; }
+.padding-bottom-small { padding-bottom: 5px !important; }
+.padding-bottom-large { padding-bottom: 22px !important; }
+
+.padding-left-none    { padding-left: 0 !important; }
+.padding-left         { padding-left: 10px !important; }
+.padding-left-small   { padding-left: 5px !important; }
+.padding-left-large   { padding-left: 22px !important; }
+
+.margin-none          { margin: 0 !important; }
+.margin               { margin: 10px !important; }
+.margin-small         { margin: 5px !important; }
+.margin-large         { margin: 22px !important; }
+
+.margin-top-none      { margin-top: 0 !important; }
+.margin-top           { margin-top: 10px !important; }
+.margin-top-large     { margin-top: 22px !important; }
+.margin-top-small     { margin-top: 5px !important; }
+
+.margin-right-none    { margin-right: 0 !important; }
+.margin-right         { margin-right: 10px !important; }
+.margin-right-large   { margin-right: 22px !important; }
+.margin-right-small   { margin-right: 5px !important; }
+
+.margin-bottom-none   { margin-bottom: 0 !important; }
+.margin-bottom        { margin-bottom: 10px !important; }
+.margin-bottom-large  { margin-bottom: 22px !important; }
+.margin-bottom-small  { margin-bottom: 5px !important; }
+
+.margin-left-none     { margin-left: 0 !important; }
+.margin-left          { margin-left: 10px !important; }
+.margin-left-large    { margin-left: 22px !important; }
+.margin-left-small    { margin-left: 5px !important; }
+
+.border-left-none     { border-left: none !important; }
+.border-right-none    { border-right: none !important; }
+.border-bottom-none   { border-bottom: none !important; }
+.border-top-none      { border-top: none !important; }
+
+.display-block { display: block; } // use to swap an anchor tag to span a whole row to make click target larger
+.no-underline:hover { text-decoration: none; }
+.clickable { cursor: pointer; }
+.strong { font-weight: bold; }
+.em { font-style: italic; }
+.small { font-size: 85%; } // Ex: 14px base font * 85% = about 12px
+.no-link { color: $grayDark; }
+.text-sans-serif { font-family: $sansFontFamily; }
+.text-ellipsis { @include text-overflow(); } // truncates text to a single line with an ellipsis at the end
+.text-default {
+  font-family: $sansFontFamily;
+  font-size: $baseFontSize;
+  line-height: $baseLineHeight;
+  font-weight: normal;
+}
+.hilite {
+  color: $linkColor;
+  &:hover {
+    color: $linkColorHover;
+    text-decoration: underline;
+  }
+  [class^="icon-"], [class*=" icon-"] {
+    &:before {
+      display: inline;
+    }
+  }
+}
+.strike { text-decoration: line-through; }