cardinal-rails 3.1.0.00

data/vendor/assets/stylesheets/layout/wrappers.less

@@ -0,0 +1,30 @@
+/* ========================================================================== *\
+   Layout -> Wrappers ($layout-wrappers)
+\* ========================================================================== */
+
+.wrapper {
+  width: @wrapper-width;
+  .to-rem(max-width, @wrapper-max-width);
+  margin: 0 auto;
+
+  @media print {
+    width: auto;
+  }
+}
+
+/**
+ * Force `.wrapper` to sit flush with its parent.
+ */
+
+.wrapper-flush {
+  width: 100%;
+}
+
+/**
+ * Remove any width constraints from the `.wrapper`.
+ */
+
+.wrapper-full-bleed {
+  width: auto;
+  max-width: none;
+}

data/vendor/assets/stylesheets/objects/buttons.less

@@ -0,0 +1,132 @@
+/* ========================================================================== *\
+   Objects -> Buttons ($objects-buttons)
+\* ========================================================================== */
+
+.btn {
+  font-family: @btn-font-family;
+  font-weight: @btn-font-weight;
+  line-height: @btn-line-height;
+  display: inline-block;
+  margin: 0;
+  .to-rem(padding, @btn-padding);
+  cursor: pointer;
+  text-align: center;
+  vertical-align: middle;
+  white-space: nowrap;
+  text-decoration: none;
+  color: @btn-text-color;
+  border: 0 none;
+  background-color: @btn-background-color;
+
+  .antialiasing();
+
+  /**
+   * States
+   */
+
+  &:hover {
+    background-color: lighten(@btn-background-color, 2%);
+  }
+
+  &:active,
+  &.is-active {
+    background-color: darken(@btn-background-color, 2%);
+    .to-rem(box-shadow, 0 0 @spacing-third, hsla(0, 0%, 0%, 0.25) inset);
+  }
+
+  &:active:focus {
+    outline: 0 none;
+  }
+
+  /**
+   * Provide a consistent button focus style across browsers.
+   */
+
+  &:focus {
+    outline: @btn-focus-outline-width @btn-focus-outline-style @btn-focus-outline-color;
+  }
+
+  &:disabled,
+  &[disabled],
+  &.is-disabled {
+    cursor: not-allowed;
+    pointer-events: none;
+    opacity: 0.50;
+    box-shadow: none;
+    text-shadow: none;
+  }
+}
+
+/**
+ * Shapes
+ */
+
+.btn-round,
+input[type="button"].btn-round,
+input[type="submit"].btn-round {
+  .to-rem(border-radius, @btn-border-radius);
+}
+
+/**
+ * Sizes
+ */
+
+.btn-xs {
+  .to-rem(font-size, @btn-xs-font-size);
+  .to-rem(padding, @btn-xs-padding);
+}
+
+.btn-sm {
+  .to-rem(font-size, @btn-sm-font-size);
+  .to-rem(padding, @btn-sm-padding);
+}
+
+.btn-block {
+  display: block;
+}
+
+.screen-lg-min({
+  .btn-lg,
+  .btn-block {
+    .to-rem(font-size, @btn-lg-font-size);
+    .to-rem(padding, @btn-lg-padding);
+  }
+});
+
+/**
+ * Colors
+ */
+
+.btn-primary {
+  color: @btn-primary-text-color;
+  background-color: @btn-primary-bg-color;
+}
+
+.btn-primary:hover {
+  background-color: lighten(@btn-primary-bg-color, 4%);
+}
+
+.btn-primary:active,
+.btn-primary.is-active {
+  background-color: darken(@btn-primary-bg-color, 4%);
+}
+
+/**
+ * Groups
+ */
+
+.btn-group .btn {
+  .to-rem(margin, @btn-group-margin);
+
+  &.btn-lg {
+    .to-rem(margin, @btn-lg-group-margin);
+  }
+
+  &:first-child {
+    margin-left: 0;
+  }
+
+  &:last-child {
+    margin-right: 0;
+  }
+}

data/vendor/assets/stylesheets/objects/forms.less

@@ -0,0 +1,61 @@
+/* ========================================================================== *\
+   Objects -> Forms ($objects-forms)
+\* ========================================================================== */
+
+.form-label {
+  display: inline-block;
+}
+
+.form-label + .form-input,
+.form-label + .form-select,
+.form-label + .form-textarea {
+  .to-rem(margin-top, @form-label-margin);
+}
+
+/**
+ * Give certain <input>, <select>, and <textarea> elements some default
+ * styles
+ */
+
+.form-input[type="date"],
+.form-input[type="datetime"],
+.form-input[type="datetime-local"],
+.form-input[type="email"],
+.form-input[type="month"],
+.form-input[type="number"],
+.form-input[type="password"],
+.form-input[type="search"],
+.form-input[type="tel"],
+.form-input[type="text"],
+.form-input[type="time"],
+.form-input[type="url"],
+.form-input[type="week"],
+.form-select,
+.form-textarea {
+  line-height: @form-input-line-height;
+  display: block;
+  width: 100%;
+  .to-rem(height, @form-input-height);
+  .to-rem(padding, @form-input-padding);
+  color: @form-input-text-color;
+  .to-rem(border, @form-input-border-width, @form-input-border-style @form-input-border-color);
+  outline: 0 none;
+  &:focus {
+    border-color: @form-input-focus-border-color;
+    outline: 0 none;
+  }
+}
+
+/**
+ * 1. Increase padding to correct line-height in Firefox
+ * 2. Give <select> menus a solid background color
+ */
+
+.form-select {
+  .to-rem(padding, @form-select-padding);    /* 1 */
+  background: @form-select-background-color; /* 2 */
+}
+
+.form-input-round {
+  .to-rem(border-radius, @form-input-border-radius);
+}

data/vendor/assets/stylesheets/objects/lists.less

@@ -0,0 +1,45 @@
+/* ========================================================================== *\
+   Objects -> Lists ($objects-lists)
+\* ========================================================================== */
+
+/**
+ * Bare Lists
+ *
+ * Use to remove default list styles from <ol> and <ul> elements.
+ */
+
+.list-bare {
+  list-style: none;
+
+  li {
+    margin-left: 0;
+  }
+}
+
+/**
+ * Inline Lists
+ *
+ * Create inline-style list items with <ol> and <ul> elements.
+ */
+
+.list-inline {
+  list-style: none;
+  padding: 0;
+
+  li {
+    display: inline;
+    margin-left: 0;
+  }
+}
+
+/**
+ * Delimited lists
+ */
+
+.list-inline-delimited {
+  > li + li {
+    &:before {
+      content: @list-inline-delimiter-content;
+    }
+  }
+}

data/vendor/assets/stylesheets/objects/tables.less

@@ -0,0 +1,116 @@
+/* ========================================================================== *\
+   Objects -> Tables ($objects-tables)
+\* ========================================================================== */
+
+/**
+ * Wrap a <table> with a `.table-container` element to add horizontal scrolling
+ * if the <table> contents overflow its grandparent.
+ */
+
+.table-container {
+  .momentum-scrolling();
+}
+
+/* Default, borderless */
+.table {
+  width: 100%;
+  max-width: 100%;
+
+  caption {
+    font-weight: @table-caption-font-weight;
+    font-style: @table-caption-font-style;
+    .to-rem(padding-bottom, @table-caption-padding-bottom);
+    //padding-bottom: (@base-spacing-unit * 0.375);
+  }
+
+  th,
+  tfoot td {
+    font-weight: 700;
+    text-align: left;
+    color: @table-header-footer-text-color;
+  }
+
+  thead th,
+  tfoot td {
+    background-color: @table-header-footer-bg-color;
+  }
+
+  th,
+  td {
+    .to-rem(padding, @table-cell-padding);
+    //padding: (@base-spacing-unit * 0.625);
+    vertical-align: top;
+  }
+}
+
+/**
+ * Give the <table> element an outer border.
+ */
+
+.table-border {
+  .to-rem(border, @table-border-width, @table-border-style @table-border-color);
+}
+
+/**
+ * Give the <table> element inner cell borders.
+ */
+
+.table-border-cells th,
+.table-border-cells td {
+  .to-rem(border-top, @table-border-width, @table-border-style @table-border-color);
+  .to-rem(border-left, @table-border-width, @table-border-style @table-border-color);
+}
+
+/**
+ * Give Give the <table> inner row borders.
+ */
+
+.table-border-rows th,
+.table-border-rows td {
+  .to-rem(border-top, @table-border-width, @table-border-style @table-border-color);
+}
+
+/**
+ * Remove border on 1st-row cells to avoid a double border.
+ */
+
+.table-border.table-border-cells thead:first-child tr:first-child th,
+.table-border.table-border-cells thead:first-child tr:first-child td,
+.table-border.table-border-rows thead:first-child tr:first-child th,
+.table-border.table-border-rows thead:first-child tr:first-child td {
+  border-top: 0;
+}
+
+/**
+ * Remove border on 1st cells in every row to create a grid effect.
+ */
+
+.table-border-cells tr th:first-child,
+.table-border-cells tr td:first-child {
+  border-left: 0;
+}
+
+/**
+ * Remove border on 1st-row cells to create a grid effect.
+ */
+
+.table-border-cells tr:first-child th,
+.table-border-cells thead:first-child tr:first-child th {
+  border-top: 0;
+}
+
+/**
+ * Add a bottom border to the last row in the table.
+ */
+
+.table-border-rows tr:last-child td {
+  .to-rem(border-bottom, @table-border-width, @table-border-style @table-border-color);
+}
+
+/**
+ * Alternate `background-color` for all table rows.
+ */
+
+.table-striped tbody > tr:nth-child(odd) > td {
+  background-color: @table-stripe-background-color;
+}

data/vendor/assets/stylesheets/utilities/display.less

@@ -0,0 +1,355 @@
+/* ========================================================================== *\
+   Utilities -> Display ($utilities-display)
+\* ========================================================================== */
+
+//
+// d    = display
+// n    = none
+// i    = inline
+// b    = block
+// ib   = inline-block
+// it   = inline-table
+// t    = table
+// tr   = table-row
+// trg  = table-row-group
+// tc   = table-cell
+// col  = table-column
+// colg = table-column-group
+//
+
+.dn {
+  display: none !important;
+}
+
+.di {
+  display: inline !important;
+}
+
+.db {
+  display: block !important;
+}
+
+/**
+ * 1. Fix Firefox bug where an <img> styled with `max-width: 100%` inside a
+ *    parent styled `inline-block` displays at its default size, not 100% of the
+ *    parent container.
+ */
+
+.dib {
+  display: inline-block !important;
+  max-width: 100% !important; /* 1 */
+}
+
+.dit {
+  display: inline-table !important;
+}
+
+.dt {
+  display: table !important;
+  table-layout: fixed !important;
+  width: 100% !important;
+}
+
+.dtr {
+  display: table-row !important;
+}
+
+.dtrg {
+  display: table-row-group !important;
+}
+
+.dtc {
+  display: table-cell !important;
+}
+
+.dtcol {
+  display: table-column !important;
+}
+
+.dtcolg {
+  display: table-column-group !important;
+}
+
+.screens({
+  .xs-dn {
+    display: none !important;
+  }
+
+  .xs-di {
+    display: inline !important;
+  }
+
+  .xs-db {
+    display: block !important;
+  }
+
+  .xs-dib {
+    display: inline-block !important;
+    max-width: 100% !important;
+  }
+
+  .xs-dit {
+    display: inline-table !important;
+  }
+
+  .xs-dt {
+    display: table !important;
+    table-layout: fixed !important;
+    width: 100% !important;
+  }
+
+  .xs-dtr {
+    display: table-row !important;
+  }
+
+  .xs-dtrg {
+    display: table-row-group !important;
+  }
+
+  .xs-dtc {
+    display: table-cell !important;
+  }
+
+  .xs-dtcol {
+    display: table-column !important;
+  }
+
+  .xs-dtcolg {
+    display: table-column-group !important;
+  }
+},{
+  .sm-dn {
+    display: none !important;
+  }
+
+  .sm-di {
+    display: inline !important;
+  }
+
+  .sm-db {
+    display: block !important;
+  }
+
+  .sm-dib {
+    display: inline-block !important;
+    max-width: 100% !important;
+  }
+
+  .sm-dit {
+    display: inline-table !important;
+  }
+
+  .sm-dt {
+    display: table !important;
+    table-layout: fixed !important;
+    width: 100% !important;
+  }
+
+  .sm-dtr {
+    display: table-row !important;
+  }
+
+  .sm-dtrg {
+    display: table-row-group !important;
+  }
+
+  .sm-dtc {
+    display: table-cell !important;
+  }
+
+  .sm-dtcol {
+    display: table-column !important;
+  }
+
+  .sm-dtcolg {
+    display: table-column-group !important;
+  }
+},{
+  .md-dn {
+    display: none !important;
+  }
+
+  .md-di {
+    display: inline !important;
+  }
+
+  .md-db {
+    display: block !important;
+  }
+
+  .md-dib {
+    display: inline-block !important;
+    max-width: 100% !important;
+  }
+
+  .md-dit {
+    display: inline-table !important;
+  }
+
+  .md-dt {
+    display: table !important;
+    table-layout: fixed !important;
+    width: 100% !important;
+  }
+
+  .md-dtr {
+    display: table-row !important;
+  }
+
+  .md-dtrg {
+    display: table-row-group !important;
+  }
+
+  .md-dtc {
+    display: table-cell !important;
+  }
+
+  .md-dtcol {
+    display: table-column !important;
+  }
+
+  .md-dtcolg {
+    display: table-column-group !important;
+  }
+},{
+  .lg-dn {
+    display: none !important;
+  }
+
+  .lg-di {
+    display: inline !important;
+  }
+
+  .lg-db {
+    display: block !important;
+  }
+
+  .lg-dib {
+    display: inline-block !important;
+    max-width: 100% !important;
+  }
+
+  .lg-dit {
+    display: inline-table !important;
+  }
+
+  .lg-dt {
+    display: table !important;
+    table-layout: fixed !important;
+    width: 100% !important;
+  }
+
+  .lg-dtr {
+    display: table-row !important;
+  }
+
+  .lg-dtrg {
+    display: table-row-group !important;
+  }
+
+  .lg-dtc {
+    display: table-cell !important;
+  }
+
+  .lg-dtcol {
+    display: table-column !important;
+  }
+
+  .lg-dtcolg {
+    display: table-column-group !important;
+  }
+},{
+  .xl-dn {
+    display: none !important;
+  }
+
+  .xl-di {
+    display: inline !important;
+  }
+
+  .xl-db {
+    display: block !important;
+  }
+
+  .xl-dib {
+    display: inline-block !important;
+    max-width: 100% !important;
+  }
+
+  .xl-dit {
+    display: inline-table !important;
+  }
+
+  .xl-dt {
+    display: table !important;
+    table-layout: fixed !important;
+    width: 100% !important;
+  }
+
+  .xl-dtr {
+    display: table-row !important;
+  }
+
+  .xl-dtrg {
+    display: table-row-group !important;
+  }
+
+  .xl-dtc {
+    display: table-cell !important;
+  }
+
+  .xl-dtcol {
+    display: table-column !important;
+  }
+
+  .xl-dtcolg {
+    display: table-column-group !important;
+  }
+},{
+  .xxl-dn {
+    display: none !important;
+  }
+
+  .xxl-di {
+    display: inline !important;
+  }
+
+  .xxl-db {
+    display: block !important;
+  }
+
+  .xxl-dib {
+    display: inline-block !important;
+    max-width: 100% !important;
+  }
+
+  .xxl-dit {
+    display: inline-table !important;
+  }
+
+  .xxl-dt {
+    display: table !important;
+    table-layout: fixed !important;
+    width: 100% !important;
+  }
+
+  .xxl-dtr {
+    display: table-row !important;
+  }
+
+  .xxl-dtrg {
+    display: table-row-group !important;
+  }
+
+  .xxl-dtc {
+    display: table-cell !important;
+  }
+
+  .xxl-dtcol {
+    display: table-column !important;
+  }
+
+  .xxl-dtcolg {
+    display: table-column-group !important;
+  }
+});