kyruus-bootstrap-sass 1.0.0.rc1

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

@@ -0,0 +1,32 @@
+@mixin dataTables_icon($unicode, $color, $hilite) {
+  &:after {
+    font-family: FontAwesome;
+    font-weight: normal;
+    font-style: normal;
+    display: inline-block;
+    text-decoration: inherit;
+
+    position: absolute;
+    right: -11px;
+    content: $unicode;
+    color: $color;
+  }
+  &:hover:after {
+    color: $hilite;
+  }
+}
+
+@mixin sticky-footer ($footer-height: ($baseLineHeight * 4), $footer-padding-top: 70px, $footer-padding-bottom: 70px, $footer-margin-top: 70px) {
+  .wrapper {
+    margin: 0 auto (-($footer-height + $footer-padding-bottom + $footer-padding-top + $footer-margin-top + 1));
+  }
+  .push {
+    height: ($footer-height + $footer-padding-bottom + $footer-padding-top + $footer-margin-top + 1);
+  }
+
+  .footer {
+    margin-top: $footer-margin-top;
+    height: $footer-height;
+    padding: $footer-padding-top 0 $footer-padding-bottom;
+  }
+}

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

@@ -0,0 +1,14 @@
+//
+// Kyruus Modals
+// --------------------------------------------------
+
+
+// Background
+.modal-backdrop,
+.modal-backdrop.fade.in{
+  background-color: mix($blueDarker, $black, 50%);
+}
+
+.modal-header .close {
+  margin: 0;
+}

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

@@ -0,0 +1,233 @@
+//
+// Navbars
+// --------------------------------------------------
+
+
+// Kyruus navbar
+// -------------------------
+
+.jumbotron, .navbar {
+  .container, .container-fluid {
+    position: relative; // fixes z-index problem when layering waves
+    z-index: 2; // fixes z-index problem when layering waves
+  }
+}
+
+.navbar-kyruus {
+  position: relative;
+  color: $navbarKyruusText;
+  margin-bottom: 30px;
+
+  &:after {
+    content:'';
+    display:block;
+    position:absolute;
+    top:0;
+    right:0;
+    bottom:0;
+    left:0;
+    background: image-url('kyruus-bootstrap/kyruus-waves-light.svg');
+  }
+
+
+  .nav {
+//    margin-top: 2px;
+  }
+
+  &.navbar-padded {
+    .brand {
+      margin-top: 50px;
+      &.brand-large {
+        margin-bottom: 0;
+        margin-top: 37px;
+      }
+    }
+    .nav {
+      margin-top: 52px;
+    }
+  }
+
+  .nav-pills.pull-right {
+    margin-right: -20px;
+  }
+
+  .navbar-inner {
+    @include gradient-vertical($navbarKyruusBackgroundHighlight, $navbarKyruusBackground);
+    border-color: $navbarKyruusBorder;
+  }
+
+  &.navbar-kyruus-large .navbar-inner {
+    @include gradient-vertical($navbarKyruusBackgroundHighlight, $navbarKyruusBackgroundLarge);
+  }
+
+
+  &.navbar .nav > .active > a, &.navbar .nav > .active > a:hover, &.navbar .nav > .active > a:focus {
+    font-weight: normal;
+    @include box-shadow(none);
+  }
+
+  .brand {
+    padding: 7px 20px 8px;
+    width: 75px;
+    height: 25px;
+    background: image-url('kyruus-bootstrap/kyruus-logo-white.gif') no-repeat center center;
+    background: rgba(0,0,0,0) image-url('kyruus-bootstrap/kyruus-logo-white.svg') no-repeat center center;
+  }
+  .brand-large {
+    width: 110px;
+    height: 38px;
+    margin-bottom: 5px;
+    background: image-url('kyruus-bootstrap/kyruus-logo-white-large.gif') no-repeat center center;
+    background: rgba(0,0,0,0) image-url('kyruus-bootstrap/kyruus-logo-white.svg') no-repeat center center;
+    background-size: 110px 38px;
+  }
+
+  .brand-passport {
+    &.brand {
+      width: 131px;
+      height: 25px;
+      background: image-url('kyruus-bootstrap/passport-logo-white.gif') no-repeat center center;
+      background: rgba(0,0,0,0) image-url('kyruus-bootstrap/passport-logo-white.svg') no-repeat center center;
+    }
+    &.brand-large {
+      width: 199px;
+      height: 38px;
+      margin-bottom: 5px;
+      background: image-url('kyruus-bootstrap/passport-logo-white-large.gif') no-repeat center center;
+      background: rgba(0,0,0,0) image-url('kyruus-bootstrap/passport-logo-white.svg') no-repeat center center;
+      background-size: 199px 38px;
+    }
+  }
+
+  .brand,
+  .nav > li > a {
+    color: $navbarKyruusLinkColor;
+    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
+    &:hover {
+      color: $navbarKyruusLinkColorHover;
+    }
+  }
+
+  .nav > li > a {
+//    margin-top: 5px;
+  }
+
+
+
+  .nav > li > a:focus,
+  .nav > li > a:hover {
+    color: $navbarKyruusLinkColorHover;
+    background-color: $navbarKyruusLinkBackgroundHover;
+    background-color: rgba(0,51,102,.25);
+    *background-color: $navbarKyruusLinkBackgroundHover;
+  }
+
+  .nav .active > a,
+  .nav .active > a:hover,
+  .nav .active > a:focus {
+    color: $navbarKyruusLinkColorActive;
+    background-color: $navbarKyruusLinkBackgroundActive;
+    background-color: rgba(0,51,102,.15);
+    *background-color: $navbarKyruusLinkBackgroundActive;
+  }
+
+  .nav-large {
+    $nav-large-size: 20px;
+    margin-top: 7px;
+    font-size: 20px;
+    .divider-vertical {
+      margin: 4px 9px;
+      height: $nav-large-size * 1.5;
+    }
+  }
+
+// Inline text links
+  .navbar-link {
+    color: $navbarKyruusLinkColor;
+    &:hover {
+      color: $navbarKyruusLinkColorHover;
+    }
+  }
+
+// Dividers in navbar
+  .divider-vertical {
+    margin: 9px;
+    padding-right: 2px;
+    height: $baseLineHeight;
+    border-left-color: mix($blueLight, $blue, 50%);
+    border-right-color: mix($blueLight, $blue, 50%);
+  }
+
+  .dropdown-toggle > i.icon-caret-down { display: inline; }
+
+// Dropdowns
+  .nav li.dropdown.open > .dropdown-toggle,
+  .nav li.dropdown.active > .dropdown-toggle,
+  .nav li.dropdown.open.active > .dropdown-toggle {
+    background-color: $navbarKyruusLinkBackgroundActive;
+    background-color: rgba(0,51,102,.15);
+    *background-color: $navbarKyruusLinkBackgroundActive;
+    color: $navbarKyruusLinkColorActive;
+  }
+  .nav li.dropdown > .dropdown-toggle .caret {
+    border-top-color: $navbarKyruusLinkColor;
+    border-bottom-color: $navbarKyruusLinkColor;
+  }
+  .nav li.dropdown.open > .dropdown-toggle .caret,
+  .nav li.dropdown.active > .dropdown-toggle .caret,
+  .nav li.dropdown.open.active > .dropdown-toggle .caret {
+    border-top-color: $navbarKyruusLinkColorActive;
+    border-bottom-color: $navbarKyruusLinkColorActive;
+  }
+
+// Navbar search
+  .navbar-search {
+    .search-query {
+      color: $white;
+      background-color: $navbarKyruusSearchBackground;
+      border-color: $navbarKyruusSearchBorder;
+//      @include box-shadow(~"inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15)");
+      @include transition(none);
+      @include placeholder($navbarKyruusSearchPlaceholderColor);
+
+    // Focus states (we use .focused since IE7-8 and down doesn't support :focus)
+      &:focus,
+      &.focused {
+        padding: 5px 15px;
+        color: $grayDark;
+        text-shadow: 0 1px 0 $white;
+        background-color: $navbarKyruusSearchBackgroundFocus;
+        border: 0;
+        @include box-shadow(0 0 3px rgba(0,0,0,.15));
+        outline: 0;
+      }
+    }
+  }
+
+// Navbar collapse button
+  .btn-navbar {
+    @include buttonBackground(darken($navbarKyruusBackgroundHighlight, 5%), darken($navbarKyruusBackground, 5%));
+  }
+
+}
+
+.navbar-static-top {
+  min-width: 990px; // necessary fix for non-responsive layouts
+  @include border-radius(0);
+  &.navbar-kyruus .navbar-inner {
+  //    .box-shadow(0 0 4px $blueDarker); // make a nice shadow underneath navbar
+  }
+}
+
+.navbar-kyruus {
+  .badge {
+    padding: 2px 7px;
+    vertical-align: text-top;
+    margin-top: -2px;
+    margin-bottom: -2px;
+  }
+
+  .badge-important {
+    background: darken($errorText, 2%);
+  }
+}

data/vendor/assets/stylesheets/kyruus-bootstrap/_progress-bars.scss

@@ -0,0 +1,78 @@
+//
+// Kyruus Progress bars
+// --------------------------------------------------
+
+.progress {
+  position: relative;
+}
+
+.progress-small {
+  height: $baseLineHeight / 2;
+  margin-bottom: 0;
+  @include border-radius($baseBorderRadius / 2);
+}
+
+// Bar of progress
+.progress .bar {
+  @include gradient-vertical($blue, mix($blue, $blueDark, 50%));
+}
+
+// Striped bars
+.progress-striped .bar {
+  @include gradient-striped($blue);
+}
+
+
+// COLORS
+// ------
+
+// Danger (red)
+.progress-danger .bar, .progress .bar-danger {
+  @include gradient-vertical($red, mix($red, $redDark, 30%));
+}
+.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
+  @include gradient-striped($red);
+}
+
+// Success (green)
+.progress-success .bar, .progress .bar-success {
+  @include gradient-vertical($green, mix($green, $greenDark, 50%));
+}
+.progress-success.progress-striped .bar, .progress-striped .bar-success {
+  @include gradient-striped($green);
+}
+
+// Info (teal)
+.progress-info .bar, .progress .bar-info {
+  @include gradient-vertical(mix($blueLight, $blue, 70%), mix($blueLight, $blue, 40%));
+}
+.progress-info.progress-striped .bar, .progress-striped .bar-info {
+  @include gradient-striped(mix($blueLight, $blue, 80%));
+}
+
+// Warning (orange)
+.progress-warning .bar, .progress .bar-warning {
+  @include gradient-vertical($yellow, mix($yellow, $yellowDark, 50%));
+}
+.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
+  @include gradient-striped(mix($yellow, mix($yellow, $yellowDark, 50%), 50%));
+}
+
+.progress .bar-overlay {
+  position: absolute;
+  text-align: center;
+  width: 100%;
+  top: 0;
+  left:0;
+  color: $white;
+  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
+}
+
+.progress-key {
+  width: ($baseFontSize * 2/3);
+  height: ($baseFontSize * 2/3);
+  display: inline-block;
+  @include ie7-inline-block();
+  margin: 0;
+  @include border-radius(2px);
+}

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

@@ -0,0 +1,38 @@
+.table-bordered-outer {
+  border: 1px solid $tableBorder;
+  border-collapse: separate; // Done so we can round those corners!
+  *border-collapse: collapse; // IE7 can't round corners anyway
+  @include border-radius($baseBorderRadius);
+}
+
+.table tbody tr > td {
+  &.success {
+    background-color: darken($successBackground, 5%);
+  }
+  &.error {
+    background-color: darken($errorBackground, 5%);
+  }
+  &.warning {
+    background-color: darken($warningBackground, 5%);
+  }
+  &.info {
+    background-color: darken($infoBackground, 5%);
+  }
+}
+
+
+// Hover states for .table-hover
+.table-hover tbody tr:hover > td {
+  &.success {
+    background-color: darken($successBackground, 10%);
+  }
+  &.error {
+    background-color: darken($errorBackground, 10%);
+  }
+  &.warning {
+    background-color: darken($warningBackground, 10%);
+  }
+  &.info {
+    background-color: darken($infoBackground, 10%);
+  }
+}

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

@@ -0,0 +1,106 @@
+//
+// Typography
+// --------------------------------------------------
+
+
+// Body text
+// -------------------------
+
+.lead {
+  margin-bottom: $baseLineHeight / 2;
+  font-size: $baseFontSize + 4;
+  font-weight: bold;
+  line-height: $baseLineHeight + 6;
+}
+
+.lead-large, .copy-large .lead {
+  margin-bottom: $baseLineHeight * 1.5;
+  font-size: $baseFontSize + 10;
+  font-weight: bold;
+  line-height: $baseLineHeight + 15;
+
+  small {
+    font-size: 70%;
+  }
+}
+
+.copy-large {
+  &, & li {
+    font-size: $baseFontSize + 4;
+    line-height: $baseLineHeight + 4;
+  }
+  li {
+    margin: $baseLineHeight/4 0;
+  }
+}
+
+
+h1,
+h2,
+h3 { line-height: $baseLineHeight * 2; }
+
+h1 { font-size: $baseFontSize * 2.5; } // ~35px
+h2 { font-size: $baseFontSize * 2; } // ~28px
+h3 { font-size: $baseFontSize * 1.5; } // ~21px
+h4 { font-size: $baseFontSize * 1.285; } // ~18px
+h5 { font-size: $baseFontSize; }
+h6 { font-size: $baseFontSize * 0.85; } // ~12px
+
+h1 small { font-size: $baseFontSize * 1.75; } // ~24px
+h2 small { font-size: $baseFontSize * 1.25; } // ~18px
+h3 small { font-size: $baseFontSize; }
+h4 small { font-size: $baseFontSize; }
+
+
+// MISC
+// ----
+
+// Horizontal rules
+hr.hr-small {
+  margin: $baseLineHeight/2  0;
+}
+
+
+// Floats
+img.pull-right {
+  margin: 20px;
+  margin-right: 0;
+}
+
+img.pull-left {
+  margin: 20px;
+  margin-left: 0;
+}
+
+.nowrap {
+  white-space: nowrap;
+}
+
+.text-indent-negative {
+  text-indent: -22px;
+  margin-left: 22px;
+}
+
+// Horizontal layout (like forms)
+.dl-horizontal {
+  dt {
+    font-weight: normal;
+  }
+  &.dl-compact {
+    dt {
+      width: $horizontalComponentOffset - 80;
+    }
+    dd {
+      margin-left: $horizontalComponentOffset - 60;
+      word-wrap : break-word;
+    }
+  }
+  &.dl-padded {
+    dt, dd {
+      padding-bottom: 14px;
+    }
+  }
+  dt.strong { font-weight: bold; }
+}
+
+td.number { text-align: right; }