active_frontend 10.3.0 → 11.0.0

data/vendor/assets/stylesheets/_canvas.scss

@@ -1,14 +1,13 @@
 /* Table of Contents
 ==================================================
 # Canvas
-# Alternate
 # Media Queries */
 
 /* # Canvas
 ================================================== */
 .canvas {
-  min-height: 100%;
-  height: 100%;
+  clear: both;
+  display: block;
 }
 .canvas-content,
 .canvas-sidebar,
@@ -18,32 +17,25 @@
   float: left;
   height: 100%;
   min-height: 100%;
-  -webkit-overflow-scrolling: touch;
-      -ms-overflow-scrolling: touch;
-          overflow-scrolling: touch;
+  @include overflow-scrolling(touch);
 }
 .canvas-content {
-  padding: 30px 0 0 0;
+  padding: 30px 0;
   max-width: 100%;
   width: 100%;
 }
-.canvas-content.canvas-content-with-sidebar {
+.canvas-content-with-sidebar {
   max-width: calc(100% - 280px);
   width: calc(100% - 280px);
 }
-.canvas-content.canvas-content-with-toolbar {
+.canvas-content-with-toolbar {
   max-width: calc(100% - 55px);
   width: calc(100% - 55px);
 }
-.canvas-content.canvas-content-with-sidebar-and-toolbar {
+.canvas-content-with-sidebar-and-toolbar {
   max-width: calc(100% - 335px);
   width: calc(100% - 335px);
 }
-.canvas-content-buffer { min-height: 365px; }
-.canvas-with-header > .canvas-content,
-.canvas-with-header > .canvas-sidebar,
-.canvas-with-header > .canvas-toolbar { margin-top: 65px; }
-.canvas-with-footer > .canvas-content { padding-bottom: 90px; }
 .canvas-sidebar {
   max-width: 280px;
   width: 280px;
@@ -52,73 +44,93 @@
   max-width: 55px;
   width: 55px;
 }
-.canvas-with-header .sidebar,
-.canvas-with-header .toolbar {
-  max-height: calc(100% - 65px);
-  height: calc(100% - 65px);
+.canvas-with-header > .canvas-content,
+.canvas-with-header > .canvas-sidebar,
+.canvas-with-header > .canvas-toolbar,
+.canvas-with-header-and-footer > .canvas-content,
+.canvas-with-header-and-footer > .canvas-sidebar,
+.canvas-with-header-and-footer > .canvas-toolbar { margin-top: 60px; }
+.canvas-with-footer > .canvas-content,
+.canvas-with-header-and-footer > .canvas-content { padding-bottom: 60px; }
+.canvas-with-header > .canvas-content,
+.canvas-with-header > .canvas-sidebar,
+.canvas-with-header > .canvas-toolbar,
+.canvas-with-header > .canvas-sidebar > .sidebar,
+.canvas-with-header > .canvas-toolbar > .toolbar {
+  max-height: calc(100% - 60px);
+  height: calc(100% - 60px);
 }
-
-/* # Alternate
-================================================== */
-.canvas-app.canvas-with-header > .canvas-sidebar { margin-top: 0; }
-.canvas-app.canvas-with-header .sidebar {
-  max-height: 100%;
-  height: 100%;
+.canvas-with-footer > .canvas-content,
+.canvas-with-footer > .canvas-sidebar,
+.canvas-with-footer > .canvas-toolbar,
+.canvas-with-footer > .canvas-sidebar > .sidebar,
+.canvas-with-footer > .canvas-toolbar > .toolbar {
+  max-height: calc(100% - 30px);
+  height: calc(100% - 30px);
+}
+.canvas-with-header-and-footer > .canvas-content,
+.canvas-with-header-and-footer > .canvas-sidebar,
+.canvas-with-header-and-footer > .canvas-toolbar,
+.canvas-with-header-and-footer > .canvas-sidebar > .sidebar,
+.canvas-with-header-and-footer > .canvas-toolbar > .toolbar {
+  max-height: calc(100% - 90px);
+  height: calc(100% - 90px);
 }
 
 /* # Media Queries
 ================================================== */
 @media only screen and (max-width: 1365px) {
-  .canvas-content.canvas-content-with-sidebar {
+  .canvas-sidebar {
+    max-width: 250px;
+    width: 250px;
+  }
+  .canvas-content-with-sidebar {
     max-width: calc(100% - 250px);
     width: calc(100% - 250px);
   }
-  .canvas-content.canvas-content-with-sidebar-and-toolbar {
+  .canvas-content-with-sidebar-and-toolbar {
     max-width: calc(100% - 305px);
     width: calc(100% - 305px);
   }
-  .canvas-sidebar {
-    max-width: 250px;
-    width: 250px;
-  }
 }
 @media only screen and (max-width: 1199px) {
-  .canvas-content.canvas-content-with-sidebar {
+  .canvas-sidebar {
+    max-width: 220px;
+    width: 220px;
+  }
+  .canvas-content-with-sidebar {
     max-width: calc(100% - 220px);
     width: calc(100% - 220px);
   }
-  .canvas-content.canvas-content-with-sidebar-and-toolbar {
+  .canvas-content-with-sidebar-and-toolbar {
     max-width: calc(100% - 275px);
     width: calc(100% - 275px);
   }
-  .canvas-sidebar {
-    max-width: 220px;
-    width: 220px;
-  }
 }
 @media only screen and (max-width: 959px) {
-  .canvas-content.canvas-content-with-sidebar {
+  .canvas-sidebar { display: none; }
+  .canvas-content-with-sidebar {
     max-width: 100%;
     width: 100%;
   }
-  .canvas-content.canvas-content-with-toolbar,
-  .canvas-content.canvas-content-with-sidebar-and-toolbar {
+  .canvas-content-with-sidebar-and-toolbar {
     max-width: calc(100% - 55px);
     width: calc(100% - 55px);
   }
-  .canvas-sidebar { display: none; }
 }
 @media only screen and (max-width: 767px) {
-  .canvas-content.canvas-content-with-toolbar,
-  .canvas-content.canvas-content-with-sidebar-and-toolbar {
+  .canvas-sidebar,
+  .canvas-toolbar { display: none; }
+  .canvas-content-with-sidebar,
+  .canvas-content-with-toolbar,
+  .canvas-content-with-sidebar-and-toolbar {
     max-width: 100%;
     width: 100%;
   }
-  .canvas-content-buffer { min-height: 0; }
-  .canvas-with-header > .canvas-content {
+  .canvas-with-header > .canvas-content,
+  .canvas-with-footer > .canvas-content,
+  .canvas-with-header-and-footer > .canvas-content {
     margin-top: 50px;
-    padding-bottom: 50px;
+    padding-bottom: 140px;
   }
-  .canvas-with-footer > .canvas-content { padding-bottom: 80px; }
-  .canvas-toolbar { display: none; }
 }

data/vendor/assets/stylesheets/_carousel.scss

@@ -15,9 +15,7 @@
 .carousel-inner > .item {
   display: none;
   position: relative;
-  -webkit-transition: 0.6s ease-in-out left;
-      -ms-transition: 0.6s ease-in-out left;
-          transition: 0.6s ease-in-out left;
+  @include transition(0.6s ease-in-out left);
 }
 .carousel-inner > .item > img,
 .carousel-inner > .item > a > img {

data/vendor/assets/stylesheets/_code.scss

@@ -1,65 +1,52 @@
 /* Table of Contents
 ==================================================
-# Code/Pre
-# Pygments
+# Code and pre
 # Colors
+# Pygments
 # Media Queries */
 
-/* # Code/Pre
+/* # Code and pre
 ================================================== */
-code {
-  background: $color-light-haze;
-  border: 1px solid $color-dark-haze;
+code,
+pre {
+  background: $color-white;
+  border: 1px solid $color-haze;
   border-radius: 2px;
   color: $color-black;
-  counter-reset: code-line 0;
-  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
+  font-family: $typography-monospace;
   font-size: 12px;
   font-weight: normal;
   letter-spacing: 0;
   line-height: 20px;
   margin: 0;
-  padding: 4px 5px;
   text-decoration: none;
   text-transform: none;
-  vertical-align: middle;
   white-space: pre;
 }
+code { padding: 4px 5px; }
 pre {
-  background: $color-light-haze;
-  border: 1px solid $color-dark-haze;
-  border-radius: 2px;
-  color: $color-black;
-  counter-reset: code-line 0;
   display: block;
-  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
-  font-size: 12px;
-  font-weight: normal;
-  letter-spacing: 0;
-  line-height: 20px;
-  margin: 0;
   padding: 20px;
-  text-decoration: none;
-  text-transform: none;
   word-break: break-all;
   word-wrap: break-word;
-  white-space: pre;
 }
-.code-numbered,
-.pre-numbered { padding-left: 30px; }
-.pre-scrollable {
-  max-height: 300px;
-  overflow: scroll;
+
+/* # Colors
+================================================== */
+.code-dark,
+.pre-dark {
+  background: $color-black;
+  border-color: $color-dark-black;
+  color: $color-gray;
 }
-.code-line { counter-increment: code-line; }
-.code-line:before {
-  content: counter(code-line);
-  color: $color-black;
-  left: 0;
-  position: fixed;
-  text-align: center;
-  width: 30px;
+.code-light,
+.pre-light {
+  background: $color-light-haze;
+  border-color: $color-dark-haze;
 }
+.pre-dark .err { background: $color-gray; }
+.pre-dark .gp,
+.pre-dark .gu { color: $color-gray; }
 
 /* # Pygments
 ================================================== */
@@ -149,21 +136,6 @@ pre {
 .vi { color: $color-red; } /* Name.Variable.Instance */
 .il { color: $color-green; } /* Literal.Number.Integer.Long */
 
-/* # Colors
-================================================== */
-.code-dark {
-  background: $color-black;
-  border-color: $color-dark-black;
-  color: $color-gray;
-}
-.code-dark .err { background: $color-gray; }
-.code-dark .gp,
-.code-dark .gu { color: $color-gray; }
-.code-light {
-  background: $color-white;
-  border-color: $color-haze;
-}
-
 /* # Media Queries
 ================================================== */
 @media

data/vendor/assets/stylesheets/_collapse.scss

@@ -10,7 +10,5 @@
   height: 0;
   overflow: hidden;
   position: relative;
-  -webkit-transition: height 0.35s ease;
-      -ms-transition: height 0.35s ease;
-          transition: height 0.35s ease;
+  @include transition(height 0.35s ease);
 }

data/vendor/assets/stylesheets/_color.scss

@@ -1,60 +1,31 @@
 /* Table of Contents
 ==================================================
 # Grayscale Colors
-# Dark Colors
-# Base Colors
-# Light Colors */
+# Base Colors */
 
 /* # Grayscale Colors
 ================================================== */
 $color-transparent: rgba(0,0,0,0);
-$color-dark-black:  rgba(0,0,0,1);
-$color-black:       rgba(35,41,55,1);
-$color-light-black: rgba(55,61,75,1);
-$color-dark-gray:   rgba(71,82,93,1);
-$color-gray:        rgba(123,137,148,1);
-$color-light-gray:  rgba(175,184,195,1);
-$color-dark-haze:   rgba(225,226,230,1);
-$color-haze:        rgba(239,240,243,1);
-$color-light-haze:  rgba(247,248,250,1);
-$color-dark-white:  rgba(249,250,252,1);
-$color-white:       rgba(255,255,255,1);
-
-/* # Dark Colors
-================================================== */
-$color-dark-lime:   rgba(105,164,18,1);
-$color-dark-green:  rgba(0,140,0,1);
-$color-dark-teal:   rgba(1,163,153,1);
-$color-dark-blue:   rgba(0,52,235,1);
-$color-dark-indigo: rgba(56,1,207,1);
-$color-dark-purple: rgba(93,0,220,1);
-$color-dark-pink:   rgba(230,16,67,1);
-$color-dark-red:    rgba(203,8,0,1);
-$color-dark-orange: rgba(225,62,0,1);
-$color-dark-yellow: rgba(255,214,0,1);
+$color-dark-black: rgba(17,21,24,1);
+$color-black: rgba(40,49,59,1);
+$color-light-black: rgba(50,63,73,1);
+$color-dark-gray: rgba(71,82,93,1);
+$color-gray: rgba(106,122,138,1);
+$color-light-gray: rgba(151,163,175,1);
+$color-dark-haze: rgba(225,226,230,1);
+$color-haze: rgba(239,240,243,1);
+$color-light-haze: rgba(246,247,249,1);
+$color-white: rgba(255,255,255,1);
 
 /* # Base Colors
 ================================================== */
-$color-lime:   rgba(151,212,19,1);
-$color-green:  rgba(0,180,0,1);
-$color-teal:   rgba(36,198,198,1);
-$color-blue:   rgba(0,87,255,1);
-$color-indigo: rgba(86,21,237,1);
-$color-purple: rgba(128,0,255,1);
-$color-pink:   rgba(255,51,102,1);
-$color-red:    rgba(240,35,17,1);
-$color-orange: rgba(255,82,0,1);
-$color-yellow: rgba(255,235,59,1);
-
-/* # Light Colors
-================================================== */
-$color-light-lime:   rgba(189,235,108,1);
-$color-light-green:  rgba(144,225,83,1);
-$color-light-teal:   rgba(136,228,208,1);
-$color-light-blue:   rgba(82,154,243,1);
-$color-light-indigo: rgba(115,105,228,1);
-$color-light-purple: rgba(158,95,252,1);
-$color-light-pink:   rgba(255,121,172,1);
-$color-light-red:    rgba(255,95,77,1);
-$color-light-orange: rgba(255,142,80,1);
-$color-light-yellow: rgba(255,255,141,1);
+$color-lime: rgba(161,200,32,1);
+$color-green: rgba(99,188,16,1);
+$color-teal: rgba(10,181,159,1);
+$color-blue: rgba(27,98,224,1);
+$color-indigo: rgba(85,71,235,1);
+$color-purple: rgba(78,60,140,1);
+$color-pink: rgba(254,87,121,1);
+$color-red: rgba(255,61,31,1);
+$color-orange: rgba(255,136,0,1);
+$color-yellow: rgba(255,229,0,1);

data/vendor/assets/stylesheets/_colorpicker.scss

@@ -8,12 +8,12 @@
   background: $color-dark-gray;
   border-radius: 2px;
   display: inline-block;
-  height: 25px;
+  height: 26px;
   vertical-align: middle;
-  width: 25px;
+  width: 26px;
 }
 .dropdown-colorpicker > .dropdown-menu {
-  margin-left: -5px;
+  margin: 1px 0 0 -5px;
   min-width: 162px;
   padding: 4px;
 }
@@ -32,9 +32,7 @@
   padding: 0;
   position: relative;
   text-decoration: none;
-  -webkit-transition: all ease 0.1s;
-      -ms-transition: all ease 0.1s;
-          transition: all ease 0.1s;
+  @include transition(all ease 0.1s);
   width: 26px;
 }
 .dropdown-colorpicker > .dropdown-menu > li > .colorpicker-swatch.selected:after {

data/vendor/assets/stylesheets/_datepicker.scss

@@ -14,9 +14,7 @@
   display: none;
   opacity: 1;
   padding: 0;
-  -webkit-transition: none;
-      -ms-transition: none;
-          transition: none;
+  @include transition(none);
   visibility: visible;
 }
 .datepicker:before {
@@ -31,7 +29,7 @@
   border-bottom: 6px solid $color-dark-haze;
   border-right: 6px solid $color-transparent;
   border-left: 6px solid $color-transparent;
-  content: '';
+  content: "";
   display: inline-block;
   position: absolute;
 }
@@ -58,9 +56,7 @@
 .datepicker > div { display: none; }
 .datepicker table {
   margin: 0;
-  -webkit-user-select: none;
-        -ms-ms-select: none;
-          user-select: none;
+  @include user-select(none);
   width: 100%;
 }
 .datepicker table th,
@@ -72,7 +68,7 @@
 .datepicker table td {
   font-weight: normal;
   height: 22px;
-  line-height: 16px;
+  line-height: 1;
 }
 .datepicker table td.new,
 .datepicker table td.old { color: $color-light-gray; }
@@ -111,6 +107,7 @@
   font-weight: bold;
   width: 145px;
 }
+.datepicker table th.datepicker-switch { padding-bottom: 3px !important; }
 .datepicker table td.day.disabled { color: $color-dark-haze; }
 .datepicker table td.day.disabled:hover,
 .datepicker table td.day.disabled.active,