tina4ruby 3.13.97 → 3.13.98

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: cc06b125fb780e5f4703244636215011a65c6ee220081fcd02b4f73fa37db06c
-  data.tar.gz: a4ebef28a619dff925c104eb3e93c0632cf9cf47c9f84d15aff0c1658345eae0
+  metadata.gz: db66aec06f70379f6d717725d53c4d0a8a93c98f90cd65dff744e787a3c91593
+  data.tar.gz: 40240b850e132eec2cca262192eda3f6b3d228a2ee7c691d3b8d190a1e92bac6
 SHA512:
-  metadata.gz: e3e081993e4da7a7ba4fd6fdd487ed06428bb5ccc7cd212dcee1e50ff309cfe30c342f14b4d17c4208067a558f089bc5300d4f6ee219967497dd43a17baa357a
-  data.tar.gz: 5a6123804aef171532d90d81230e6f45d6fd47a92c4820afe8416670372de57cd6afa1f66e05d493a57446ef4a0c4711ad3dd3281a2e369df99f551bc161df2f
+  metadata.gz: 4b693353e1ae71d945e7f4b4526668c7e59a57a8fe440be5355a57015857b66b7be83663573ed74340e97122ac6cbccfb70fb22294d6c8559e058f66f6615ca2
+  data.tar.gz: 1d350415d02e713d96ffc3730d9aad377d011f5079caafffeae046e2ff51f3813ca640eecc91559d0fe9ae29999666f99f71aadc1528716f15d8234ce3f66d63

data/lib/tina4/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Tina4
-  VERSION = "3.13.97"
+  VERSION = "3.13.98"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: tina4ruby
 version: !ruby/object:Gem::Version
-  version: 3.13.97
+  version: 3.13.98
 platform: ruby
 authors:
 - Tina4 Team
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2026-08-07 00:00:00.000000000 Z
+date: 2026-08-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rack
@@ -434,23 +434,6 @@ files:
 - lib/tina4/response.rb
 - lib/tina4/response_cache.rb
 - lib/tina4/router.rb
-- lib/tina4/scss/tina4css/_alerts.scss
-- lib/tina4/scss/tina4css/_badges.scss
-- lib/tina4/scss/tina4css/_buttons.scss
-- lib/tina4/scss/tina4css/_cards.scss
-- lib/tina4/scss/tina4css/_forms.scss
-- lib/tina4/scss/tina4css/_grid.scss
-- lib/tina4/scss/tina4css/_modals.scss
-- lib/tina4/scss/tina4css/_nav.scss
-- lib/tina4/scss/tina4css/_pagination.scss
-- lib/tina4/scss/tina4css/_reset.scss
-- lib/tina4/scss/tina4css/_tables.scss
-- lib/tina4/scss/tina4css/_typography.scss
-- lib/tina4/scss/tina4css/_utilities.scss
-- lib/tina4/scss/tina4css/_variables.scss
-- lib/tina4/scss/tina4css/base.scss
-- lib/tina4/scss/tina4css/colors.scss
-- lib/tina4/scss/tina4css/tina4.scss
 - lib/tina4/seeder.rb
 - lib/tina4/service.rb
 - lib/tina4/service_runner.rb

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

@@ -1,34 +0,0 @@
-// 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 +0,0 @@
-// 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 +0,0 @@
-// 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 +0,0 @@
-// 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 +0,0 @@
-// 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;
-}

data/lib/tina4/scss/tina4css/_grid.scss

@@ -1,81 +0,0 @@
-// Tina4 CSS Framework - 12-Column Flexbox Grid
-// -----------------------------------------------
-
-.container,
-.container-fluid {
-  width: 100%;
-  padding-right: calc($grid-gutter / 2);
-  padding-left: calc($grid-gutter / 2);
-  margin-right: auto;
-  margin-left: auto;
-}
-
-@each $bp, $max-width in $container-max-widths {
-  @media (min-width: map-get($breakpoints, $bp)) {
-    .container {
-      max-width: $max-width;
-    }
-  }
-}
-
-.row {
-  display: flex;
-  flex-wrap: wrap;
-  margin-right: calc($grid-gutter / -2);
-  margin-left: calc($grid-gutter / -2);
-  > * {
-    flex-shrink: 0;
-    width: 100%;
-    max-width: 100%;
-    padding-right: calc($grid-gutter / 2);
-    padding-left: calc($grid-gutter / 2);
-  }
-}
-
-.col {
-  flex: 1 0 0%;
-}
-
-// Generate base columns
-@for $i from 1 through $grid-columns {
-  .col-#{$i} {
-    flex: 0 0 auto;
-    width: percentage($i / $grid-columns);
-  }
-}
-@each $i in 1, 2, 3, 4 {
-  .offset-#{$i} {
-    margin-left: percentage($i / $grid-columns);
-  }
-}
-.offset-0 { margin-left: 0; }
-
-// Responsive columns (core breakpoints only for size)
-$grid-breakpoints: (sm, md, lg, xl);
-
-@each $bp in $grid-breakpoints {
-  $min-width: map-get($breakpoints, $bp);
-  @media (min-width: $min-width) {
-    .col-#{$bp} {
-      flex: 1 0 0%;
-    }
-    @for $i from 1 through $grid-columns {
-      .col-#{$bp}-#{$i} {
-        flex: 0 0 auto;
-        width: percentage($i / $grid-columns);
-      }
-    }
-    .offset-#{$bp}-0 { margin-left: 0; }
-  }
-}
-
-// Row alignment
-.justify-start   { justify-content: flex-start; }
-.justify-center  { justify-content: center; }
-.justify-end     { justify-content: flex-end; }
-.justify-between { justify-content: space-between; }
-.justify-around  { justify-content: space-around; }
-
-.align-start  { align-items: flex-start; }
-.align-center { align-items: center; }
-.align-end    { align-items: flex-end; }

data/lib/tina4/scss/tina4css/_modals.scss

@@ -1,84 +0,0 @@
-// Tina4 CSS Framework - Modals
-// -------------------------------
-
-.modal {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: $zindex-modal;
-  display: none;
-  width: 100%;
-  height: 100%;
-  overflow-x: hidden;
-  overflow-y: auto;
-  outline: 0;
-
-  &.show { display: block; }
-}
-
-.modal-dialog {
-  position: relative;
-  width: auto;
-  margin: 1.75rem auto;
-  max-width: 500px;
-}
-
-.modal-sm { max-width: 300px; }
-.modal-lg { max-width: 800px; }
-
-.modal-content {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  pointer-events: auto;
-  background-color: $white;
-  background-clip: padding-box;
-  border: 1px solid rgba($black, 0.2);
-  border-radius: $border-radius-lg;
-  box-shadow: $shadow;
-  outline: 0;
-}
-
-.modal-header {
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: space-between;
-  padding: 1rem;
-  border-bottom: 1px solid rgba($black, 0.1);
-}
-
-.modal-title {
-  margin-bottom: 0;
-  font-weight: $font-weight-bold;
-}
-
-.modal-body {
-  position: relative;
-  flex: 1 1 auto;
-  padding: 1rem;
-}
-
-.modal-footer {
-  display: flex;
-  flex-shrink: 0;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: flex-end;
-  padding: 0.75rem;
-  border-top: 1px solid rgba($black, 0.1);
-  gap: 0.5rem;
-}
-
-.modal-backdrop {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: $zindex-backdrop;
-  width: 100vw;
-  height: 100vh;
-  background-color: rgba($black, 0.5);
-  display: none;
-  &.show { display: block; }
-}

data/lib/tina4/scss/tina4css/_nav.scss

@@ -1,149 +0,0 @@
-// Tina4 CSS Framework - Navigation
-// -----------------------------------
-
-.nav {
-  display: flex;
-  flex-wrap: wrap;
-  padding-left: 0;
-  margin-bottom: 0;
-  list-style: none;
-}
-
-.nav-item { }
-
-.nav-link {
-  display: block;
-  padding: 0.5rem 1rem;
-  color: $link-color;
-  text-decoration: none;
-  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
-
-  &:hover, &:focus {
-    color: $link-hover-color;
-  }
-
-  &.disabled {
-    color: $muted;
-    pointer-events: none;
-    cursor: default;
-  }
-
-  &.active {
-    color: $primary;
-    font-weight: $font-weight-bold;
-  }
-}
-
-// Navbar
-.navbar {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0.5rem 1rem;
-}
-
-.navbar-brand {
-  padding-top: 0.3125rem;
-  padding-bottom: 0.3125rem;
-  margin-right: 1rem;
-  font-size: $font-size-xl;
-  font-weight: $font-weight-bold;
-  color: inherit;
-  text-decoration: none;
-  white-space: nowrap;
-  &:hover { color: inherit; opacity: 0.8; }
-}
-
-.navbar-nav {
-  display: flex;
-  flex-direction: column;
-  padding-left: 0;
-  margin-bottom: 0;
-  list-style: none;
-  .nav-link {
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-  }
-}
-
-.navbar-toggler {
-  padding: 0.25rem 0.75rem;
-  font-size: $font-size-lg;
-  line-height: 1;
-  background-color: transparent;
-  border: 1px solid rgba($black, 0.1);
-  border-radius: $border-radius;
-  cursor: pointer;
-  &:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba($primary, 0.25); }
-}
-
-.navbar-collapse {
-  flex-basis: 100%;
-  flex-grow: 1;
-  align-items: center;
-  display: none;
-  &.show { display: flex; }
-}
-
-// Responsive expand classes
-@each $bp, $px in $breakpoints {
-  .navbar-expand-#{$bp} {
-    @media (min-width: $px) {
-      .navbar-nav { flex-direction: row; }
-      .navbar-collapse { display: flex; flex-basis: auto; }
-      .navbar-toggler { display: none; }
-    }
-  }
-}
-
-// Legacy: bare .navbar also expands at lg
-@media (min-width: map-get($breakpoints, lg)) {
-  .navbar-nav {
-    flex-direction: row;
-  }
-  .navbar-collapse {
-    display: flex;
-    flex-basis: auto;
-  }
-  .navbar-toggler {
-    display: none;
-  }
-}
-
-.navbar-dark {
-  color: $white;
-  background-color: $dark;
-  .navbar-brand { color: $white; }
-  .nav-link { color: rgba($white, 0.75); &:hover, &.active { color: $white; } }
-}
-
-.navbar-light {
-  background-color: $light;
-  .nav-link { color: rgba($black, 0.55); &:hover, &.active { color: rgba($black, 0.9); } }
-}
-
-// Breadcrumb
-.breadcrumb {
-  display: flex;
-  flex-wrap: wrap;
-  padding: 0.5rem 1rem;
-  margin-bottom: 1rem;
-  list-style: none;
-  background-color: $light;
-  border-radius: $border-radius;
-}
-
-.breadcrumb-item {
-  & + .breadcrumb-item::before {
-    display: inline-block;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    color: $muted;
-    content: "/";
-  }
-  &.active {
-    color: $muted;
-  }
-}

data/lib/tina4/scss/tina4css/_pagination.scss

@@ -1,63 +0,0 @@
-// Tina4 CSS Framework - Pagination
-// ----------------------------------
-
-.pagination {
-  display: flex;
-  flex-wrap: wrap;
-  padding-left: 0;
-  list-style: none;
-  gap: 0.25rem;
-}
-
-.page-item {
-  &.disabled .page-link {
-    color: $muted;
-    pointer-events: none;
-    background-color: $body-bg;
-    border-color: rgba($black, 0.1);
-  }
-
-  &.active .page-link {
-    color: $white;
-    background-color: $primary;
-    border-color: $primary;
-  }
-}
-
-.page-link {
-  display: block;
-  padding: 0.375rem 0.75rem;
-  color: $primary;
-  background-color: $body-bg;
-  border: 1px solid rgba($black, 0.15);
-  border-radius: $border-radius;
-  text-decoration: none;
-  line-height: 1.25;
-  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
-
-  &:hover {
-    color: darken($primary, 10%);
-    background-color: rgba($primary, 0.08);
-    border-color: rgba($black, 0.2);
-  }
-
-  &:focus {
-    outline: 0;
-    box-shadow: 0 0 0 0.2rem rgba($primary, 0.25);
-  }
-}
-
-// CRUD component image preview
-.crud-img-preview {
-  max-height: 200px;
-  max-width: 100%;
-  border-radius: $border-radius;
-  object-fit: cover;
-}
-
-.crud-img-preview-sm {
-  max-height: 180px;
-  max-width: 100%;
-  border-radius: $border-radius;
-  object-fit: cover;
-}

data/lib/tina4/scss/tina4css/_reset.scss

@@ -1,94 +0,0 @@
-// Tina4 CSS Framework - Modern Reset
-// ------------------------------------
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-html {
-  line-height: $line-height-base;
-  -webkit-text-size-adjust: 100%;
-  -moz-tab-size: 4;
-  tab-size: 4;
-  scroll-behavior: smooth;
-}
-
-body {
-  margin: 0;
-  font-family: $font-family-base;
-  font-size: $font-size-base;
-  font-weight: $font-weight-normal;
-  line-height: $line-height-base;
-  color: $body-color;
-  background-color: $body-bg;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-h1, h2, h3, h4, h5, h6 {
-  margin-top: 0;
-  margin-bottom: 0.5rem;
-  font-weight: 500;
-  line-height: $line-height-sm;
-}
-
-p {
-  margin-top: 0;
-  margin-bottom: 1rem;
-}
-
-ol, ul {
-  padding-left: 2rem;
-  margin-top: 0;
-  margin-bottom: 1rem;
-}
-
-a {
-  color: $link-color;
-  text-decoration: none;
-  &:hover {
-    color: $link-hover-color;
-    text-decoration: underline;
-  }
-}
-
-img, svg {
-  max-width: 100%;
-  height: auto;
-  vertical-align: middle;
-}
-
-table {
-  border-collapse: collapse;
-  caption-side: bottom;
-}
-
-button, input, optgroup, select, textarea {
-  margin: 0;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-}
-
-button, select {
-  text-transform: none;
-}
-
-button, [type="button"], [type="reset"], [type="submit"] {
-  -webkit-appearance: button;
-  cursor: pointer;
-}
-
-hr {
-  margin: 1rem 0;
-  color: inherit;
-  border: 0;
-  border-top: 1px solid rgba($black, 0.1);
-  opacity: 0.25;
-}
-
-pre, code, kbd, samp { font-family: $font-family-mono; font-size: 1em; }
-pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; }
-[hidden] { display: none !important; }

data/lib/tina4/scss/tina4css/_tables.scss

@@ -1,54 +0,0 @@
-// Tina4 CSS Framework - Tables
-// -------------------------------
-
-.table {
-  width: 100%;
-  margin-bottom: 1rem;
-  vertical-align: top;
-  border-color: rgba($black, 0.1);
-
-  > :not(caption) > * > * {
-    padding: 0.5rem;
-    border-bottom-width: 1px;
-    border-bottom-style: solid;
-    border-bottom-color: inherit;
-  }
-
-  > thead {
-    vertical-align: bottom;
-    border-bottom: 2px solid currentColor;
-  }
-
-  > tbody > tr:last-child > * {
-    border-bottom-color: transparent;
-  }
-}
-
-.table-sm {
-  > :not(caption) > * > * {
-    padding: 0.25rem;
-  }
-}
-
-.table-bordered {
-  border: 1px solid rgba($black, 0.1);
-  > :not(caption) > * > * {
-    border-width: 1px;
-    border-style: solid;
-    border-color: inherit;
-  }
-}
-
-.table-striped > tbody > tr:nth-of-type(odd) > * {
-  background-color: rgba($black, 0.02);
-}
-
-.table-hover > tbody > tr:hover > * {
-  background-color: rgba($black, 0.04);
-}
-
-.table-responsive {
-  overflow-x: auto;
-  -webkit-overflow-scrolling: touch;
-}
-

data/lib/tina4/scss/tina4css/_typography.scss

@@ -1,55 +0,0 @@
-// Tina4 CSS Framework - Typography
-// ------------------------------------
-
-h1 { font-size: $font-size-4xl; }
-h2 { font-size: $font-size-3xl; }
-h3 { font-size: $font-size-2xl; }
-h4 { font-size: $font-size-xl; }
-h5 { font-size: $font-size-lg; }
-h6 { font-size: $font-size-base; }
-
-small, .small {
-  font-size: 0.875em;
-}
-
-mark, .mark {
-  padding: 0.2em;
-  background-color: rgba($warning, 0.3);
-}
-
-blockquote {
-  margin: 0 0 1rem;
-  padding: 0.5rem 1rem;
-  border-left: 0.25rem solid rgba($black, 0.1);
-  font-size: $font-size-lg;
-}
-
-code {
-  font-size: 0.875em;
-  color: $danger;
-  word-wrap: break-word;
-}
-
-pre {
-  display: block;
-  padding: 1rem;
-  font-size: 0.875em;
-  color: $dark;
-  background-color: $light;
-  border-radius: $border-radius;
-}
-
-.list-unstyled {
-  padding-left: 0;
-  list-style: none;
-}
-
-.list-inline {
-  padding-left: 0;
-  list-style: none;
-}
-
-.list-inline-item {
-  display: inline-block;
-  &:not(:last-child) { margin-right: 0.5rem; }
-}

data/lib/tina4/scss/tina4css/_utilities.scss

@@ -1,208 +0,0 @@
-// Tina4 CSS Framework - Utilities
-// ----------------------------------
-
-// Display
-$displays: none, block, flex, inline, inline-block;
-
-@each $d in $displays {
-  .d-#{$d} { display: $d !important; }
-}
-.d-grid { display: grid !important; }
-
-// Responsive display (sm, md, lg only to save size)
-@each $bp in sm, md, lg {
-  @media (min-width: map-get($breakpoints, $bp)) {
-    @each $d in $displays {
-      .d-#{$bp}-#{$d} { display: $d !important; }
-    }
-  }
-}
-
-// Flex utilities
-.flex-row           { flex-direction: row !important; }
-.flex-column        { flex-direction: column !important; }
-.flex-wrap          { flex-wrap: wrap !important; }
-.flex-nowrap        { flex-wrap: nowrap !important; }
-.flex-grow-0        { flex-grow: 0 !important; }
-.flex-grow-1        { flex-grow: 1 !important; }
-
-.justify-content-start   { justify-content: flex-start !important; }
-.justify-content-end     { justify-content: flex-end !important; }
-.justify-content-center  { justify-content: center !important; }
-.justify-content-between { justify-content: space-between !important; }
-.justify-content-around  { justify-content: space-around !important; }
-
-.align-items-start   { align-items: flex-start !important; }
-.align-items-end     { align-items: flex-end !important; }
-.align-items-center  { align-items: center !important; }
-
-@each $key, $val in $spacers {
-  .gap-#{$key} { gap: $val !important; }
-}
-
-// Spacing: margin and padding
-$spacing-props: (
-  "m":  "margin",
-  "p":  "padding"
-);
-$spacing-dirs: (
-  "t": "-top",
-  "b": "-bottom",
-  "s": "-left",
-  "e": "-right"
-);
-
-@each $abbr, $prop in $spacing-props {
-  @each $key, $val in $spacers {
-    .#{$abbr}-#{$key} { #{$prop}: $val !important; }
-  }
-  @each $dir, $suffix in $spacing-dirs {
-    @each $key, $val in $spacers {
-      .#{$abbr}#{$dir}-#{$key} { #{$prop}#{$suffix}: $val !important; }
-    }
-  }
-  // Axis shortcuts: py-* (top+bottom), px-* (left+right)
-  @each $key, $val in $spacers {
-    .#{$abbr}y-#{$key} {
-      #{$prop}-top: $val !important;
-      #{$prop}-bottom: $val !important;
-    }
-    .#{$abbr}x-#{$key} {
-      #{$prop}-left: $val !important;
-      #{$prop}-right: $val !important;
-    }
-  }
-}
-
-.mx-auto { margin-left: auto !important; margin-right: auto !important; }
-
-// Text
-.text-start      { text-align: left !important; }
-.text-center     { text-align: center !important; }
-.text-end        { text-align: right !important; }
-.text-uppercase  { text-transform: uppercase !important; }
-.text-capitalize { text-transform: capitalize !important; }
-.text-nowrap     { white-space: nowrap !important; }
-.text-truncate   { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-
-.fw-bold   { font-weight: $font-weight-bold !important; }
-.fw-normal { font-weight: $font-weight-normal !important; }
-.fw-light  { font-weight: $font-weight-light !important; }
-
-@each $key, $size in $font-sizes {
-  .fs-#{$key} { font-size: $size !important; }
-}
-
-// Text colors
-@each $name, $color in $theme-colors {
-  .text-#{$name} { color: $color !important; }
-}
-.text-muted { color: $muted !important; }
-.text-white { color: $white !important; }
-
-// Background colors
-@each $name, $color in $theme-colors {
-  .bg-#{$name} { background-color: $color !important; }
-}
-.bg-white { background-color: $white !important; }
-
-// Borders
-.border   { border: 1px solid rgba($black, 0.1) !important; }
-.border-0 { border: 0 !important; }
-.rounded        { border-radius: $border-radius !important; }
-.rounded-0      { border-radius: 0 !important; }
-.rounded-circle { border-radius: 50% !important; }
-.rounded-pill   { border-radius: $border-radius-pill !important; }
-
-// Width and height
-@each $val in 25, 50, 75, 100 {
-  .w-#{$val}  { width: percentage($val / 100) !important; }
-  .h-#{$val}  { height: percentage($val / 100) !important; }
-}
-.mw-100 { max-width: 100% !important; }
-.mh-100 { max-height: 100% !important; }
-
-// Position
-.position-relative { position: relative !important; }
-.position-absolute { position: absolute !important; }
-.position-fixed    { position: fixed !important; }
-.position-sticky   { position: sticky !important; }
-.position-static   { position: static !important; }
-
-// Visibility
-.visible   { visibility: visible !important; }
-.invisible { visibility: hidden !important; }
-
-.overflow-hidden { overflow: hidden !important; }
-.overflow-auto   { overflow: auto !important; }
-
-// Shadows
-.shadow      { box-shadow: $shadow !important; }
-.shadow-sm   { box-shadow: $shadow-sm !important; }
-.shadow-lg   { box-shadow: $shadow-lg !important; }
-.shadow-none { box-shadow: none !important; }
-
-// Collapse
-.collapse { display: none; &.show { display: block; } }
-
-// Fade transition
-.fade { opacity: 0; transition: opacity 0.15s linear; &.show { opacity: 1; } }
-
-// Misc
-.clearfix::after { display: block; clear: both; content: ""; }
-.cursor-pointer { cursor: pointer !important; }
-
-// Close button (replaces Bootstrap's btn-close)
-.btn-close {
-  box-sizing: content-box;
-  width: 1em;
-  height: 1em;
-  padding: 0.25em;
-  color: $black;
-  background: transparent;
-  border: 0;
-  opacity: 0.5;
-  cursor: pointer;
-  font-size: 1.25rem;
-  line-height: 1;
-  &:hover { opacity: 0.75; }
-  &:focus { opacity: 1; outline: 0; box-shadow: 0 0 0 0.2rem rgba($primary, 0.25); }
-}
-
-// Image utilities
-.img-fluid    { max-width: 100%; height: auto; }
-.img-thumbnail {
-  padding: 0.25rem;
-  background-color: $body-bg;
-  border: 1px solid rgba($black, 0.1);
-  border-radius: $border-radius;
-  max-width: 100%;
-  height: auto;
-}
-
-// Border top/bottom helpers
-.border-top    { border-top: 1px solid rgba($black, 0.1) !important; }
-.border-bottom { border-bottom: 1px solid rgba($black, 0.1) !important; }
-
-// Vertical alignment
-.align-middle  { vertical-align: middle !important; }
-.align-top     { vertical-align: top !important; }
-.align-bottom  { vertical-align: bottom !important; }
-
-// Float
-.float-start { float: left !important; }
-.float-end   { float: right !important; }
-.float-none  { float: none !important; }
-
-// Screen reader only
-.visually-hidden {
-  position: absolute !important;
-  width: 1px !important;
-  height: 1px !important;
-  padding: 0 !important;
-  margin: -1px !important;
-  overflow: hidden !important;
-  clip: rect(0, 0, 0, 0) !important;
-  white-space: nowrap !important;
-  border: 0 !important;
-}

data/lib/tina4/scss/tina4css/_variables.scss

@@ -1,117 +0,0 @@
-// Tina4 CSS Framework - Design Tokens
-// ------------------------------------
-
-// Colors
-$primary:   #4a90d9 !default;
-$secondary: #6c757d !default;
-$success:   #28a745 !default;
-$danger:    #dc3545 !default;
-$warning:   #ffc107 !default;
-$info:      #17a2b8 !default;
-$light:     #f8f9fa !default;
-$dark:      #212529 !default;
-$white:     #fff !default;
-$black:     #000 !default;
-$body-bg:   $white !default;
-$body-color: $dark !default;
-$muted:     #6c757d !default;
-
-$theme-colors: (
-  "primary":   $primary,
-  "secondary": $secondary,
-  "success":   $success,
-  "danger":    $danger,
-  "warning":   $warning,
-  "info":      $info,
-  "light":     $light,
-  "dark":      $dark
-) !default;
-
-// Spacing
-$spacer: 1rem !default;
-$spacers: (
-  0: 0,
-  1: $spacer * 0.25,
-  2: $spacer * 0.5,
-  3: $spacer,
-  4: $spacer * 1.5,
-  5: $spacer * 3
-) !default;
-
-// Border radius
-$border-radius:    0.25rem !default;
-$border-radius-sm: 0.25rem !default;
-$border-radius-lg: 0.5rem !default;
-$border-radius-xl: 1rem !default;
-$border-radius-pill: 50rem !default;
-
-// Typography
-$font-family-base: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
-$font-family-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
-
-$font-size-sm:   0.875rem !default;
-$font-size-base: 1rem !default;
-$font-size-lg:   1.125rem !default;
-$font-size-xl:   1.25rem !default;
-$font-size-2xl:  1.5rem !default;
-$font-size-3xl:  1.875rem !default;
-$font-size-4xl:  2.25rem !default;
-
-$font-sizes: (
-  1: $font-size-4xl,
-  2: $font-size-3xl,
-  3: $font-size-2xl,
-  4: $font-size-xl,
-  5: $font-size-base,
-  6: $font-size-sm
-) !default;
-
-$line-height-base: 1.5 !default;
-$line-height-sm:   1.25 !default;
-$line-height-lg:   2 !default;
-
-$font-weight-light:  300 !default;
-$font-weight-normal: 400 !default;
-$font-weight-bold:   700 !default;
-
-// Breakpoints
-$breakpoints: (
-  sm:  576px,
-  md:  768px,
-  lg:  992px,
-  xl:  1200px,
-  xxl: 1400px
-) !default;
-
-// Container max-widths
-$container-max-widths: (
-  sm:  540px,
-  md:  720px,
-  lg:  960px,
-  xl:  1140px,
-  xxl: 1320px
-) !default;
-
-// Grid
-$grid-columns: 12 !default;
-$grid-gutter:  1.5rem !default;
-
-// Shadows
-$shadow-sm:   0 0.125rem 0.25rem rgba($black, 0.075) !default;
-$shadow:      0 0.5rem 1rem rgba($black, 0.15) !default;
-$shadow-lg:   0 1rem 3rem rgba($black, 0.175) !default;
-
-// Transitions
-$transition-base: all 0.2s ease-in-out !default;
-$transition-fade: opacity 0.15s linear !default;
-
-// Z-index
-$zindex-dropdown:  1000 !default;
-$zindex-sticky:    1020 !default;
-$zindex-fixed:     1030 !default;
-$zindex-backdrop:  1040 !default;
-$zindex-modal:     1050 !default;
-
-// Links
-$link-color: $primary !default;
-$link-hover-color: darken($primary, 15%) !default;

data/lib/tina4/scss/tina4css/base.scss

@@ -1 +0,0 @@
-@import 'tina4';

data/lib/tina4/scss/tina4css/colors.scss

@@ -1,48 +0,0 @@
-// Tina4 CSS Framework - CSS Custom Properties
-// Exposes the design tokens as CSS custom properties for runtime use
-
-@import 'variables';
-
-:root {
-  // Theme colors
-  --t4-primary: #{$primary};
-  --t4-secondary: #{$secondary};
-  --t4-success: #{$success};
-  --t4-danger: #{$danger};
-  --t4-warning: #{$warning};
-  --t4-info: #{$info};
-  --t4-light: #{$light};
-  --t4-dark: #{$dark};
-  --t4-white: #{$white};
-  --t4-black: #{$black};
-  --t4-muted: #{$muted};
-
-  // Body
-  --t4-body-bg: #{$body-bg};
-  --t4-body-color: #{$body-color};
-
-  // Typography
-  --t4-font-family: #{$font-family-base};
-  --t4-font-family-mono: #{$font-family-mono};
-  --t4-font-size-base: #{$font-size-base};
-  --t4-line-height-base: #{$line-height-base};
-
-  // Spacing
-  --t4-spacer: #{$spacer};
-
-  // Border radius
-  --t4-border-radius: #{$border-radius};
-  --t4-border-radius-lg: #{$border-radius-lg};
-  --t4-border-radius-xl: #{$border-radius-xl};
-
-  // Shadows
-  --t4-shadow-sm: #{$shadow-sm};
-  --t4-shadow: #{$shadow};
-  --t4-shadow-lg: #{$shadow-lg};
-
-  // Transitions
-  --t4-transition: #{$transition-base};
-
-  // Link
-  --t4-link-color: #{$link-color};
-}

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

@@ -1,18 +0,0 @@
-// Tina4 CSS Framework
-// A lightweight, modern, responsive CSS framework
-// ================================================
-
-@import 'variables';
-@import 'reset';
-@import 'typography';
-@import 'grid';
-@import 'buttons';
-@import 'forms';
-@import 'cards';
-@import 'nav';
-@import 'modals';
-@import 'alerts';
-@import 'tables';
-@import 'badges';
-@import 'pagination';
-@import 'utilities';