beetstrap 0.0.2

data/assets/stylesheets/beetstrap/_button-groups.scss

@@ -0,0 +1,228 @@
+//
+// Button groups
+// --------------------------------------------------
+
+// Make the div behave like a button
+.ic-btn-group,
+.ic-btn-group-vertical {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle; // match .ic-btn alignment given font-size hack above
+  > .ic-btn {
+    position: relative;
+    float: left;
+    // Bring the "active" button to the front
+    &:hover,
+    &:focus,
+    &:active,
+    &.active {
+      z-index: 2;
+    }
+  }
+}
+
+// Prevent double borders when buttons are next to each other
+.ic-btn-group {
+  .ic-btn + .ic-btn,
+  .ic-btn + .ic-btn-group,
+  .ic-btn-group + .ic-btn,
+  .ic-btn-group + .ic-btn-group {
+    margin-left: -1px;
+  }
+}
+
+// Optional: Group multiple button groups together for a toolbar
+.ic-btn-toolbar {
+  margin-left: -5px; // Offset the first child's margin
+  @include clearfix;
+
+  .ic-btn-group,
+  .input-group {
+    float: left;
+  }
+  > .ic-btn,
+  > .ic-btn-group,
+  > .input-group {
+    margin-left: 5px;
+  }
+}
+
+.ic-btn-group > .ic-btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
+  border-radius: 0;
+}
+
+// Set corners individual because sometimes a single button can be in a .ic-btn-group and we need :first-child and :last-child to both match
+.ic-btn-group > .ic-btn:first-child {
+  margin-left: 0;
+  &:not(:last-child):not(.dropdown-toggle) {
+    @include border-right-radius(0);
+  }
+}
+// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
+.ic-btn-group > .ic-btn:last-child:not(:first-child),
+.ic-btn-group > .dropdown-toggle:not(:first-child) {
+  @include border-left-radius(0);
+}
+
+// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
+.ic-btn-group > .ic-btn-group {
+  float: left;
+}
+.ic-btn-group > .ic-btn-group:not(:first-child):not(:last-child) > .ic-btn {
+  border-radius: 0;
+}
+.ic-btn-group > .ic-btn-group:first-child:not(:last-child) {
+  > .ic-btn:last-child,
+  > .dropdown-toggle {
+    @include border-right-radius(0);
+  }
+}
+.ic-btn-group > .ic-btn-group:last-child:not(:first-child) > .ic-btn:first-child {
+  @include border-left-radius(0);
+}
+
+// On active and open, don't show outline
+.ic-btn-group .dropdown-toggle:active,
+.ic-btn-group.open .dropdown-toggle {
+  outline: 0;
+}
+
+
+// Sizing
+//
+// Remix the default button sizing classes into new ones for easier manipulation.
+
+.ic-btn-group-xs > .ic-btn { @extend .ic-btn-xs; }
+.ic-btn-group-sm > .ic-btn { @extend .ic-btn-sm; }
+.ic-btn-group-lg > .ic-btn { @extend .ic-btn-lg; }
+
+
+// Split button dropdowns
+// ----------------------
+
+// Give the line between buttons some depth
+.ic-btn-group > .ic-btn + .dropdown-toggle {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+.ic-btn-group > .ic-btn-lg + .dropdown-toggle {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+// The clickable button for toggling the menu
+// Remove the gradient and set the same inset shadow as the :active state
+.ic-btn-group.open .dropdown-toggle {
+  @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
+
+  // Show no shadow for `.ic-btn-link` since it has no other button styles.
+  &.ic-btn-link {
+    @include box-shadow(none);
+  }
+}
+
+
+// Vertical button groups
+// ----------------------
+
+.ic-btn-group-vertical {
+  > .ic-btn,
+  > .ic-btn-group,
+  > .ic-btn-group > .ic-btn {
+    display: block;
+    float: none;
+    width: 100%;
+    max-width: 100%;
+  }
+
+  // Clear floats so dropdown menus can be properly placed
+  > .ic-btn-group {
+    @include clearfix;
+    > .ic-btn {
+      float: none;
+    }
+  }
+
+  > .ic-btn + .ic-btn,
+  > .ic-btn + .ic-btn-group,
+  > .ic-btn-group + .ic-btn,
+  > .ic-btn-group + .ic-btn-group {
+    margin-top: -1px;
+    margin-left: 0;
+  }
+}
+
+.ic-btn-group-vertical > .ic-btn {
+  &:not(:first-child):not(:last-child) {
+    border-radius: 0;
+  }
+  &:first-child:not(:last-child) {
+    border-top-right-radius: $border-radius-base;
+    @include border-bottom-radius(0);
+  }
+  &:last-child:not(:first-child) {
+    border-bottom-left-radius: $border-radius-base;
+    @include border-top-radius(0);
+  }
+}
+.ic-btn-group-vertical > .ic-btn-group:not(:first-child):not(:last-child) > .ic-btn {
+  border-radius: 0;
+}
+.ic-btn-group-vertical > .ic-btn-group:first-child:not(:last-child) {
+  > .ic-btn:last-child,
+  > .dropdown-toggle {
+    @include border-bottom-radius(0);
+  }
+}
+.ic-btn-group-vertical > .ic-btn-group:last-child:not(:first-child) > .ic-btn:first-child {
+  @include border-top-radius(0);
+}
+
+
+// Justified button groups
+// ----------------------
+
+.ic-btn-group-justified {
+  display: table;
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: separate;
+  > .ic-btn,
+  > .ic-btn-group {
+    float: none;
+    display: table-cell;
+    width: 1%;
+  }
+  > .ic-btn-group .ic-btn {
+    width: 100%;
+  }
+
+  > .ic-btn-group .dropdown-menu {
+    left: auto;
+  }
+}
+
+
+// Checkbox and radio options
+//
+// In order to support the browser's form validation feedback, powered by the
+// `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
+// `display: none;` or `visibility: hidden;` as that also hides the popover.
+// Simply visually hiding the inputs via `opacity` would leave them clickable in
+// certain cases which is prevented by using `clip` and `pointer-events`.
+// This way, we ensure a DOM element is visible to position the popover from.
+//
+// See https://github.com/twbs/bootstrap/pull/12794 and
+// https://github.com/twbs/bootstrap/pull/14559 for more information.
+
+[data-toggle="buttons"] {
+  > .ic-btn,
+  > .ic-btn-group > .ic-btn {
+    input[type="radio"],
+    input[type="checkbox"] {
+      position: absolute;
+      clip: rect(0,0,0,0);
+      pointer-events: none;
+    }
+  }
+}

data/assets/stylesheets/beetstrap/_buttons.scss

@@ -0,0 +1,223 @@
+//
+// Buttons
+// --------------------------------------------------
+
+
+// Base styles
+// --------------------------------------------------
+
+
+.ic-btn {
+  display: inline-block;
+  margin-bottom: 0; // For input.btn
+  font-weight: $btn-font-weight;
+  text-align: center;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
+  border: 1px solid transparent;
+  white-space: nowrap;
+  -webkit-font-smoothing: antialiased;
+  @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $border-radius-base);
+  @include user-select(none);
+
+  &,
+  &:active,
+  &.active {
+    &:focus,
+    &.focus {
+      @include tab-focus();
+    }
+  }
+
+  &:hover,
+  &:focus,
+  &.focus {
+    color: $btn-default-color;
+    text-decoration: none;
+  }
+
+  &:active,
+  &.active {
+    outline: 0;
+    background-image: none;
+    @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
+  }
+
+  &.disabled,
+  &[disabled],
+  fieldset[disabled] & {
+    cursor: $cursor-disabled;
+    pointer-events: none; // Future-proof disabling of clicks
+    @include opacity(.65);
+    @include box-shadow(none);
+  }
+}
+
+
+// Alternate buttons
+// --------------------------------------------------
+
+.ic-btn-default {
+  @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
+
+  &:hover {
+    background-color: $btn-default-bg-hover;
+    border: 1px solid $btn-default-border-hover;
+  }
+}
+.ic-btn-primary {
+  @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
+}
+.ic-btn-success {
+  @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border);
+}
+.ic-btn-secondary {
+  @include button-variant($btn-secondary-color, $btn-secondary-bg, $btn-secondary-border);
+
+  &:hover {
+    background-color: #F2F9FA;
+  }
+
+  &:focus,
+  &.focus,
+  &:active,
+  &.active {
+    background-color: #E5EDEC;
+  }
+}
+.ic-btn-ng {
+  @include button-variant($btn-ng-color, $btn-ng-bg, $btn-ng-border);
+
+  &:hover {
+    background-color: #FFF6F2;
+  }
+
+  &:focus,
+  &.focus,
+  &:active,
+  &.active {
+    background-color: #FFD5BF;
+  }
+}
+.ic-btn-hollow {
+  @include button-variant(#fff, transparent, #fff);
+}
+
+// Link buttons
+// -------------------------
+
+// Make a button look and behave like a link
+.ic-btn-link {
+  color: $link-color;
+  font-weight: normal;
+  border-radius: 0;
+
+  &.is-muted {
+    color: $link-color-muted;
+  }
+
+  &,
+  &:active,
+  &.active,
+  &[disabled],
+  fieldset[disabled] & {
+    background-color: transparent;
+    @include box-shadow(none);
+  }
+  &,
+  &:hover,
+  &:focus,
+  &:active {
+    border-color: transparent;
+  }
+  &:hover,
+  &:focus {
+    color: $link-hover-color;
+    text-decoration: $link-hover-decoration;
+    background-color: transparent;
+  }
+  &[disabled],
+  fieldset[disabled] & {
+    &:hover,
+    &:focus {
+      color: $btn-link-disabled-color;
+      text-decoration: none;
+    }
+  }
+}
+
+
+// Button Sizes
+// --------------------------------------------------
+
+.ic-btn-lg {
+  // line-height: ensure even-numbered height of button next to large input
+  @include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large);
+}
+.ic-btn-sm {
+  // line-height: ensure proper height of button next to small input
+  @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);
+}
+.ic-btn-xs {
+  @include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, $border-radius-small);
+  text-transform: uppercase;
+}
+
+
+// Block button
+// --------------------------------------------------
+
+.ic-btn-block {
+  display: block;
+  width: 100%;
+}
+
+// Vertically space out multiple block buttons
+.ic-btn-block + .ic-btn-block {
+  margin-top: 5px;
+}
+
+// Specificity overrides
+input[type="submit"],
+input[type="reset"],
+input[type="button"] {
+  &.ic-btn-block {
+    width: 100%;
+  }
+}
+
+// Button with .ic-icon
+// --------------------------------------------------
+
+.ic-btn > .ic-icon {
+  position: relative;
+  top: 0.148em;
+}
+
+// Social Buttons
+
+.ic-btn-facebook {
+  background-color: $color-facebook;
+  color: #fff;
+
+  &:hover,
+  &:active,
+  &:focus {
+    background-color: darken($color-facebook, 10%);
+    color: #fff;
+  }
+}
+
+.ic-btn-twitter {
+  background-color: $color-twitter;
+  color: #fff;
+
+  &:hover,
+  &:active,
+  &:focus {
+    background-color: darken($color-twitter, 10%);
+    color: #fff;
+  }
+}

data/assets/stylesheets/beetstrap/_fonts.scss

@@ -0,0 +1,51 @@
+@font-face {
+  font-family: 'Open Sans';
+  font-weight: 300;
+  font-style: normal;
+  src: font-url('beetstrap/OpenSans-Light/OpenSans-Light.eot');
+  src: font-url('beetstrap/OpenSans-Light/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
+       local('Open Sans Light'),
+       local('OpenSans-Light'),
+       url('beetstrap/OpenSans-Light/OpenSans-Light.woff') format('woff'),
+       url('beetstrap/OpenSans-Light/OpenSans-Light.ttf') format('truetype'),
+       url('beetstrap/OpenSans-Light/OpenSans-Light.svg#OpenSans') format('svg');
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  font-weight: 400;
+  font-style: normal;
+  src: url('beetstrap/OpenSans/OpenSans.eot');
+  src: url('beetstrap/OpenSans/OpenSans.eot?#iefix') format('embedded-opentype'),
+       local('Open Sans'),
+       local('OpenSans'),
+       url('beetstrap/OpenSans/OpenSans.woff') format('woff'),
+       url('beetstrap/OpenSans/OpenSans.ttf') format('truetype'),
+       url('beetstrap/OpenSans/OpenSans.svg#OpenSans') format('svg');
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  font-weight: 600;
+  font-style: normal;
+  src: url('beetstrap/OpenSans-Semibold/OpenSans-Semibold.eot');
+  src: url('beetstrap/OpenSans-Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
+       local('Open Sans Semibold'),
+       local('OpenSans-Semibold'),
+       url('beetstrap/OpenSans-Semibold/OpenSans-Semibold.woff') format('woff'),
+       url('beetstrap/OpenSans-Semibold/OpenSans-Semibold.ttf') format('truetype'),
+       url('beetstrap/OpenSans-Semibold/OpenSans-Semibold.svg#OpenSans') format('svg');
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  font-weight: 700;
+  font-style: normal;
+  src: url('beetstrap/OpenSans-Bold/OpenSans-Bold.eot');
+  src: url('beetstrap/OpenSans-Bold/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
+       local('Open Sans Bold'),
+       local('OpenSans-Bold'),
+       url('beetstrap/OpenSans-Bold/OpenSans-Bold.woff') format('woff'),
+       url('beetstrap/OpenSans-Bold/OpenSans-Bold.ttf') format('truetype'),
+       url('beetstrap/OpenSans-Bold/OpenSans-Bold.svg#OpenSans') format('svg');
+}