swop 0.1.0 → 0.1.1

data/app/assets/stylesheets/rails_admin/themes/base/bootstrap-variables.scss

@@ -0,0 +1,252 @@
+// Color system
+$white: $white;
+$black: $black;
+
+$primary: $primary;
+$secondary: $secondary;
+$success: $success;
+$info: $info;
+$warning: $warning;
+$danger: $danger;
+$light: $light;
+$dark: $dark;
+
+// Options
+$enable-negative-margins: $enable-negative-margins;
+
+// Spacing
+$spacer: $spacer;
+$spacers: (
+  0: 0,
+  1: $spacer-1,
+  2: $spacer-2,
+  3: $spacer-3,
+  4: $spacer-4,
+  5: $spacer-5,
+  6: $spacer-6,
+  7: $spacer-7,
+  8: $spacer-8,
+  9: $spacer-9,
+  10: $spacer-10,
+  11: $spacer-11,
+  12: $spacer-12,
+  13: $spacer-13,
+  14: $spacer-14,
+  15: $spacer-15
+);
+
+// Body
+$body-color: $body-color;
+$body-bg: $body-bg;
+
+$body-secondary-color: $body-secondary-color;
+
+// Links
+$link-decoration: $link-decoration;
+$link-shade-percentage: $link-shade-percentage;
+$link-hover-decoration: $link-hover-decoration;
+
+// Paragraphs
+$paragraph-margin-bottom: $paragraph-margin-bottom;
+
+// Grid columns
+$grid-columns: $grid-columns;
+$grid-gutter-width: $grid-gutter-width;
+
+// Container padding
+$container-padding-x: $container-padding-x;
+
+// Components
+$border-width: $border-width;
+$border-color: $border-color;
+
+$border-radius: $border-radius;
+$border-radius-sm: $border-radius-sm;
+$border-radius-lg: $border-radius-lg;
+$border-radius-xl: $border-radius-xl;
+$border-radius-xxl: $border-radius-xxl;
+
+// Typography
+$font-family-sans-serif: $font-family-sans-serif;
+
+$font-size-base: $font-size-base;
+$font-size-sm: $font-size-sm;
+$font-size-lg: $font-size-lg;
+
+$font-weight-light: $font-weight-light;
+$font-weight-normal: $font-weight-normal;
+$font-weight-medium: $font-weight-medium;
+$font-weight-semibold: $font-weight-semibold;
+$font-weight-bold: $font-weight-bold;
+
+$font-weight-base: $font-weight-base;
+
+$line-height-base: $line-height-base;
+$line-height-sm: $line-height-sm;
+$line-height-lg: $line-height-lg;
+
+$h1-font-size: $h1-font-size;
+$h2-font-size: $h2-font-size;
+$h3-font-size: $h3-font-size;
+$h4-font-size: $h4-font-size;
+$h5-font-size: $h5-font-size;
+$h6-font-size: $h6-font-size;
+
+$headings-margin-bottom: $headings-margin-bottom;
+$headings-font-family: $headings-font-family;
+$headings-font-weight: $headings-font-weight;
+$headings-line-height: $headings-line-height;
+$headings-color: $headings-color;
+
+$display-font-weight: $display-font-weight;
+
+$lead-font-weight: $lead-font-weight;
+
+$hr-margin-y: $hr-margin-y;
+$hr-color: $hr-color;
+
+$hr-bg-color: $hr-bg-color;
+
+$hr-border-color: $hr-border-color;
+
+$hr-margin-y: $hr-margin-y;
+
+$hr-height: $hr-height;
+
+$hr-border-width: $hr-border-width;
+$hr-opacity: $hr-opacity;
+
+// Tables
+$table-cell-padding-y: $table-cell-padding-y;
+$table-cell-padding-x: $table-cell-padding-x;
+
+$table-cell-vertical-align: $table-cell-vertical-align;
+
+$table-color: $table-color;
+$table-bg: $table-bg;
+
+$table-th-font-weight: $table-th-font-weight;
+
+$table-active-color: $table-active-color;
+$table-active-bg: $table-active-bg;
+
+$table-hover-color: $table-hover-color;
+$table-hover-bg: $table-hover-bg;
+
+$table-border-width: $table-border-width;
+$table-border-color: $table-border-color;
+
+// Buttons + Forms
+$input-btn-padding-y: $input-btn-padding-y;
+$input-btn-padding-x: $input-btn-padding-x;
+$input-btn-line-height: $input-btn-line-height;
+
+$input-btn-padding-y-sm: $input-btn-padding-y-sm;
+$input-btn-padding-x-sm: $input-btn-padding-x-sm;
+
+$input-btn-padding-y-lg: $input-btn-padding-y-lg;
+$input-btn-padding-x-lg: $input-btn-padding-x-lg;
+
+// Buttons
+$btn-padding-x: $btn-padding-x;
+
+$btn-padding-x-sm: $btn-padding-x-sm;
+
+$btn-padding-x-lg: $btn-padding-x-lg;
+
+$btn-border-radius: $btn-border-radius;
+$btn-border-radius-sm: $btn-border-radius-sm;
+$btn-border-radius-lg: $btn-border-radius-lg;
+
+$btn-font-weight: $btn-font-weight;
+
+// Forms
+$form-text-font-size: $font-size-sm;
+
+$form-label-margin-bottom: $spacer-1;
+$form-label-font-weight: $font-weight-medium;
+$form-label-color: $dark;
+
+$input-border-color: $input-border-color;
+
+$form-check-padding-start: $spacer-6;
+$form-check-margin-bottom: 0;
+
+$form-check-input-border: $border-width solid $input-border-color;
+
+$form-switch-color: $input-border-color;
+
+$form-switch-padding-start: 0;
+
+// Navs
+$nav-link-padding-y: 0;
+$nav-link-padding-x: 0;
+$nav-link-font-size: $nav-link-font-size;
+$nav-link-font-weight: $nav-link-font-weight;
+$nav-link-color: $nav-link-color;
+$nav-link-hover-color: $nav-link-hover-color;
+
+$nav-tabs-border-radius: $nav-tabs-border-radius;
+$nav-tabs-link-hover-border-color: $nav-tabs-link-hover-border-color;
+$nav-tabs-link-active-color: $nav-tabs-link-active-color;
+$nav-tabs-link-active-bg: $nav-tabs-link-active-bg;
+$nav-tabs-link-active-border-color: $nav-tabs-link-active-border-color;
+
+// Dropdowns
+$dropdown-padding-y: $dropdown-padding-y;
+$dropdown-spacer: $dropdown-spacer;
+$dropdown-font-size: $dropdown-font-size;
+$dropdown-border-color: $dropdown-border-color;
+$dropdown-border-radius: $dropdown-border-radius;
+$dropdown-divider-bg: $dropdown-divider-bg;
+$dropdown-divider-margin-y: $dropdown-divider-margin-y;
+
+$dropdown-link-color: $dropdown-link-color;
+$dropdown-link-hover-color: $dropdown-link-hover-color;
+$dropdown-link-hover-bg: $dropdown-link-hover-bg;
+
+$dropdown-link-active-color: $dropdown-link-active-color;
+$dropdown-link-active-bg: $dropdown-link-active-bg;
+
+$dropdown-link-disabled-color: $dropdown-link-disabled-color;
+
+$dropdown-item-padding-y: $dropdown-item-padding-y;
+$dropdown-item-padding-x: $dropdown-item-padding-x;
+
+$dropdown-header-color: $dropdown-header-color;
+$dropdown-header-padding-x: $dropdown-header-padding-x;
+$dropdown-header-padding-y: $dropdown-header-padding-y;
+
+$dropdown-header-padding: $dropdown-header-padding;
+
+// Pagination
+$pagination-padding-y: $spacer-2;
+$pagination-padding-x: $spacer-4;
+
+$pagination-font-size: $font-size-base;
+
+$pagination-color: $body-color;
+$pagination-bg: $white;
+$pagination-border-width: 0;
+
+$pagination-active-color: $primary;
+$pagination-active-bg: $white;
+
+$pagination-disabled-color: $body-secondary-color;
+$pagination-disabled-bg: $white;
+
+// Offcanvas
+$offcanvas-padding-y: $offcanvas-padding-y;
+$offcanvas-padding-x: $offcanvas-padding-x;
+$offcanvas-horizontal-width: $offcanvas-horizontal-width;
+$offcanvas-transition-duration: $offcanvas-transition-duration;
+$offcanvas-border-width: $offcanvas-border-width;
+$offcanvas-backdrop-bg: $offcanvas-backdrop-bg;
+
+// Alerts
+$alert-padding-y: $alert-padding-y;
+$alert-padding-x: $alert-padding-x;
+$alert-margin-bottom: $alert-margin-bottom;
+$alert-border-radius: $alert-border-radius;
+$alert-link-font-weight: $alert-link-font-weight;
+$alert-border-width: $alert-border-width;

data/app/assets/stylesheets/rails_admin/{custom → themes}/base/mixins.scss

@@ -70,19 +70,3 @@ $rem-px-only: false !default;
     }
   }
 }
-
-//does not work with colors containing alpha
-@function encode-color($string) {
-	@if type-of($string) == 'color' {
-    $hex: str-slice(ie-hex-str($string), 4);
-    $string:unquote("#{$hex}");
-  }
-  $string: '%23' + $string;
-	@return $string;
-}
-
-@mixin text-gradient() {
-  -webkit-background-clip: text;
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-}

data/app/assets/stylesheets/rails_admin/themes/base/theming.scss

@@ -0,0 +1,22 @@
+body.rails_admin {
+
+  /* Table cells behaviour */
+  .table {
+
+    .sticky {
+      position: sticky;
+    }
+
+    /* Shrink to content width */
+    .shrink {
+      white-space: nowrap;
+      width: 1px;
+    }
+
+    th.last,
+    td.last {
+      position: sticky;
+      right: 0px;
+    }
+  }
+}

data/app/assets/stylesheets/rails_admin/themes/base/variables.scss

@@ -0,0 +1,71 @@
+// Colours
+$white: #fff;
+$black: #000;
+
+// Options
+$enable-negative-margins: true;
+
+// Spacing
+$spacer: rem(4px);
+$spacer-1: $spacer * 1;   // 4px
+$spacer-2: $spacer * 2;   // 8px
+$spacer-3: $spacer * 3;   // 12px
+$spacer-4: $spacer * 4;   // 16px
+$spacer-5: $spacer * 5;   // 20px
+$spacer-6: $spacer * 6;   // 24px
+$spacer-7: $spacer * 8;   // 32px
+$spacer-8: $spacer * 10;  // 40px
+$spacer-9: $spacer * 12;  // 48px
+$spacer-10: $spacer * 16; // 64px
+$spacer-11: $spacer * 20; // 80px
+$spacer-12: $spacer * 24; // 96px
+$spacer-13: $spacer * 28; // 112px
+$spacer-14: $spacer * 32; // 128px
+$spacer-15: $spacer * 36; // 144px
+
+// Grid columns
+$grid-columns: 24;
+
+// Components
+$border-width: rem(1px);
+
+$base-border-radius: rem(4px);
+
+// Typography
+$base-font-size: rem(16px);
+
+$font-weight-light: 300;
+$font-weight-normal: 400;
+$font-weight-medium: 500;
+$font-weight-semibold: 600;
+$font-weight-bold: 700;
+
+$font-weight-base: $font-weight-normal;
+
+$line-height-base: 1.5;
+$line-height-sm: 1.25;
+$line-height-lg: 1.75;
+
+$headings-font-weight: $font-weight-bold;
+$headings-line-height: $line-height-sm;
+
+$display-font-weight: $font-weight-base;
+
+$lead-font-weight: $font-weight-base;
+
+$hr-margin-y: 0;
+
+$hr-height: $border-width;
+
+$hr-border-width: $border-width;
+$hr-opacity: 1;
+
+// Buttons
+$btn-transition: color 0.25s cubic-bezier(0.1, 0, 0.1, 1), background-color 0.25s cubic-bezier(0.1, 0, 0.1, 1), border-color 0.25s cubic-bezier(0.1, 0, 0.1, 1), box-shadow 0.25s cubic-bezier(0.1, 0, 0.1, 1);
+
+// Offcanvas
+$offcanvas-horizontal-width: 325px;
+$offcanvas-transition-duration: 0.25s;
+
+// Other
+$transition: 0.25s cubic-bezier(0.1, 0, 0.1, 1);

data/app/assets/stylesheets/rails_admin/themes/simple/base/typography.scss

@@ -0,0 +1,22 @@
+body {
+  letter-spacing: $letter-spacing-body;
+}
+
+h1, .h1,
+h2, .h2,
+h3, .h3,
+h4, .h4,
+h5, .h5,
+h6, .h6 {
+  letter-spacing: $letter-spacing-headings;
+}
+
+::selection {
+  background-color: $selection-bg;
+  color: $selection-color;
+}
+
+::-moz-selection {
+  background-color: $selection-bg;
+  color: $selection-color;
+}

data/app/assets/stylesheets/rails_admin/themes/simple/base/variables-dark.scss

@@ -0,0 +1,74 @@
+// Colours - https://developer.apple.com/design/human-interface-guidelines/color
+$primary: #007aff;
+$secondary: #ffcc00;
+$success: #34c759;
+$info: #af52De;
+$warning: #ff5900;
+$danger: #ff3b30;
+$light: #0E1218;
+$dark: #040507;
+
+// Body
+$body-color: #80909C;
+$body-bg: #080A0E;
+
+$body-secondary-color: #505964;
+
+// Components
+$border-color: #111620;
+
+// Typography
+$headings-color: #ffffff;
+
+$hr-color: $border-color;
+
+$hr-bg-color: $border-color;
+
+$hr-border-color: $border-color;
+
+// Tables
+$table-color: $body-color;
+$table-bg: $body-bg;
+
+$table-active-color: $body-color;
+$table-active-bg: $light;
+
+$table-hover-color: $body-color;
+$table-hover-bg: $light;
+
+$table-border-color: $border-color;
+
+// Navs
+$nav-link-color: $body-color;
+$nav-link-hover-color: $white;
+
+$nav-tabs-link-hover-border-color: $light;
+$nav-tabs-link-active-color: $primary;
+$nav-tabs-link-active-bg: transparent;
+$nav-tabs-link-active-border-color: $primary;
+$offcanvas-backdrop-bg: $black;
+
+// Dropdowns
+$dropdown-border-color: desaturate(lighten($border-color, 8%), 16%);
+$dropdown-divider-bg: $border-color;
+
+$dropdown-link-color: $body-color;
+
+$dropdown-link-hover-color: $white;
+$dropdown-link-hover-bg: $light;
+
+$dropdown-link-active-color: $white;
+$dropdown-link-active-bg: $light;
+
+$dropdown-link-disabled-color: $body-secondary-color;
+
+$dropdown-header-color: $body-secondary-color;
+
+// Progress bars
+$progress-bg: $light;
+$progress-bar-color: $white;
+$progress-bar-bg: $primary;
+
+// Other
+$selection-bg: $primary;
+$selection-color: $white;

data/app/assets/stylesheets/rails_admin/themes/simple/base/variables-light.scss

@@ -0,0 +1,77 @@
+// Colours - https://developer.apple.com/design/human-interface-guidelines/color
+$primary: #007aff;
+$secondary: #ffcc00;
+$success: #34c759;
+$info: #af52De;
+$warning: #ff5900;
+$danger: #ff3b30;
+$light: #FBFCFF;
+$dark: #181c20;
+
+// Body
+$body-color: #4C5966;
+$body-bg: #ffffff;
+
+$body-secondary-color: #98A8B2;
+
+// Components
+$border-color: #F4F5FC;
+
+// Typography
+$headings-color: #181c20;
+
+$hr-color: $border-color;
+
+$hr-bg-color: $border-color;
+
+$hr-border-color: $border-color;
+
+// Tables
+$table-color: $body-color;
+$table-bg: $body-bg;
+
+$table-active-color: $body-color;
+$table-active-bg: $light;
+
+$table-hover-color: $body-color;
+$table-hover-bg: $light;
+
+$table-border-color: $border-color;
+
+// Forms
+$input-border-color: darken(#F4F5FC, 3.25%); // Check with haz
+
+// Navs
+$nav-link-color: $body-color;
+$nav-link-hover-color: $dark;
+
+$nav-tabs-link-hover-border-color: $light;
+$nav-tabs-link-active-color: $primary;
+$nav-tabs-link-active-bg: transparent;
+$nav-tabs-link-active-border-color: $primary;
+$offcanvas-backdrop-bg: $black;
+
+// Dropdowns
+$dropdown-border-color: darken($border-color, 7.5%);
+$dropdown-divider-bg: $border-color;
+
+$dropdown-link-color: $body-color;
+
+$dropdown-link-hover-color: $dark;
+$dropdown-link-hover-bg: $light;
+
+$dropdown-link-active-color: $dark;
+$dropdown-link-active-bg: $light;
+
+$dropdown-link-disabled-color: $body-secondary-color;
+
+$dropdown-header-color: $body-secondary-color;
+
+// Progress bars
+$progress-bg: darken($light, 0.25%);
+$progress-bar-color: $dark;
+$progress-bar-bg: $primary;
+
+// Other
+$selection-bg: $primary;
+$selection-color: $dark;

data/app/assets/stylesheets/rails_admin/themes/simple/base/variables-navy.scss

@@ -0,0 +1,74 @@
+// Colours - https://developer.apple.com/design/human-interface-guidelines/color
+$primary: #007aff;
+$secondary: #ffcc00;
+$success: #34c759;
+$info: #af52De;
+$warning: #ff5900;
+$danger: #ff3b30;
+$light: #001024;
+$dark: #000A18;
+
+// Body
+$body-color: #7090AC;
+$body-bg: #000B1C;
+
+$body-secondary-color: #445C70;
+
+// Components
+$border-color: #00122A;
+
+// Typography
+$headings-color: #ffffff;
+
+$hr-color: $border-color;
+
+$hr-bg-color: $border-color;
+
+$hr-border-color: $border-color;
+
+// Tables
+$table-color: $body-color;
+$table-bg: $body-bg;
+
+$table-active-color: $body-color;
+$table-active-bg: $light;
+
+$table-hover-color: $body-color;
+$table-hover-bg: $light;
+
+$table-border-color: $border-color;
+
+// Navs
+$nav-link-color: $body-color;
+$nav-link-hover-color: $white;
+
+$nav-tabs-link-hover-border-color: $light;
+$nav-tabs-link-active-color: $primary;
+$nav-tabs-link-active-bg: transparent;
+$nav-tabs-link-active-border-color: $primary;
+$offcanvas-backdrop-bg: $black;
+
+// Dropdowns
+$dropdown-border-color: lighten($border-color, 7.5%);
+$dropdown-divider-bg: $border-color;
+
+$dropdown-link-color: $body-color;
+
+$dropdown-link-hover-color: $white;
+$dropdown-link-hover-bg: $light;
+
+$dropdown-link-active-color: $white;
+$dropdown-link-active-bg: $light;
+
+$dropdown-link-disabled-color: $body-secondary-color;
+
+$dropdown-header-color: $body-secondary-color;
+
+// Progress bars
+$progress-bg: $light;
+$progress-bar-color: $white;
+$progress-bar-bg: $primary;
+
+// Other
+$selection-bg: $primary;
+$selection-color: $white;