tina4ruby 3.11.13 → 3.11.15

data/lib/tina4/scss/tina4css/_alerts.scss

@@ -1,34 +1,34 @@
-// Tina4 CSS Framework - Alerts
-// -------------------------------
-
-.alert {
-  position: relative;
-  padding: 0.75rem 1rem;
-  margin-bottom: 1rem;
-  border: 1px solid transparent;
-  border-radius: $border-radius;
-}
-
-@each $name, $color in $theme-colors {
-  .alert-#{$name} {
-    color: darken($color, 25%);
-    background-color: lighten($color, 35%);
-    border-color: lighten($color, 25%);
-  }
-}
-
-.alert-dismissible {
-  padding-right: 3rem;
-  .btn-close {
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding: 0.9375rem 1rem;
-    background: transparent;
-    border: 0;
-    cursor: pointer;
-    color: inherit;
-    opacity: 0.5;
-    &:hover { opacity: 0.75; }
-  }
-}
+// Tina4 CSS Framework - Alerts
+// -------------------------------
+
+.alert {
+  position: relative;
+  padding: 0.75rem 1rem;
+  margin-bottom: 1rem;
+  border: 1px solid transparent;
+  border-radius: $border-radius;
+}
+
+@each $name, $color in $theme-colors {
+  .alert-#{$name} {
+    color: darken($color, 25%);
+    background-color: lighten($color, 35%);
+    border-color: lighten($color, 25%);
+  }
+}
+
+.alert-dismissible {
+  padding-right: 3rem;
+  .btn-close {
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: 0.9375rem 1rem;
+    background: transparent;
+    border: 0;
+    cursor: pointer;
+    color: inherit;
+    opacity: 0.5;
+    &:hover { opacity: 0.75; }
+  }
+}

data/lib/tina4/scss/tina4css/_badges.scss

@@ -1,22 +1,22 @@
-// Tina4 CSS Framework - Badges
-// -------------------------------
-
-.badge {
-  display: inline-block;
-  padding: 0.25em 0.65em;
-  font-size: 0.75em;
-  font-weight: $font-weight-bold;
-  line-height: 1;
-  color: $white;
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: baseline;
-  border-radius: $border-radius-pill;
-}
-
-@each $name, $color in $theme-colors {
-  .badge-#{$name} {
-    color: if($name == "light" or $name == "warning", $dark, $white);
-    background-color: $color;
-  }
-}
+// Tina4 CSS Framework - Badges
+// -------------------------------
+
+.badge {
+  display: inline-block;
+  padding: 0.25em 0.65em;
+  font-size: 0.75em;
+  font-weight: $font-weight-bold;
+  line-height: 1;
+  color: $white;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: $border-radius-pill;
+}
+
+@each $name, $color in $theme-colors {
+  .badge-#{$name} {
+    color: if($name == "light" or $name == "warning", $dark, $white);
+    background-color: $color;
+  }
+}

data/lib/tina4/scss/tina4css/_buttons.scss

@@ -1,69 +1,69 @@
-// Tina4 CSS Framework - Buttons
-// --------------------------------
-
-.btn {
-  display: inline-block;
-  font-weight: $font-weight-normal;
-  line-height: $line-height-base;
-  color: $body-color;
-  text-align: center;
-  vertical-align: middle;
-  cursor: pointer;
-  user-select: none;
-  background-color: transparent;
-  border: 1px solid transparent;
-  padding: 0.375rem 0.75rem;
-  font-size: $font-size-base;
-  border-radius: $border-radius;
-  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-  text-decoration: none;
-
-  &:disabled, &.disabled {
-    pointer-events: none;
-    opacity: 0.65;
-  }
-}
-
-// Solid buttons
-@each $name, $color in $theme-colors {
-  $text: if($name == "light" or $name == "warning", $dark, $white);
-  .btn-#{$name} {
-    color: $text;
-    background-color: $color;
-    border-color: $color;
-    &:hover {
-      background-color: darken($color, 8%);
-      border-color: darken($color, 10%);
-    }
-  }
-}
-
-// Outline buttons
-@each $name, $color in $theme-colors {
-  .btn-outline-#{$name} {
-    color: $color;
-    border-color: $color;
-    background-color: transparent;
-    &:hover {
-      color: if($name == "light" or $name == "warning", $dark, $white);
-      background-color: $color;
-    }
-  }
-}
-
-.btn-sm {
-  padding: 0.25rem 0.5rem;
-  font-size: $font-size-sm;
-  border-radius: $border-radius-sm;
-}
-
-.btn-lg {
-  padding: 0.5rem 1rem;
-  font-size: $font-size-lg;
-  border-radius: $border-radius-lg;
-}
-
-.btn-block {
-  display: block;
-  width: 100%;
-}
+// Tina4 CSS Framework - Buttons
+// --------------------------------
+
+.btn {
+  display: inline-block;
+  font-weight: $font-weight-normal;
+  line-height: $line-height-base;
+  color: $body-color;
+  text-align: center;
+  vertical-align: middle;
+  cursor: pointer;
+  user-select: none;
+  background-color: transparent;
+  border: 1px solid transparent;
+  padding: 0.375rem 0.75rem;
+  font-size: $font-size-base;
+  border-radius: $border-radius;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  text-decoration: none;
+
+  &:disabled, &.disabled {
+    pointer-events: none;
+    opacity: 0.65;
+  }
+}
+
+// Solid buttons
+@each $name, $color in $theme-colors {
+  $text: if($name == "light" or $name == "warning", $dark, $white);
+  .btn-#{$name} {
+    color: $text;
+    background-color: $color;
+    border-color: $color;
+    &:hover {
+      background-color: darken($color, 8%);
+      border-color: darken($color, 10%);
+    }
+  }
+}
+
+// Outline buttons
+@each $name, $color in $theme-colors {
+  .btn-outline-#{$name} {
+    color: $color;
+    border-color: $color;
+    background-color: transparent;
+    &:hover {
+      color: if($name == "light" or $name == "warning", $dark, $white);
+      background-color: $color;
+    }
+  }
+}
+
+.btn-sm {
+  padding: 0.25rem 0.5rem;
+  font-size: $font-size-sm;
+  border-radius: $border-radius-sm;
+}
+
+.btn-lg {
+  padding: 0.5rem 1rem;
+  font-size: $font-size-lg;
+  border-radius: $border-radius-lg;
+}
+
+.btn-block {
+  display: block;
+  width: 100%;
+}

data/lib/tina4/scss/tina4css/_cards.scss

@@ -1,49 +1,49 @@
-// Tina4 CSS Framework - Cards
-// ------------------------------
-
-.card {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  word-wrap: break-word;
-  background-color: $white;
-  background-clip: border-box;
-  border: 1px solid rgba($black, 0.125);
-  border-radius: $border-radius-lg;
-}
-
-.card-header {
-  padding: 0.75rem 1rem;
-  margin-bottom: 0;
-  background-color: rgba($black, 0.03);
-  border-bottom: 1px solid rgba($black, 0.125);
-  &:first-child { border-radius: calc($border-radius-lg - 1px) calc($border-radius-lg - 1px) 0 0; }
-}
-
-.card-body {
-  flex: 1 1 auto;
-  padding: 1rem;
-}
-
-.card-footer {
-  padding: 0.75rem 1rem;
-  background-color: rgba($black, 0.03);
-  border-top: 1px solid rgba($black, 0.125);
-  &:last-child { border-radius: 0 0 calc($border-radius-lg - 1px) calc($border-radius-lg - 1px); }
-}
-
-.card-title {
-  margin-bottom: 0.5rem;
-  font-weight: $font-weight-bold;
-}
-
-.card-text:last-child {
-  margin-bottom: 0;
-}
-
-.card-img-top {
-  width: 100%;
-  border-top-left-radius: calc($border-radius-lg - 1px);
-  border-top-right-radius: calc($border-radius-lg - 1px);
-}
+// Tina4 CSS Framework - Cards
+// ------------------------------
+
+.card {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  word-wrap: break-word;
+  background-color: $white;
+  background-clip: border-box;
+  border: 1px solid rgba($black, 0.125);
+  border-radius: $border-radius-lg;
+}
+
+.card-header {
+  padding: 0.75rem 1rem;
+  margin-bottom: 0;
+  background-color: rgba($black, 0.03);
+  border-bottom: 1px solid rgba($black, 0.125);
+  &:first-child { border-radius: calc($border-radius-lg - 1px) calc($border-radius-lg - 1px) 0 0; }
+}
+
+.card-body {
+  flex: 1 1 auto;
+  padding: 1rem;
+}
+
+.card-footer {
+  padding: 0.75rem 1rem;
+  background-color: rgba($black, 0.03);
+  border-top: 1px solid rgba($black, 0.125);
+  &:last-child { border-radius: 0 0 calc($border-radius-lg - 1px) calc($border-radius-lg - 1px); }
+}
+
+.card-title {
+  margin-bottom: 0.5rem;
+  font-weight: $font-weight-bold;
+}
+
+.card-text:last-child {
+  margin-bottom: 0;
+}
+
+.card-img-top {
+  width: 100%;
+  border-top-left-radius: calc($border-radius-lg - 1px);
+  border-top-right-radius: calc($border-radius-lg - 1px);
+}

data/lib/tina4/scss/tina4css/_forms.scss

@@ -1,156 +1,156 @@
-// Tina4 CSS Framework - Forms
-// ------------------------------
-
-.form-group {
-  margin-bottom: 1rem;
-}
-
-.form-label {
-  display: inline-block;
-  margin-bottom: 0.5rem;
-  font-weight: $font-weight-bold;
-}
-
-.form-control {
-  display: block;
-  width: 100%;
-  padding: 0.375rem 0.75rem;
-  font-size: $font-size-base;
-  font-weight: $font-weight-normal;
-  line-height: $line-height-base;
-  color: $body-color;
-  background-color: $white;
-  background-clip: padding-box;
-  border: 1px solid #ced4da;
-  border-radius: $border-radius;
-  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-  appearance: none;
-
-  &:focus {
-    color: $body-color;
-    background-color: $white;
-    border-color: lighten($primary, 25%);
-    outline: 0;
-    box-shadow: 0 0 0 0.2rem rgba($primary, 0.25);
-  }
-
-  &::placeholder {
-    color: $muted;
-    opacity: 1;
-  }
-
-  &:disabled {
-    background-color: $light;
-    opacity: 1;
-  }
-}
-
-textarea.form-control {
-  min-height: calc(1.5em + 0.75rem + 2px);
-}
-
-.form-select {
-  display: block;
-  width: 100%;
-  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
-  font-size: $font-size-base;
-  font-weight: $font-weight-normal;
-  line-height: $line-height-base;
-  color: $body-color;
-  background-color: $white;
-  border: 1px solid #ced4da;
-  border-radius: $border-radius;
-  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-  appearance: none;
-
-  &:focus {
-    border-color: lighten($primary, 25%);
-    outline: 0;
-    box-shadow: 0 0 0 0.2rem rgba($primary, 0.25);
-  }
-}
-
-// Checkboxes and radios
-.form-check {
-  display: block;
-  min-height: $line-height-base * 1rem;
-  padding-left: 1.5em;
-  margin-bottom: 0.125rem;
-}
-
-.form-check-input {
-  float: left;
-  width: 1em;
-  height: 1em;
-  margin-left: -1.5em;
-  margin-top: 0.25em;
-  appearance: none;
-  background-color: $white;
-  border: 1px solid rgba($black, 0.25);
-  &[type="checkbox"] { border-radius: 0.25em; }
-  &[type="radio"] { border-radius: 50%; }
-  &:checked { background-color: $primary; border-color: $primary; }
-  &:focus { border-color: lighten($primary, 25%); outline: 0; box-shadow: 0 0 0 0.2rem rgba($primary, 0.25); }
-}
-
-.form-check-label { cursor: pointer; }
-
-// Validation
-.is-valid {
-  border-color: $success !important;
-  &:focus {
-    box-shadow: 0 0 0 0.2rem rgba($success, 0.25) !important;
-  }
-}
-
-.is-invalid {
-  border-color: $danger !important;
-  &:focus {
-    box-shadow: 0 0 0 0.2rem rgba($danger, 0.25) !important;
-  }
-}
-
-.valid-feedback,
-.invalid-feedback {
-  display: none;
-  width: 100%;
-  margin-top: 0.25rem;
-  font-size: 0.875em;
-}
-.valid-feedback { color: $success; }
-.invalid-feedback { color: $danger; }
-
-.is-valid ~ .valid-feedback,
-.is-invalid ~ .invalid-feedback {
-  display: block;
-}
-
-// Input group
-.input-group {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: stretch;
-  width: 100%;
-  > .form-control,
-  > .form-select {
-    position: relative;
-    flex: 1 1 auto;
-    width: 1%;
-    min-width: 0;
-  }
-}
-
-.input-group-text {
-  display: flex;
-  align-items: center;
-  padding: 0.375rem 0.75rem;
-  font-size: $font-size-base;
-  line-height: $line-height-base;
-  color: $body-color;
-  text-align: center;
-  white-space: nowrap;
-  background-color: $light;
-  border: 1px solid #ced4da;
-  border-radius: $border-radius;
-}
+// Tina4 CSS Framework - Forms
+// ------------------------------
+
+.form-group {
+  margin-bottom: 1rem;
+}
+
+.form-label {
+  display: inline-block;
+  margin-bottom: 0.5rem;
+  font-weight: $font-weight-bold;
+}
+
+.form-control {
+  display: block;
+  width: 100%;
+  padding: 0.375rem 0.75rem;
+  font-size: $font-size-base;
+  font-weight: $font-weight-normal;
+  line-height: $line-height-base;
+  color: $body-color;
+  background-color: $white;
+  background-clip: padding-box;
+  border: 1px solid #ced4da;
+  border-radius: $border-radius;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  appearance: none;
+
+  &:focus {
+    color: $body-color;
+    background-color: $white;
+    border-color: lighten($primary, 25%);
+    outline: 0;
+    box-shadow: 0 0 0 0.2rem rgba($primary, 0.25);
+  }
+
+  &::placeholder {
+    color: $muted;
+    opacity: 1;
+  }
+
+  &:disabled {
+    background-color: $light;
+    opacity: 1;
+  }
+}
+
+textarea.form-control {
+  min-height: calc(1.5em + 0.75rem + 2px);
+}
+
+.form-select {
+  display: block;
+  width: 100%;
+  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
+  font-size: $font-size-base;
+  font-weight: $font-weight-normal;
+  line-height: $line-height-base;
+  color: $body-color;
+  background-color: $white;
+  border: 1px solid #ced4da;
+  border-radius: $border-radius;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  appearance: none;
+
+  &:focus {
+    border-color: lighten($primary, 25%);
+    outline: 0;
+    box-shadow: 0 0 0 0.2rem rgba($primary, 0.25);
+  }
+}
+
+// Checkboxes and radios
+.form-check {
+  display: block;
+  min-height: $line-height-base * 1rem;
+  padding-left: 1.5em;
+  margin-bottom: 0.125rem;
+}
+
+.form-check-input {
+  float: left;
+  width: 1em;
+  height: 1em;
+  margin-left: -1.5em;
+  margin-top: 0.25em;
+  appearance: none;
+  background-color: $white;
+  border: 1px solid rgba($black, 0.25);
+  &[type="checkbox"] { border-radius: 0.25em; }
+  &[type="radio"] { border-radius: 50%; }
+  &:checked { background-color: $primary; border-color: $primary; }
+  &:focus { border-color: lighten($primary, 25%); outline: 0; box-shadow: 0 0 0 0.2rem rgba($primary, 0.25); }
+}
+
+.form-check-label { cursor: pointer; }
+
+// Validation
+.is-valid {
+  border-color: $success !important;
+  &:focus {
+    box-shadow: 0 0 0 0.2rem rgba($success, 0.25) !important;
+  }
+}
+
+.is-invalid {
+  border-color: $danger !important;
+  &:focus {
+    box-shadow: 0 0 0 0.2rem rgba($danger, 0.25) !important;
+  }
+}
+
+.valid-feedback,
+.invalid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0.25rem;
+  font-size: 0.875em;
+}
+.valid-feedback { color: $success; }
+.invalid-feedback { color: $danger; }
+
+.is-valid ~ .valid-feedback,
+.is-invalid ~ .invalid-feedback {
+  display: block;
+}
+
+// Input group
+.input-group {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: stretch;
+  width: 100%;
+  > .form-control,
+  > .form-select {
+    position: relative;
+    flex: 1 1 auto;
+    width: 1%;
+    min-width: 0;
+  }
+}
+
+.input-group-text {
+  display: flex;
+  align-items: center;
+  padding: 0.375rem 0.75rem;
+  font-size: $font-size-base;
+  line-height: $line-height-base;
+  color: $body-color;
+  text-align: center;
+  white-space: nowrap;
+  background-color: $light;
+  border: 1px solid #ced4da;
+  border-radius: $border-radius;
+}