archangel 0.0.6 → 0.0.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ffb41416bed166dc7a839e962bd30c941dbc5a617a082bafd8b53c9dfce8dfb1
-  data.tar.gz: 21ee7b769a7678816b1668800714dac78292c07aa60d6abc3a86f807c5302c56
+  metadata.gz: 2f93fdac4c77817cecce54f5e7858937109ca282476a44d9700ab80be221de8b
+  data.tar.gz: 47a9de320b4483ade84a1daad9b4323293c539ab311b59def727f4592334d8e1
 SHA512:
-  metadata.gz: 6b0381d552c49d82b3ee4bc5fe1501e06e7aa809e7ae9f1209e6761d2252c262b507ab18ede3136310b241d8b7eedbd459f7fa9ac5630c6922ec3f18a6bd9e10
-  data.tar.gz: 4156e91ffcf03d124aad5654b773d39d92a1e1733f817246eda137dcb964695fceedbbcee63a51c672168fa464cc4ae9da11fa3cf57eacaacd0bad39aafad92e
+  metadata.gz: 7edcc97f656802011fc4fdfc841334706393bd7415badc423e22dcc98c6de14390071e2b05326f25341867f9804bf7276a74456275f216f8506625e73c3c4345
+  data.tar.gz: 727fc92ce25f28c0f41fd935952d86f90cb4593ac60b02935e26a812fdab36ea28638d179c037f2b59f829ea0e8cb3bea2d0a77d3c8c8eac536f2e260f322a37

data/.jshintrc

@@ -2,11 +2,13 @@
   "globals": {
     "$": true,
     "Archangel": true,
+    "Event": true,
     "Sortable": true,
     "XMLHttpRequest": true,
     "document": true,
     "jQuery": true,
     "localStorage": true,
+    "Object": true,
     "window": true
   },
   "boss": true,

data/.travis.yml

@@ -1,5 +1,7 @@
 sudo: false
 language: ruby
+cache:
+  bundler: true
 bundler_args: --without production --jobs=3 --retry=3
 before_install:
   - gem update --system

data/Gemfile

@@ -33,5 +33,4 @@ group :test do
   gem "shoulda-callback-matchers", "~> 1.1"
   gem "shoulda-matchers", "~> 3.1"
   gem "simplecov", "~> 0.14"
-  gem "timecop", "~> 0.9"
 end

data/README.md

@@ -5,7 +5,6 @@
 [![Travis CI](https://travis-ci.org/archangel/archangel.svg?branch=master)](https://travis-ci.org/archangel/archangel)
 [![Coverage Status](https://coveralls.io/repos/github/archangel/archangel/badge.svg?branch=master)](https://coveralls.io/github/archangel/archangel?branch=master)
 [![Code Climate](https://codeclimate.com/github/archangel/archangel/badges/gpa.svg)](https://codeclimate.com/github/archangel/archangel)
-[![Dependency Status](https://gemnasium.com/badges/github.com/archangel/archangel.svg)](https://gemnasium.com/github.com/archangel/archangel)
 [![Inline docs](http://inch-ci.org/github/archangel/archangel.svg?branch=master)](http://inch-ci.org/github/archangel/archangel)
 
 ![Archangel](archangel.png "Archangel")

data/app/assets/javascripts/archangel/input/datetimepicker.js

@@ -0,0 +1,87 @@
+$(function() {
+  'use strict';
+
+  var archangelDatetimepickerTranslations = function() {
+    return {
+      separator: Archangel.translate.datetimepicker.separator,
+      applyLabel: Archangel.translate.datetimepicker.apply,
+      cancelLabel: Archangel.translate.datetimepicker.cancel,
+      fromLabel: Archangel.translate.datetimepicker.from,
+      toLabel: Archangel.translate.datetimepicker.to,
+      customRangeLabel: Archangel.translate.datetimepicker.custom_range,
+      weekLabel: Archangel.translate.datetimepicker.week,
+      daysOfWeek: [
+        Archangel.translate.datetimepicker.days.sunday,
+        Archangel.translate.datetimepicker.days.monday,
+        Archangel.translate.datetimepicker.days.tuesday,
+        Archangel.translate.datetimepicker.days.wednesday,
+        Archangel.translate.datetimepicker.days.thursday,
+        Archangel.translate.datetimepicker.days.friday,
+        Archangel.translate.datetimepicker.days.saturday
+      ],
+      monthNames: [
+        Archangel.translate.datetimepicker.months.january,
+        Archangel.translate.datetimepicker.months.february,
+        Archangel.translate.datetimepicker.months.march,
+        Archangel.translate.datetimepicker.months.april,
+        Archangel.translate.datetimepicker.months.may,
+        Archangel.translate.datetimepicker.months.june,
+        Archangel.translate.datetimepicker.months.july,
+        Archangel.translate.datetimepicker.months.august,
+        Archangel.translate.datetimepicker.months.september,
+        Archangel.translate.datetimepicker.months.october,
+        Archangel.translate.datetimepicker.months.november,
+        Archangel.translate.datetimepicker.months.december
+      ]
+    };
+  };
+
+  function extend(obj, src) {
+    for (var key in src) {
+      if (src.hasOwnProperty(key)) {
+        obj[key] = src[key];
+      }
+    }
+    return obj;
+  }
+
+  // Time picker
+  $('input.time_picker').daterangepicker({
+    singleDatePicker: true,
+    timePicker: true,
+    timePickerIncrement: 5,
+    timePicker24Hour: false,
+    timePickerSeconds: false,
+    showDropdowns: true,
+    locale: extend(
+      archangelDatetimepickerTranslations(),
+      { format: Archangel.translate.datetimepicker.time_format }
+    )
+  });
+
+  // Date picker
+  $('input.date_picker').daterangepicker({
+    singleDatePicker: true,
+    timePicker: false,
+    showDropdowns: true,
+    locale: extend(
+      archangelDatetimepickerTranslations(),
+      { format: Archangel.translate.datetimepicker.date_format }
+    )
+  });
+
+  // Date time picker
+  $('input.date_time_picker').daterangepicker({
+    singleDatePicker: true,
+    timePicker: true,
+    timePickerIncrement: 5,
+    timePicker24Hour: false,
+    timePickerSeconds: false,
+    showDropdowns: true,
+    locale: extend(
+      archangelDatetimepickerTranslations(),
+      { format: Archangel.translate.datetimepicker.datetime_format }
+    )
+  });
+
+});

data/app/assets/javascripts/archangel/object/translate/datetimepicker.js.erb

@@ -0,0 +1,41 @@
+(function(object) {
+  'use strict';
+
+  object.translate.datetimepicker = {
+    datetime_format: '<%= Archangel.t(:datetime_format_js, scope: :datetimepicker) %>',
+    date_format: '<%= Archangel.t(:date_format_js, scope: :datetimepicker) %>',
+    time_format: '<%= Archangel.t(:time_format_js, scope: :datetimepicker) %>',
+    separator: '<%= Archangel.t(:separator, scope: :datetimepicker) %>',
+    apply: '<%= Archangel.t(:apply, scope: :datetimepicker) %>',
+    cancel: '<%= Archangel.t(:cancel, scope: :datetimepicker) %>',
+    from: '<%= Archangel.t(:from, scope: :datetimepicker) %>',
+    to: '<%= Archangel.t(:to, scope: :datetimepicker) %>',
+    custom_range: '<%= Archangel.t(:custom_range, scope: :datetimepicker) %>',
+    days: {
+      sunday: '<%= Archangel.t(:sunday, scope: "datetimepicker.days") %>',
+      monday: '<%= Archangel.t(:monday, scope: "datetimepicker.days") %>',
+      tuesday: '<%= Archangel.t(:tuesday, scope: "datetimepicker.days") %>',
+      wednesday: '<%= Archangel.t(:wednesday, scope: "datetimepicker.days") %>',
+      thursday: '<%= Archangel.t(:thursday, scope: "datetimepicker.days") %>',
+      friday: '<%= Archangel.t(:friday, scope: "datetimepicker.days") %>',
+      saturday: '<%= Archangel.t(:saturday, scope: "datetimepicker.days") %>'
+    },
+    months: {
+      january: '<%= Archangel.t(:january, scope: "datetimepicker.months") %>',
+      february: '<%= Archangel.t(:february, scope: "datetimepicker.months") %>',
+      march: '<%= Archangel.t(:march, scope: "datetimepicker.months") %>',
+      april: '<%= Archangel.t(:april, scope: "datetimepicker.months") %>',
+      may: '<%= Archangel.t(:may, scope: "datetimepicker.months") %>',
+      june: '<%= Archangel.t(:june, scope: "datetimepicker.months") %>',
+      july: '<%= Archangel.t(:july, scope: "datetimepicker.months") %>',
+      august: '<%= Archangel.t(:august, scope: "datetimepicker.months") %>',
+      september: '<%= Archangel.t(:september, scope: "datetimepicker.months") %>',
+      october: '<%= Archangel.t(:october, scope: "datetimepicker.months") %>',
+      november: '<%= Archangel.t(:november, scope: "datetimepicker.months") %>',
+      december: '<%= Archangel.t(:december, scope: "datetimepicker.months") %>'
+    }
+  };
+
+  return object;
+
+}(Archangel || {}));

data/app/models/archangel/entry.rb

@@ -18,5 +18,32 @@ module Archangel
     belongs_to :collection
 
     default_scope { order(position: :asc) }
+
+    ##
+    # Check if Entry is available. Available in the past, present and future.
+    # Future availability date is also considered available.
+    #
+    # @return [Boolean] if available
+    #
+    def available?
+      available_at.present?
+    end
+
+    ##
+    # Return string of availability status.
+    #
+    # @return [String] available status
+    #
+    def available_status
+      if available?
+        if available_at > Time.now
+          "future-available"
+        else
+          "available"
+        end
+      else
+        "unavailable"
+      end
+    end
   end
 end

data/app/models/archangel/page.rb

@@ -52,6 +52,23 @@ module Archangel
       published_at.present?
     end
 
+    ##
+    # Return string of publication status.
+    #
+    # @return [String] publication status
+    #
+    def published_status
+      if published?
+        if published_at > Time.now
+          "future-published"
+        else
+          "published"
+        end
+      else
+        "unpublished"
+      end
+    end
+
     ##
     # Liquid object for Page
     #

data/app/policies/archangel/application_policy.rb

@@ -29,7 +29,7 @@ module Archangel
     ##
     # Check if `#index` action is authorized for current user
     #
-    # @return [Boolean] if action is authorized
+    # @return [Boolean] true for all roles
     #
     def index?
       true
@@ -38,7 +38,7 @@ module Archangel
     ##
     # Check if `#show` action is authorized for current user
     #
-    # @return [Boolean] if action is authorized
+    # @return [Boolean] true if record exists
     #
     def show?
       scope.where(id: record.id).exists?
@@ -47,7 +47,7 @@ module Archangel
     ##
     # Check if `#create` action is authorized for current user
     #
-    # @return [Boolean] if action is authorized
+    # @return [Boolean] true for all roles
     #
     def create?
       true
@@ -56,7 +56,7 @@ module Archangel
     ##
     # Check if `#new` action is authorized for current user
     #
-    # @return [Boolean] if action is authorized
+    # @return [Boolean] true if also able to create record
     #
     def new?
       create?
@@ -65,7 +65,7 @@ module Archangel
     ##
     # Check if `#update` action is authorized for current user
     #
-    # @return [Boolean] if action is authorized
+    # @return [Boolean] true for all roles
     #
     def update?
       true
@@ -74,7 +74,7 @@ module Archangel
     ##
     # Check if `#edit` action is authorized for current user
     #
-    # @return [Boolean] if action is authorized
+    # @return [Boolean] true if also able to update record
     #
     def edit?
       update?
@@ -83,7 +83,7 @@ module Archangel
     ##
     # Check if `#destroy` action is authorized for current user
     #
-    # @return [Boolean] if action is authorized
+    # @return [Boolean] true for all roles
     #
     def destroy?
       true

data/app/policies/archangel/asset_policy.rb

@@ -8,7 +8,7 @@ module Archangel
     ##
     # Check if `#wysiwyg` action is authorized for current user.
     #
-    # @return [Boolean] if action is authorized
+    # @return [Boolean] true for all roles
     #
     def wysiwyg?
       true

data/app/policies/archangel/entry_policy.rb

@@ -8,7 +8,7 @@ module Archangel
     ##
     # Check if `#sort` action is authorized for current user
     #
-    # @return [Boolean] if action is authorized
+    # @return [Boolean] true for all roles
     #
     def sort?
       true

data/app/policies/archangel/site_policy.rb

@@ -9,7 +9,7 @@ module Archangel
     # Check if `#update` action is authorized for current user. Based on if
     # current user has the "admin" role
     #
-    # @return [Boolean] if action is authorized
+    # @return [Boolean] true when User is an "admin" role
     #
     def update?
       admin_user?
@@ -18,7 +18,7 @@ module Archangel
     ##
     # Check if `#sample` action is authorized for current user.
     #
-    # @return [Boolean] if action is authorized
+    # @return [Boolean] true for all roles
     #
     def sample?
       true

data/app/themes/default/assets/javascripts/default/backend.js

@@ -6,12 +6,12 @@
 //= require rails-ujs
 //= require popper
 //= require bootstrap
-// require moment
-// require bootstrap-datetimepicker
+//= require moment
 //= require selectize
 //= require cocoon
 //
 //  Third-party assets (from vendor)
+//= require daterangepicker/daterangepicker
 //= require sortable/sortable
 //= require trumbowyg/trumbowyg
 //= require trumbowyg/plugins/allowtagsfrompaste/trumbowyg.allowtagsfrompaste
@@ -27,10 +27,10 @@
 //= require "archangel/object/routes"
 //= require "archangel/object/routes/backend"
 //= require "archangel/object/translate"
-// require "archangel/object/translate/datetime_picker"
+//= require "archangel/object/translate/datetimepicker"
 //= require "archangel/object/translate/sortable"
 //= require "archangel/object/url"
-// require "archangel/input/datetime_picker"
+//= require "archangel/input/datetimepicker"
 //= require "archangel/input/meta_keywords"
 //= require "archangel/input/wysiwyg"
 //= require "archangel/input/parent/collection"

data/app/themes/default/assets/stylesheets/default/backend.css

@@ -5,6 +5,9 @@
  *  Third-party assets
  * none
  *
+ *  Archangel helper scripts
+ * none
+ *
  *  Third-party Archangel assets (from the vendor directory)
  *= require archangel/backend
  *

data/app/themes/default/assets/stylesheets/default/backend/core.scss

@@ -14,9 +14,9 @@
 // 3rd party (from gems)
 //
 @import 'font-awesome';
-// @import 'bootstrap-datetimepicker';
 //
 // 3rd party (from vendor)
 //
+@import 'daterangepicker/daterangepicker';
 @import 'trumbowyg/trumbowyg';
 @import 'trumbowyg/plugins/colors/trumbowyg.colors';

data/app/themes/default/assets/stylesheets/default/common/_selectize.scss

@@ -1,137 +1,159 @@
 .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
-  visibility: visible !important;
   background: #f2f2f2 !important;
-  background: rgba(0, 0, 0, 0.06) !important;
+  background: rgba(0, 0, 0, .06) !important;
   border: 0 none !important;
+  visibility: visible !important;
 }
+
 .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
   content: '!';
   visibility: hidden;
 }
+
 .selectize-control.plugin-drag_drop .ui-sortable-helper {
 }
+
 .selectize-dropdown-header {
-  position: relative;
-  padding: 5px 8px;
-  border-bottom: 1px solid #d0d0d0;
   background: #f8f8f8;
+  border-bottom: 1px solid #d0d0d0;
   border-radius: 3px 3px 0 0;
+  padding: 5px 8px;
+  position: relative;
 }
+
 .selectize-dropdown-header-close {
+  color: #303030;
+  font-size: 20px !important;
+  line-height: 20px;
+  margin-top: -12px;
+  opacity: .4;
   position: absolute;
   right: 8px;
   top: 50%;
-  color: #303030;
-  opacity: 0.4;
-  margin-top: -12px;
-  line-height: 20px;
-  font-size: 20px !important;
 }
+
 .selectize-dropdown-header-close:hover {
   color: #000000;
 }
+
 .selectize-dropdown.plugin-optgroup_columns .optgroup {
   border-right: 1px solid #f2f2f2;
   border-top: 0 none;
-  float: left;
-  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
+  float: left;
 }
+
 .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
   border-right: 0 none;
 }
+
 .selectize-dropdown.plugin-optgroup_columns .optgroup:before {
   display: none;
 }
+
 .selectize-dropdown.plugin-optgroup_columns .optgroup-header {
   border-top: 0 none;
 }
+
 .selectize-control.plugin-remove_button [data-value] {
-  position: relative;
   padding-right: 24px !important;
+  position: relative;
 }
+
 .selectize-control.plugin-remove_button [data-value] .remove {
-  z-index: 1;
-  /* fixes ie bug (see #392) */
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  width: 17px;
-  text-align: center;
-  font-weight: bold;
-  font-size: 12px;
-  color: inherit;
-  text-decoration: none;
-  vertical-align: middle;
-  display: inline-block;
-  padding: 2px 0 0 0;
   border-left: 1px solid #d0d0d0;
-  -webkit-border-radius: 0 2px 2px 0;
   -moz-border-radius: 0 2px 2px 0;
+  -webkit-border-radius: 0 2px 2px 0;
   border-radius: 0 2px 2px 0;
-  -webkit-box-sizing: border-box;
+  bottom: 0;
   -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
+  color: inherit;
+  display: inline-block;
+  font-size: 12px;
+  font-weight: bold;
+  padding: 2px 0 0;
+  position: absolute;
+  right: 0;
+  text-align: center;
+  text-decoration: none;
+  top: 0;
+  vertical-align: middle;
+  width: 17px;
+  z-index: 1;
 }
+
 .selectize-control.plugin-remove_button [data-value] .remove:hover {
   background: rgba(0, 0, 0, 0.05);
 }
+
 .selectize-control.plugin-remove_button [data-value].active .remove {
   border-left-color: #cacaca;
 }
+
 .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
   background: none;
 }
+
 .selectize-control.plugin-remove_button .disabled [data-value] .remove {
   border-left-color: #ffffff;
 }
+
 .selectize-control.plugin-remove_button .remove-single {
   position: absolute;
   right: 28px;
   top: 6px;
   font-size: 23px;
 }
+
 .selectize-control {
   position: relative;
 }
+
 .selectize-dropdown,
 .selectize-input,
 .selectize-input input {
   color: #303030;
   font-family: inherit;
   font-size: 13px;
-  line-height: 18px;
   -webkit-font-smoothing: inherit;
+  line-height: 18px;
 }
+
 .selectize-input,
 .selectize-control.single .selectize-input.input-active {
   background: #ffffff;
   cursor: text;
   display: inline-block;
 }
+
 .selectize-input {
   border: 0;
-  padding: 8px 8px;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
   display: inline-block;
-  width: 100%;
   overflow: hidden;
+  padding: 8px;
   position: relative;
+  width: 100%;
   z-index: 1;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
 }
+
 .selectize-control.multi .selectize-input.has-items {
   padding: 6px 8px 3px;
 }
+
 .selectize-input.full {
   background-color: #ffffff;
 }
+
 .selectize-input.disabled,
 .selectize-input.disabled * {
   cursor: default !important;
@@ -141,159 +163,186 @@
 }
 
 .selectize-input.dropdown-active {
-  -webkit-border-radius: 3px 3px 0 0;
   -moz-border-radius: 3px 3px 0 0;
+  -webkit-border-radius: 3px 3px 0 0;
   border-radius: 3px 3px 0 0;
 }
+
 .selectize-input > * {
-  vertical-align: baseline;
   display: -moz-inline-stack;
   display: inline-block;
-  zoom: 1;
   *display: inline;
+  vertical-align: baseline;
+  zoom: 1;
 }
+
 .selectize-control.multi .selectize-input > div {
+  background: #f2f2f2;
+  border: 0 solid #d0d0d0;
+  color: #303030;
   cursor: pointer;
   margin: 0 3px 0 0;
   padding: 2px 6px;
-  background: #f2f2f2;
-  color: #303030;
-  border: 0 solid #d0d0d0;
 }
+
 .selectize-control.multi .selectize-input > div.active {
   background: #e8e8e8;
-  color: #303030;
   border: 0 solid #cacaca;
+  color: #303030;
 }
+
 .selectize-control.multi .selectize-input.disabled > div,
 .selectize-control.multi .selectize-input.disabled > div.active {
-  color: #7d7d7d;
   background: #ffffff;
   border: 0 solid #ffffff;
+  color: #7d7d7d;
 }
+
 .selectize-input > input {
+  background: none !important;
+  border: 0 none !important;
   display: inline-block !important;
-  padding: 0 !important;
-  min-height: 0 !important;
+  line-height: inherit !important;
+  margin: 0 2px 0 0 !important;
   max-height: none !important;
   max-width: 100% !important;
-  margin: 0 2px 0 0 !important;
+  min-height: 0 !important;
+  padding: 0 !important;
   text-indent: 0 !important;
-  border: 0 none !important;
-  background: none !important;
-  line-height: inherit !important;
   -webkit-user-select: auto !important;
 }
+
 .selectize-input > input::-ms-clear {
   display: none;
 }
+
 .selectize-input > input:focus {
   outline: none !important;
 }
+
 .selectize-input::after {
+  clear: left;
   content: ' ';
   display: block;
-  clear: left;
 }
+
 .selectize-input.dropdown-active::before {
+  background: #f0f0f0;
+  bottom: 0;
   content: ' ';
   display: block;
-  position: absolute;
-  background: #f0f0f0;
   height: 1px;
-  bottom: 0;
   left: 0;
+  position: absolute;
   right: 0;
 }
+
 .selectize-dropdown {
-  position: absolute;
-  z-index: 10;
-  border: 1px solid #d0d0d0;
   background: #ffffff;
-  margin: -1px 0 0 0;
+  border: 1px solid #d0d0d0;
+  -moz-border-radius: 0 0 3px 3px;
+  -webkit-border-radius: 0 0 3px 3px;
+  border-radius: 0 0 3px 3px;
   border-top: 0 none;
-  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
-  -webkit-border-radius: 0 0 3px 3px;
-  -moz-border-radius: 0 0 3px 3px;
-  border-radius: 0 0 3px 3px;
+  margin: -1px 0 0;
+  position: absolute;
+  z-index: 10;
 }
+
 .selectize-dropdown [data-selectable] {
   cursor: pointer;
   overflow: hidden;
 }
+
 .selectize-dropdown [data-selectable] .highlight {
   background: rgba(125, 168, 208, 0.2);
-  -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
+  -webkit-border-radius: 1px;
   border-radius: 1px;
 }
+
 .selectize-dropdown [data-selectable],
 .selectize-dropdown .optgroup-header {
   padding: 5px 8px;
 }
+
 .selectize-dropdown .optgroup:first-child .optgroup-header {
   border-top: 0 none;
 }
+
 .selectize-dropdown .optgroup-header {
-  color: #303030;
   background: #ffffff;
+  color: #303030;
   cursor: default;
 }
+
 .selectize-dropdown .active {
   background-color: #f5fafd;
   color: #495c68;
 }
+
 .selectize-dropdown .active.create {
   color: #495c68;
 }
+
 .selectize-dropdown .create {
   color: rgba(48, 48, 48, 0.5);
 }
+
 .selectize-dropdown-content {
-  overflow-y: auto;
   overflow-x: hidden;
+  overflow-y: auto;
   max-height: 200px;
   -webkit-overflow-scrolling: touch;
 }
+
 .selectize-control.single .selectize-input,
 .selectize-control.single .selectize-input input {
   cursor: pointer;
 }
+
 .selectize-control.single .selectize-input.input-active,
 .selectize-control.single .selectize-input.input-active input {
   cursor: text;
 }
+
 .selectize-control.single .selectize-input:after {
+  border-color: #808080 transparent transparent transparent;
+  border-style: solid;
+  border-width: 5px 5px 0;
   content: ' ';
   display: block;
+  height: 0;
+  margin-top: -3px;
   position: absolute;
-  top: 50%;
   right: 15px;
-  margin-top: -3px;
+  top: 50%;
   width: 0;
-  height: 0;
-  border-style: solid;
-  border-width: 5px 5px 0 5px;
-  border-color: #808080 transparent transparent transparent;
 }
+
 .selectize-control.single .selectize-input.dropdown-active:after {
-  margin-top: -4px;
-  border-width: 0 5px 5px 5px;
   border-color: transparent transparent #808080 transparent;
+  border-width: 0 5px 5px 5px;
+  margin-top: -4px;
 }
+
 .selectize-control.rtl.single .selectize-input:after {
   left: 15px;
   right: auto;
 }
+
 .selectize-control.rtl .selectize-input > input {
   margin: 0 4px 0 -2px !important;
 }
+
 .selectize-control .selectize-input.disabled {
-  opacity: 0.5;
   background-color: #fafafa;
+  opacity: .5;
 }
+
 .selectize-control.form-control {
   padding: inherit;
 }