From 9788db68f3cb3ea6553583045b472f76179b9e14 Mon Sep 17 00:00:00 2001 From: Tonda Pleskac Date: Sun, 19 Aug 2018 11:05:21 +0200 Subject: [PATCH] Add core ui --- .gitmodules | 3 + Gemfile.lock | 163 ++++---- app/assets/stylesheets/blueberry_admin.sass | 13 +- .../blueberry_admin/_variables-override.scss | 0 .../blueberry_admin/_variables.scss | 196 ++++++++++ .../blueberry_admin/base/_forms.sass | 161 -------- .../blueberry_admin/base/_miscellaneous.sass | 356 ------------------ .../blueberry_admin/base/_table.sass | 126 ------- .../blueberry_admin/base/_typography.sass | 41 -- .../common/_variables-origin.sass | 118 ------ .../blueberry_admin/common/_variables.sass | 79 ---- .../blueberry_admin/common/bootstrap-ms.sass | 128 ------- .../common/bootstrap-override.sass | 4 - .../blueberry_admin/components/_alerts.sass | 47 --- .../blueberry_admin/components/_boxes.sass | 161 -------- .../blueberry_admin/components/_buttons.sass | 313 --------------- .../blueberry_admin/components/_callout.sass | 48 --- .../blueberry_admin/components/_carousel.sass | 13 - .../components/_control-sidebar.sass | 277 -------------- .../blueberry_admin/components/_def-list.sass | 38 -- .../components/_direct-chat.sass | 172 --------- .../blueberry_admin/components/_dropdown.sass | 296 --------------- .../blueberry_admin/components/_filter.sass | 9 - .../blueberry_admin/components/_gallery.sass | 66 ---- .../blueberry_admin/components/_header.sass | 238 ------------ .../blueberry_admin/components/_info-box.sass | 66 ---- .../blueberry_admin/components/_labels.sass | 22 -- .../blueberry_admin/components/_modal.sass | 73 ---- .../blueberry_admin/components/_navs.sass | 174 --------- .../components/_pages-tree.sass | 64 ---- .../blueberry_admin/components/_panels.sass | 23 -- .../blueberry_admin/components/_products.sass | 57 --- .../components/_progress-bars.sass | 107 ------ .../blueberry_admin/components/_redactor.sass | 23 -- .../components/_small-box.sass | 89 ----- .../blueberry_admin/components/_timeline.sass | 98 ----- .../components/_users-list.sass | 39 -- .../blueberry_admin/coreui-components.scss | 65 ++++ .../blueberry_admin/layout/_sidebar-mini.sass | 137 ------- .../blueberry_admin/layout/_sidebar.sass | 128 ------- .../blueberry_admin/layout/layout.sass | 121 ------ .../pages/_404_500_errors.sass | 36 -- .../blueberry_admin/pages/_fullcalendar.sass | 88 ----- .../blueberry_admin/pages/_invoice.sass | 16 - .../blueberry_admin/pages/_lockscreen.sass | 68 ---- .../pages/_login_and_register.sass | 40 -- .../blueberry_admin/pages/_mailbox.sass | 77 ---- .../blueberry_admin/skins/_skin-aerotec.sass | 14 - .../blueberry_admin/utils/functions.sass | 23 -- .../blueberry_admin/utils/make-columns.sass | 67 ---- .../blueberry_admin/utils/mixins-origin.sass | 291 -------------- .../blueberry_admin/utils/mixins.sass | 24 -- .../blueberry_admin/utils/render-to.sass | 27 -- blueberry_admin.gemspec | 4 +- lib/blueberry_admin.rb | 2 + lib/blueberry_admin/version.rb | 2 +- vendor/assets/coreui | 1 + 57 files changed, 364 insertions(+), 4768 deletions(-) create mode 100644 .gitmodules create mode 100644 app/assets/stylesheets/blueberry_admin/_variables-override.scss create mode 100755 app/assets/stylesheets/blueberry_admin/_variables.scss delete mode 100755 app/assets/stylesheets/blueberry_admin/base/_forms.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/base/_miscellaneous.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/base/_table.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/base/_typography.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/common/_variables-origin.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/common/_variables.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/common/bootstrap-ms.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/common/bootstrap-override.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/components/_alerts.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/components/_boxes.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/components/_buttons.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/components/_callout.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/components/_carousel.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/components/_control-sidebar.sass delete mode 100644 app/assets/stylesheets/blueberry_admin/components/_def-list.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/components/_direct-chat.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/components/_dropdown.sass delete mode 100644 app/assets/stylesheets/blueberry_admin/components/_filter.sass delete mode 100644 app/assets/stylesheets/blueberry_admin/components/_gallery.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/components/_header.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/components/_info-box.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/components/_labels.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/components/_modal.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/components/_navs.sass delete mode 100644 app/assets/stylesheets/blueberry_admin/components/_pages-tree.sass delete mode 100644 app/assets/stylesheets/blueberry_admin/components/_panels.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/components/_products.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/components/_progress-bars.sass delete mode 100644 app/assets/stylesheets/blueberry_admin/components/_redactor.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/components/_small-box.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/components/_timeline.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/components/_users-list.sass create mode 100644 app/assets/stylesheets/blueberry_admin/coreui-components.scss delete mode 100755 app/assets/stylesheets/blueberry_admin/layout/_sidebar-mini.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/layout/_sidebar.sass delete mode 100644 app/assets/stylesheets/blueberry_admin/layout/layout.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/pages/_404_500_errors.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/pages/_fullcalendar.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/pages/_invoice.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/pages/_lockscreen.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/pages/_login_and_register.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/pages/_mailbox.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/skins/_skin-aerotec.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/utils/functions.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/utils/make-columns.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/utils/mixins-origin.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/utils/mixins.sass delete mode 100755 app/assets/stylesheets/blueberry_admin/utils/render-to.sass create mode 160000 vendor/assets/coreui diff --git a/.gitmodules b/.gitmodules new file mode 100644 index 0000000..c1175ed --- /dev/null +++ b/.gitmodules @@ -0,0 +1,3 @@ +[submodule "vendor/assets/coreui"] + path = vendor/assets/coreui + url = https://github.com/coreui/coreui.git diff --git a/Gemfile.lock b/Gemfile.lock index 6a8f691..59da704 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -2,6 +2,7 @@ PATH remote: . specs: blueberry_admin (0.1.1.9) + bootstrap (~> 4.1.3) rails (>= 5.0.0.1) sassc-rails (>= 1.3.0) @@ -9,101 +10,117 @@ GEM remote: https://rubygems.org/ remote: https://rails-assets.org/ specs: - actioncable (5.1.2) - actionpack (= 5.1.2) + actioncable (5.2.1) + actionpack (= 5.2.1) nio4r (~> 2.0) - websocket-driver (~> 0.6.1) - actionmailer (5.1.2) - actionpack (= 5.1.2) - actionview (= 5.1.2) - activejob (= 5.1.2) + websocket-driver (>= 0.6.1) + actionmailer (5.2.1) + actionpack (= 5.2.1) + actionview (= 5.2.1) + activejob (= 5.2.1) mail (~> 2.5, >= 2.5.4) rails-dom-testing (~> 2.0) - actionpack (5.1.2) - actionview (= 5.1.2) - activesupport (= 5.1.2) + actionpack (5.2.1) + actionview (= 5.2.1) + activesupport (= 5.2.1) rack (~> 2.0) - rack-test (~> 0.6.3) + rack-test (>= 0.6.3) rails-dom-testing (~> 2.0) rails-html-sanitizer (~> 1.0, >= 1.0.2) - actionview (5.1.2) - activesupport (= 5.1.2) + actionview (5.2.1) + activesupport (= 5.2.1) builder (~> 3.1) erubi (~> 1.4) rails-dom-testing (~> 2.0) rails-html-sanitizer (~> 1.0, >= 1.0.3) - activejob (5.1.2) - activesupport (= 5.1.2) + activejob (5.2.1) + activesupport (= 5.2.1) globalid (>= 0.3.6) - activemodel (5.1.2) - activesupport (= 5.1.2) - activerecord (5.1.2) - activemodel (= 5.1.2) - activesupport (= 5.1.2) - arel (~> 8.0) - activesupport (5.1.2) + activemodel (5.2.1) + activesupport (= 5.2.1) + activerecord (5.2.1) + activemodel (= 5.2.1) + activesupport (= 5.2.1) + arel (>= 9.0) + activestorage (5.2.1) + actionpack (= 5.2.1) + activerecord (= 5.2.1) + marcel (~> 0.3.1) + activesupport (5.2.1) concurrent-ruby (~> 1.0, >= 1.0.2) - i18n (~> 0.7) + i18n (>= 0.7, < 2) minitest (~> 5.1) tzinfo (~> 1.1) - arel (8.0.0) + arel (9.0.0) + autoprefixer-rails (9.1.1) + execjs + bootstrap (4.1.3) + autoprefixer-rails (>= 6.0.3) + popper_js (>= 1.12.9, < 2) + sass (>= 3.5.2) builder (3.2.3) concurrent-ruby (1.0.5) - erubi (1.6.1) - ffi (1.9.18) - globalid (0.4.0) + crass (1.0.4) + erubi (1.7.1) + execjs (2.7.0) + ffi (1.9.25) + globalid (0.4.1) activesupport (>= 4.2.0) - i18n (0.8.6) - loofah (2.0.3) + i18n (1.1.0) + concurrent-ruby (~> 1.0) + loofah (2.2.2) + crass (~> 1.0.2) nokogiri (>= 1.5.9) - mail (2.6.6) - mime-types (>= 1.16, < 4) - method_source (0.8.2) - mime-types (3.1) - mime-types-data (~> 3.2015) - mime-types-data (3.2016.0521) - mini_portile2 (2.2.0) - minitest (5.10.2) - nio4r (2.1.0) - nokogiri (1.8.0) - mini_portile2 (~> 2.2.0) - rack (2.0.3) - rack-test (0.6.3) - rack (>= 1.0) - rails (5.1.2) - actioncable (= 5.1.2) - actionmailer (= 5.1.2) - actionpack (= 5.1.2) - actionview (= 5.1.2) - activejob (= 5.1.2) - activemodel (= 5.1.2) - activerecord (= 5.1.2) - activesupport (= 5.1.2) - bundler (>= 1.3.0, < 2.0) - railties (= 5.1.2) + mail (2.7.0) + mini_mime (>= 0.1.1) + marcel (0.3.2) + mimemagic (~> 0.3.2) + method_source (0.9.0) + mimemagic (0.3.2) + mini_mime (1.0.1) + mini_portile2 (2.3.0) + minitest (5.11.3) + nio4r (2.3.1) + nokogiri (1.8.4) + mini_portile2 (~> 2.3.0) + popper_js (1.14.3) + rack (2.0.5) + rack-test (1.1.0) + rack (>= 1.0, < 3) + rails (5.2.1) + actioncable (= 5.2.1) + actionmailer (= 5.2.1) + actionpack (= 5.2.1) + actionview (= 5.2.1) + activejob (= 5.2.1) + activemodel (= 5.2.1) + activerecord (= 5.2.1) + activestorage (= 5.2.1) + activesupport (= 5.2.1) + bundler (>= 1.3.0) + railties (= 5.2.1) sprockets-rails (>= 2.0.0) rails-dom-testing (2.0.3) activesupport (>= 4.2.0) nokogiri (>= 1.6) - rails-html-sanitizer (1.0.3) - loofah (~> 2.0) - railties (5.1.2) - actionpack (= 5.1.2) - activesupport (= 5.1.2) + rails-html-sanitizer (1.0.4) + loofah (~> 2.2, >= 2.2.2) + railties (5.2.1) + actionpack (= 5.2.1) + activesupport (= 5.2.1) method_source rake (>= 0.8.7) - thor (>= 0.18.1, < 2.0) - rake (12.0.0) - rb-fsevent (0.10.2) + thor (>= 0.19.0, < 2.0) + rake (12.3.1) + rb-fsevent (0.10.3) rb-inotify (0.9.10) ffi (>= 0.5.0, < 2) - sass (3.5.1) + sass (3.5.7) sass-listen (~> 4.0.0) sass-listen (4.0.0) rb-fsevent (~> 0.9, >= 0.9.4) rb-inotify (~> 0.9, >= 0.9.7) - sassc (1.11.4) - bundler + sassc (1.12.1) ffi (~> 1.9.6) sass (>= 3.3.0) sassc-rails (1.3.0) @@ -113,21 +130,21 @@ GEM sprockets (> 2.11) sprockets-rails tilt - sprockets (3.7.1) + sprockets (3.7.2) concurrent-ruby (~> 1.0) rack (> 1, < 3) - sprockets-rails (3.2.0) + sprockets-rails (3.2.1) actionpack (>= 4.0) activesupport (>= 4.0) sprockets (>= 3.0.0) - thor (0.19.4) + thor (0.20.0) thread_safe (0.3.6) - tilt (2.0.7) - tzinfo (1.2.3) + tilt (2.0.8) + tzinfo (1.2.5) thread_safe (~> 0.1) - websocket-driver (0.6.5) + websocket-driver (0.7.0) websocket-extensions (>= 0.1.0) - websocket-extensions (0.1.2) + websocket-extensions (0.1.3) PLATFORMS ruby @@ -136,4 +153,4 @@ DEPENDENCIES blueberry_admin! BUNDLED WITH - 1.14.6 + 1.16.1 diff --git a/app/assets/stylesheets/blueberry_admin.sass b/app/assets/stylesheets/blueberry_admin.sass index 0dfab7d..feea5a4 100644 --- a/app/assets/stylesheets/blueberry_admin.sass +++ b/app/assets/stylesheets/blueberry_admin.sass @@ -1,11 +1,4 @@ -@import bootstrap-sass/bootstrap-sprockets +@import font-awesome-sprockets +@import font-awesome -@import blueberry_admin/common/bootstrap-override - -@import blueberry_admin/utils/**/* - -@import blueberry_admin/base/**/* -@import blueberry_admin/layout/**/* -@import blueberry_admin/components/**/* -@import blueberry_admin/pages/**/* -@import blueberry_admin/skins/**/* +@import blueberry_admin/coreui-components diff --git a/app/assets/stylesheets/blueberry_admin/_variables-override.scss b/app/assets/stylesheets/blueberry_admin/_variables-override.scss new file mode 100644 index 0000000..e69de29 diff --git a/app/assets/stylesheets/blueberry_admin/_variables.scss b/app/assets/stylesheets/blueberry_admin/_variables.scss new file mode 100755 index 0000000..6cf3d5e --- /dev/null +++ b/app/assets/stylesheets/blueberry_admin/_variables.scss @@ -0,0 +1,196 @@ +// Import CoreUI default colors +@import "scss/variables/colors"; + +// Customized Bootstrap variables +@import "scss/variables/bootstrap/variables"; + +// Import Bootstrap variables after customization for use below +@import "bootstrap/functions"; +@import "bootstrap/variables"; + +// CoreUI Variables + +// stylelint-disable +$enable-sidebar-nav-rounded: false !default; +$layout-transition-speed: .25s !default; + +// Navbar + +$navbar-height: 55px !default; +$navbar-bg: #fff !default; +$navbar-border: ( + bottom: ( + size: 1px, + style: solid, + color: $border-color + ) +) !default; +$navbar-brand-width: 155px !default; +$navbar-brand-bg: transparent !default; +$navbar-brand-border: 0 !default; + +$navbar-brand-minimized-width: 50px !default; +$navbar-brand-minimized-bg: $navbar-brand-bg !default; +$navbar-brand-minimized-border: $navbar-brand-border !default; + +$navbar-color: $gray-600 !default; +$navbar-hover-color: $gray-800 !default; +$navbar-active-color: $gray-800 !default; +$navbar-disabled-color: $gray-300 !default; + +$navbar-toggler-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-color}' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; +$navbar-toggler-icon-hover: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-hover-color}' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; + +// Sidebar + +$sidebar-width: 200px !default; +$sidebar-padding: 0 !default; +$sidebar-minimized-width: 50px !default; +$sidebar-minimized-height: $sidebar-minimized-width !default; +$sidebar-compact-width: 150px !default; +$sidebar-compact-height: $sidebar-compact-width !default; +$sidebar-color: #fff !default; +$sidebar-bg: $gray-800 !default; +$sidebar-borders: none !default; +$mobile-sidebar-width: 220px !default; + +// Sidebar Header + +$sidebar-header-height: auto !default; +$sidebar-header-bg: rgba(0,0,0,.2) !default; +$sidebar-header-padding-y: .75rem !default; +$sidebar-header-padding-x: 1rem !default; + +// Sidebar Form + +$sidebar-form-border: 0 !default; +$sidebar-form-bg: darken($sidebar-bg,10%) !default; +$sidebar-form-color: #fff !default; +$sidebar-form-placeholder-color: rgba(255,255,255,.7) !default; + +// Sidebar Navigation + +$sidebar-nav-color: #fff !default; +$sidebar-nav-title-padding-y: .75rem !default; +$sidebar-nav-title-padding-x: 1rem !default; +$sidebar-nav-title-color: $gray-200 !default; +$sidebar-nav-link-padding-y: .75rem !default; +$sidebar-nav-link-padding-x: 1rem !default; +$sidebar-nav-link-color: #fff !default; +$sidebar-nav-link-bg: transparent !default; +$sidebar-nav-link-icon-color: $gray-600 !default; +$sidebar-nav-link-borders: 0 !default; + +$sidebar-nav-link-hover-color: #fff !default; +$sidebar-nav-link-hover-bg: theme-color("primary") !default; +$sidebar-nav-link-hover-icon-color: #fff !default; +$sidebar-nav-link-hover-borders: 0 !default; + +$sidebar-nav-link-active-color: #fff !default; +$sidebar-nav-link-active-bg: lighten($sidebar-bg, 5%) !default; +$sidebar-nav-link-active-icon-color: theme-color("primary") !default; +$sidebar-nav-link-active-borders: 0 !default; + +$sidebar-nav-dropdown-color: #fff !default; +$sidebar-nav-dropdown-bg: rgba(0,0,0,.2) !default; +$sidebar-nav-dropdown-borders: 0 !default; +$sidebar-nav-dropdown-indicator-color:$gray-600 !default; +$sidebar-nav-dropdown-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-nav-dropdown-indicator-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23") !default; +$sidebar-nav-dropdown-indicator-hover-color:$sidebar-nav-link-hover-color; +$sidebar-nav-dropdown-indicator-hover:str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-nav-dropdown-indicator-hover-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23") !default; + +// Sidebar Footer + +$sidebar-footer-height: auto !default; +$sidebar-footer-bg: rgba(0,0,0,.2) !default; +$sidebar-footer-padding-y: .75rem !default; +$sidebar-footer-padding-x: 1rem !default; +$sidebar-footer-borders: 0 !default; + +// Sidebar Minimizer + +$sidebar-minimizer-height: 50px !default; +$sidebar-minimizer-bg: rgba(0,0,0,.2) !default; +$sidebar-minimizer-borders: 0 !default; +$sidebar-minimizer-indicator-color: $gray-600 !default; +$sidebar-minimizer-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-minimizer-indicator-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23") !default; +$sidebar-minimizer-hover-bg: rgba(0,0,0,.3) !default; +$sidebar-minimizer-hover-indicator-color:$sidebar-nav-link-hover-color !default; +$sidebar-minimizer-hover-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-minimizer-hover-indicator-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23") !default; + +// Breadcrumb +$breadcrumb-borders: ( + bottom: ( + size: 1px, + style: solid, + color: $border-color + ) +) !default; + +// Aside + +$aside-menu-width: 250px !default; +$aside-menu-color: $gray-800 !default; +$aside-menu-bg: #fff !default; +$aside-menu-borders: ( + left: ( + size: 1px, + style: solid, + color: $border-color + ) +) !default; + +$aside-menu-nav-padding-y: .75rem !default; +$aside-menu-nav-padding-x: 1rem !default; + +// Footer + +$footer-height: 50px !default; +$footer-bg: $gray-100 !default; +$footer-color: $body-color !default; +$footer-borders: ( + top: ( + size: 1px, + style: solid, + color: $border-color + ) +) !default; + +// Avatars + +$avatar-width: 36px !default; +$avatar-status-width: 10px !default; + +$avatar-lg-width: 72px !default; +$avatar-lg-status-width: 12px !default; + +$avatar-sm-width: 24px !default; +$avatar-sm-status-width: 8px !default; + +$avatar-xs-width: 20px !default; +$avatar-xs-status-width: 8px !default; + +// Cards + +$card-icon-bg: transparent !default; +$card-icon-color: $body-color !default; + +// Switches + +$switch-width: 40px !default; +$switch-height: 26px !default; +$switch-font-size: 10px !default; + +$switch-lg-width: 48px !default; +$switch-lg-height: 30px !default; +$switch-lg-font-size: 12px !default; + +$switch-sm-width: 32px !default; +$switch-sm-height: 22px !default; +$switch-sm-font-size: 8px !default; + +$switch-label-width: 48px !default; +$switch-label-lg-width: 56px !default; +$switch-label-sm-width: 40px !default; + +$switch-handle-margin: 2px !default; diff --git a/app/assets/stylesheets/blueberry_admin/base/_forms.sass b/app/assets/stylesheets/blueberry_admin/base/_forms.sass deleted file mode 100755 index 89511ef..0000000 --- a/app/assets/stylesheets/blueberry_admin/base/_forms.sass +++ /dev/null @@ -1,161 +0,0 @@ -// -// Forms -// --------------------------------- - -.form-control - width: 100% - height: 38px - display: block - border: 1px solid darken($gray-lighter, 5%) - border-radius: 1px - color: inherit - background: white - transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s - -textarea.form-control - min-height: 280px - -select.form-control - appearance: none - -.form-control:focus, .single-line:focus - border-color: $navy !important - -.has-success .form-control - border-color: $navy - -.has-warning .form-control - border-color: $yellow - -.has-error .form-control - border-color: $red - -.has-success .control-label - color: $navy - -.has-warning .control-label - color: $yellow - -.has-error .control-label - color: $red - -.input-group-addon - background-color: white - border: 1px solid darken($gray-lighter, 5%) - border-radius: 1px - color: inherit - font-size: 14px - font-weight: 400 - line-height: 1 - padding: 6px 12px - text-align: center - -// variants -.form-horizontal - +render-to(sm, md, lg) - legend - padding: 0 30px 0 0 - width: 200px - font-size: 16px - font-weight: bold - text-align: right - display: inline-block - border: none - color: $brand-primary - - .form-group - margin-left: 0 - margin-right: 0 - clear: both - - .control-label - margin: 0 - padding-right: 30px - float: left - width: 200px - - .form-control-wrapper - margin-left: 200px - width: calc(100% - 200px) - max-width: 350px - display: block - position: relative - - .text .form-control-wrapper - max-width: 600px - - .form-control-holder - margin-left: 200px - - .form-control - margin-left: 0 - - .control-label - width: auto - float: none - - .checkbox - margin-left: 200px - - .help-block - margin-left: 200px - - .gallery - margin-bottom: 20px - -.form-inline - +render-to(sm, md, lg) - .form-group - margin-right: 1em - - .control-label - margin-right: 0.5em - - .form-control-wrapper - display: inline-block - -.inliners - width: 100% - height: 55px - position: relative - clear: both - & > .form-group - float: left - clear: none - &:first-child - margin-right: 30px - .form-inline - float: left - .checkbox - margin-left: 30px - -.checkbox - input[type="checkbox"] - margin: 0 - top: 5px - left: 0 - -.form-horizontal - .checkbox, - .radio - input[type="checkbox"] - top: 12px - -.checkbox-inline - .checkbox - input[type="checkbox"] - top: 8px - -textarea.form-control - min-height: 100px - -select.form-control - background: white image_url('admin/arrow-bottom.png') no-repeat right center - - &[multiple="multiple"] - background: white - -abbr[title], -abbr[data-original-title] - border: none - text-decoration: none diff --git a/app/assets/stylesheets/blueberry_admin/base/_miscellaneous.sass b/app/assets/stylesheets/blueberry_admin/base/_miscellaneous.sass deleted file mode 100755 index 75c80d7..0000000 --- a/app/assets/stylesheets/blueberry_admin/base/_miscellaneous.sass +++ /dev/null @@ -1,356 +0,0 @@ -/* - * General: Miscellaneous - * ---------------------- - */ -// 10px padding and margins -.pad - padding: 10px - -.margin - margin: 10px - -.margin-bottom - margin-bottom: 20px - -// Display inline -.inline - display: inline - width: auto - - -// Description Blocks -.description-block - display: block - margin: 10px 0 - text-align: center - &.margin-bottom - margin-bottom: 25px - - > .description-header - margin: 0 - padding: 0 - font-weight: 600 - font-size: 16px - - > .description-text - text-transform: uppercase - - - -// Background colors -.bg-red, -.bg-yellow, -.bg-aqua, -.bg-blue, -.bg-light-blue, -.bg-green, -.bg-navy, -.bg-teal, -.bg-olive, -.bg-lime, -.bg-orange , -.bg-fuchsia, -.bg-purple, -.bg-maroon, -.bg-black, -.bg-red-active, -.bg-yellow-active, -.bg-aqua-active, -.bg-blue-active, -.bg-light-blue-active, -.bg-green-active, -.bg-navy-active, -.bg-teal-active, -.bg-olive-active, -.bg-lime-active, -.bg-orange-active, -.bg-fuchsia-active, -.bg-purple-active, -.bg-maroon-active, -.bg-black-active - color: #fff !important - -.bg-gray - color: #000 - background-color: $gray !important - -.bg-black - background-color: $black !important - -.bg-red - background-color: $red !important - -.bg-yellow - background-color: $yellow !important - -.bg-aqua - background-color: $aqua !important - -.bg-blue - background-color: $blue !important - -.bg-light-blue - background-color: $light-blue !important - -.bg-green - background-color: $green !important - -.bg-navy - background-color: $navy !important - -.bg-teal - background-color: $teal !important - -.bg-olive - background-color: $olive !important - -.bg-lime - background-color: $lime !important - -.bg-orange - background-color: $orange !important - -.bg-fuchsia - background-color: $fuchsia !important - -.bg-purple - background-color: $purple !important - -.bg-maroon - background-color: $maroon !important - - -//Set of Active Background Colors -.bg-gray-active - color: #000 - background-color: darken($gray,10%)!important - -.bg-black-active - background-color: darken($black, 10%)!important - -.bg-red-active - background-color: darken($red , 6%)!important - -.bg-yellow-active - background-color: darken($yellow , 6%)!important - -.bg-aqua-active - background-color: darken($aqua , 6%)!important - -.bg-blue-active - background-color: darken($blue , 10%)!important - -.bg-light-blue-active - background-color: darken($light-blue , 6%)!important - -.bg-green-active - background-color: darken($green , 5%)!important - -.bg-navy-active - background-color: darken($navy , 2%)!important - -.bg-teal-active - background-color: darken($teal , 5%)!important - -.bg-olive-active - background-color: darken($olive , 5%)!important - -.bg-lime-active - background-color: darken($lime , 5%)!important - -.bg-orange-active - background-color: darken($orange , 5%)!important - -.bg-fuchsia-active - background-color: darken($fuchsia , 5%)!important - -.bg-purple-active - background-color: darken($purple , 5%)!important - -.bg-maroon-active - background-color: darken($maroon , 3%)!important - - -//Disabled! -[class^="bg-"].disabled - @include opacity(.65) - - -// Text colors -.text-red - color: $red !important - -.text-yellow - color: $yellow !important - -.text-aqua - color: $aqua !important - -.text-blue - color: $blue !important - -.text-black - color: $black!important - -.text-light-blue - color: $light-blue !important - -.text-green - color: $green !important - -.text-gray - color: $gray !important - -.text-navy - color: $navy !important - -.text-teal - color: $teal !important - -.text-olive - color: $olive !important - -.text-lime - color: $lime !important - -.text-orange - color: $orange !important - -.text-fuchsia - color: $fuchsia !important - -.text-purple - color: $purple !important - -.text-maroon - color: $maroon !important - - -// Hide elements by display none only -.hide - display: none !important - - -// Remove borders -.no-border - border: 0px !important - -// Remove padding -.no-padding - padding: 0px !important - -// Remove margins -.no-margin - margin: 0px !important - - -// Remove box shadow -.no-shadow - box-shadow: none!important - - -// Unstyled List -.list-unstyled - list-style: none - margin: 0 - padding: 0 - - -// Remove border radius -.flat - @include border-radius-same(0 !important) - - -.text-bold - &, &.table td, &.table th - font-weight: 700 - - - - - -// _fix for sparkline tooltip -.jqstooltip - padding: 5px!important - width:auto!important - height:auto!important - - - -// Gradient Background colors -.bg-teal-gradient - @include gradient($teal, $teal, lighten($teal, 16%)) - color: #fff - - -.bg-light-blue-gradient - @include gradient($light-blue, $light-blue, lighten($light-blue, 12%)) - color: #fff - - -.bg-blue-gradient - @include gradient($blue, $blue, lighten($blue, 7%)) - color: #fff - -.bg-aqua-gradient - @include gradient($aqua, $aqua, lighten($aqua, 7%)) - color: #fff - -.bg-yellow-gradient - @include gradient($yellow, $yellow, lighten($yellow, 16%)) - color: #fff - -.bg-purple-gradient - @include gradient($purple, $purple, lighten($purple, 16%)) - color: #fff - -.bg-green-gradient - @include gradient($green, $green, lighten($green, 7%)) - color: #fff - -.bg-red-gradient - @include gradient($red, $red, lighten($red, 10%)) - color: #fff - -.bg-black-gradient - @include gradient($black, $black, lighten($black, 10%)) - color: #fff - -.bg-maroon-gradient - @include gradient($maroon, $maroon, lighten($maroon, 10%)) - color: #fff - -.connectedSortable - min-height: 100px - -.ui-helper-hidden-accessible - border: 0 - clip: rect(0 0 0 0) - height: 1px - margin: -1px - overflow: hidden - padding: 0 - position: absolute - width: 1px - -.sort-highlight - background: #f4f4f4 - border: 1px dashed #ddd - margin-bottom: 10px - -.full-opacity-hover - @include opacity(.65) - &:hover - @include opacity(1) - - -// Charts -.chart - position: relative - overflow: hidden - width: 100% - svg, - canvas - width: 100%!important - - diff --git a/app/assets/stylesheets/blueberry_admin/base/_table.sass b/app/assets/stylesheets/blueberry_admin/base/_table.sass deleted file mode 100755 index 358720a..0000000 --- a/app/assets/stylesheets/blueberry_admin/base/_table.sass +++ /dev/null @@ -1,126 +0,0 @@ -/* - * Component: Table - * ---------------- - */ - -.table - //Cells - > thead, - > tbody, - > tfoot - > tr - > th, - > td - max-width: 230px - border-top: 1px solid $box-border-color - outline: none - > td - min-height: 18px - vertical-align: middle - - > thead > tr > th - border-bottom: 2px solid $box-border-color - -//Bordered Table -.table-bordered - border: 1px solid $box-border-color - > thead, - > tbody, - > tfoot - > tr - > th, - > td - border: 1px solid $box-border-color - - - - > thead > tr - > th, - > td - border-bottom-width: 2px - -.table.no-border - &, - td, - th - border: 0 - - - -// .text-center in tables -table.text-center - &, - td, - th - text-align: center - -.table.align - th - text-align: left - - td - text-align: right - -// custom cells -.table - - td.action-buttons - text-align: right - +render-to(sm, md, lg) - white-space: nowrap - .btn + .btn - margin-left: 0.5em - - td - .price, .number - min-width: 120px - text-align: right - display: inline-block - - td.state - max-width: 80px - .glyphicon-ok - color: $brand-success - .glyphicon-remove - color: $brand-danger - -// sortable table -table.dataTable - - thead - .sorting, - .sorting_asc, - .sorting_desc - cursor: pointer - - span - padding-right: 20px - display: block - position: relative - &:before, - &:after - content: "" - width: 0 - height: 0 - position: absolute - top: 50% - right: 0 - border-style: solid - &:before - border-width: 0 4px 6px 4px - border-color: transparent transparent $gray-lighter transparent - transform: translate(0, -6px) - &:after - border-width: 6px 4px 0 4px - border-color: $gray-lighter transparent transparent transparent - transform: translate(0, 1px) - - .sorting_desc - span - &:before - border-bottom-color: $brand-warning - - .sorting_asc - span - &:after - border-top-color: $brand-warning diff --git a/app/assets/stylesheets/blueberry_admin/base/_typography.sass b/app/assets/stylesheets/blueberry_admin/base/_typography.sass deleted file mode 100755 index bca8e15..0000000 --- a/app/assets/stylesheets/blueberry_admin/base/_typography.sass +++ /dev/null @@ -1,41 +0,0 @@ -// -// Typography -// --------------------------------- - -// default -a - color: $link-color - -a:hover, -a:active, -a:focus - outline: none - -// lists -ul, ol - padding-left: 20px - -// headings -h1, h2, h3, h4, h5, h6 - font-weight: 200 - -h1 - font-size: 30px - -h2 - font-size: 24px - -h3 - font-size: 16px - -h4 - font-size: 14px - -h5 - font-size: 12px - -h6 - font-size: 10px - -h3, h4, h5 - font-weight: 600 diff --git a/app/assets/stylesheets/blueberry_admin/common/_variables-origin.sass b/app/assets/stylesheets/blueberry_admin/common/_variables-origin.sass deleted file mode 100755 index 714da18..0000000 --- a/app/assets/stylesheets/blueberry_admin/common/_variables-origin.sass +++ /dev/null @@ -1,118 +0,0 @@ -//AdminLTE 2 Variables.less -//========================= - -//PATHS -//-------------------------------------------------------- - -$boxed-layout-bg-image-path: "/images/boxed-bg.jpg" !default - -//COLORS -//-------------------------------------------------------- - -$light-blue: #3c8dbc //Primary -$red: #dd4b39 //Danger -$green: #00a65a //Success -$aqua: #00c0ef //Info -$yellow: #f39c12 //Warning -$blue: #0073b7 -$navy: #001F3F -$teal: #39CCCC -$olive: #3D9970 -$lime: #01FF70 -$orange: #FF851B -$fuchsia: #F012BE -$purple: #605ca8 -$maroon: #D81B60 -$black: #111 -$gray: #d2d6de - - -//LAYOUT -//-------------------------------------------------------- - -//Side bar and logo width -$sidebar-width: 230px -//Boxed layout maximum width -$boxed-layout-max-width: 1024px -//When the logo should go to the top of the screen -$screen-header-collapse: 768px - -//Link colors (Aka: tags) -$link-color: $light-blue -$link-hover-color: lighten($link-color, 15%) - -//Body background (Affects main content background only) -$body-bg: #ecf0f5 - -//SIDEBAR SKINS -//-------------------------------------------------------- - -//Dark sidebar -$sidebar-dark-bg: #222d32 -$sidebar-dark-hover-bg: darken($sidebar-dark-bg, 2%) -$sidebar-dark-color: lighten($sidebar-dark-bg, 60%) -$sidebar-dark-hover-color: #fff -$sidebar-dark-submenu-bg: lighten($sidebar-dark-bg, 5%) -$sidebar-dark-submenu-color: lighten($sidebar-dark-submenu-bg, 40%) -$sidebar-dark-submenu-hover-color: #fff - -//Light sidebar -$sidebar-light-bg: #f9fafc -$sidebar-light-hover-bg: lighten(#f0f0f1, 1.5%) -$sidebar-light-color: #444 -$sidebar-light-hover-color: #000 -$sidebar-light-submenu-bg: $sidebar-light-hover-bg -$sidebar-light-submenu-color: #777 -$sidebar-light-submenu-hover-color: #000 - - - -//BOXES -//-------------------------------------------------------- -$box-border-color: #f4f4f4 -$box-border-radius: 3px -$box-footer-bg: #fff -$box-boxshadow: 0 1px 1px rgba(0, 0, 0, .1) -$box-padding: 10px - -//Box variants -$box-default-border-top-color: #d2d6de - -//BUTTONS -//-------------------------------------------------------- -$btn-boxshadow: none - -//PROGRESS BARS -//-------------------------------------------------------- -$progress-bar-border-radius: 1px -$progress-bar-sm-border-radius: 1px -$progress-bar-xs-border-radius: 1px - -//FORMS -//-------------------------------------------------------- -$input-radius: 0px - -//BUTTONS -//-------------------------------------------------------- - -//Border radius for non flat buttons -$btn-border-radius: 3px - -//DIRECT CHAT -//-------------------------------------------------------- -$direct-chat-height: 250px -$direct-chat-default-msg-bg: $gray -$direct-chat-default-font-color: #444 -$direct-chat-default-msg-border-color: $gray - - -//CHAT WIDGET -//-------------------------------------------------------- -$attachment-border-radius: 3px - -//TRANSITIONS SETTINGS -//-------------------------------------------------------- - -//Transition global options -$transition-speed: .3s -$transition-fn: ease-in-out//cubic-bezier(0.32,1.25,0.375,1.15) diff --git a/app/assets/stylesheets/blueberry_admin/common/_variables.sass b/app/assets/stylesheets/blueberry_admin/common/_variables.sass deleted file mode 100755 index 2aced7d..0000000 --- a/app/assets/stylesheets/blueberry_admin/common/_variables.sass +++ /dev/null @@ -1,79 +0,0 @@ -// Font -$font-stack: "Helvetica Neue", Helvetica, Arial, sans-serif - -// Basic Colors -$gray-dark: #373a36 -$gray-lighter: #dcdcdc - -$navy: #238f49 -$dark-gray: #c2c2c2 -$blue: #33647f -$lazur: #3a8ab6 -$yellow: $gray-dark -$red: #e1261c - -$brand-primary: #1aabd5 -$brand-danger: $red -$brand-info: $lazur -$brand-warning: $yellow -$brand-success: $navy -$brand-client: #002046 -$brand-edit: #fdff54 - -$sidebar-bg: #2F2D2E - -$light-gray: #D1DADE -$label-badget-color: #5E5E5E -$light-blue: #f3f6fb - -// Layout -$sidebar-width: 230px -$sidebar-width-min: 54px -$control-sidebar-width: $sidebar-width -$boxed-layout-max-width: 1024px -$screen-header-collapse: 768px - -$body-bg: #f4f6fa - -// Typography -$text-color: $gray-dark - -$link-color: $brand-primary -$link-hover-color: $link-color - -$font-size-base: 14px - - -// Spiner color and margin -$spin-color: $navy -$spin-margin: 0 auto - -// IBOX colors ( default panel colors) -$border-color: #e7eaec -$ibox-title-bg: #ffffff -$ibox-content-bg: #ffffff - -//Sidebar width -$sidebar-width: 220px - -// Boxed layout width -$boxed-width: 1200px -$boxed-backgound: url('patterns/shattered.png') - -//Border radius for buttons -$btn-border-radius: 3px - -//Navigation -$nav-bg: #2F4050 -$nav-profil-pattern: url("patterns/header-profile.png") no-repeat -$nav-text-color: #a7b1c2 - -// components -$padding-base-vertical: 7px -$padding-base-horizontal: 13px - -// Icon path -$icon-font-path: 'bootstrap-sass/assets/fonts/bootstrap/' - -// break point -$order-break-point: 1700px diff --git a/app/assets/stylesheets/blueberry_admin/common/bootstrap-ms.sass b/app/assets/stylesheets/blueberry_admin/common/bootstrap-ms.sass deleted file mode 100755 index b0293f9..0000000 --- a/app/assets/stylesheets/blueberry_admin/common/bootstrap-ms.sass +++ /dev/null @@ -1,128 +0,0 @@ -// Bootstrap Mid-Small - col-ms-* - the missing grid set for Bootstrap3. -// -// This is a hack to fill the gap between 480 and 767 pixels - a missing range -// in the bootstrap responsive grid structure. Use these classes to style pages -// on cellphones when they transition from portrait to landscape. -// -// Contains: -// Columns, Offsets, Pushes, Pulls for the Mid-Small layout -// Visibility classes for the Mid-Small layout -// Redefined visibility classes for the Extra Small layout -// -// See https://github.com/twbs/bootstrap/issues/10203 for more info. -// Original gist: https://gist.github.com/andyl/6360906 -// -// Instructions: Add the following to the end of bootstrap.scss -// -// @import "bootstrap-ms" -// - -// Mid-Small breakpoint -$screen-ms: 480px !default -$screen-ms-min: $screen-ms !default -$screen-ms-max: $screen-sm-min - 1 !default - -// Redefined Extra Small max value (Can't override non-default variables in SASS) -$screen-xs-max-new: $screen-ms-min - 1 !default - -// Common styles (see make-grid-columns() in bootstrap/mixins/_grid-framework.scss) -.col-ms-1, -.col-ms-2, -.col-ms-3, -.col-ms-4, -.col-ms-5, -.col-ms-6, -.col-ms-7, -.col-ms-8, -.col-ms-9, -.col-ms-10, -.col-ms-11, -.col-ms-12 - position: relative - // Prevent columns from collapsing when empty - min-height: 1px - // Inner gutter via padding - padding-left: $grid-gutter-width / 2 - padding-right: $grid-gutter-width / 2 - -// Misc. class adjustments for col-ms -@media (min-width: $screen-ms) and (max-width: $screen-ms-max) - .container - max-width: $screen-sm - 20px - .hidden-xs - display: block !important - -// col-ms grid -@media (min-width: $screen-ms-min) and (max-width: $screen-ms-max) - +make-grid(xs) - -// Visibility utilities -+responsive-invisibility(".visible-xs, .visible-ms") - -.visible-xs-block, -.visible-xs-inline, -.visible-xs-inline-block, -.visible-ms-block, -.visible-ms-inline, -.visible-ms-inline-block - display: none !important - -@media (max-width: $screen-xs-max-new) - +responsive-visibility(".visible-xs") - -.visible-xs-block - @media (max-width: $screen-xs-max-new) - display: block !important - -.visible-xs-inline - @media (max-width: $screen-xs-max-new) - display: inline !important - -.visible-xs-inline-block - @media (max-width: $screen-xs-max-new) - display: inline-block !important - -@media (min-width: $screen-ms-min) and (max-width: $screen-ms-max) - +responsive-visibility(".visible-ms") - -.visible-ms-block - @media (min-width: $screen-ms-min) and (max-width: $screen-ms-max) - display: block !important - -.visible-ms-inline - @media (min-width: $screen-ms-min) and (max-width: $screen-ms-max) - display: inline !important - -.visible-ms-inline-block - @media (min-width: $screen-ms-min) and (max-width: $screen-ms-max) - display: inline-block !important - -@media (max-width: $screen-xs-max-new) - +responsive-invisibility(".hidden-xs") - -@media (min-width: $screen-ms-min) and (max-width: $screen-ms-max) - +responsive-invisibility(".hidden-ms") - -// An extension of andyl's hack – https://gist.github.com/andyl/6360906 -// in a mixin version. - -=make-ms-column($columns, $gutter: $grid-gutter-width) - position: relative - min-height: 1px - padding-left: $gutter / 2 - padding-right: $gutter / 2 - @media (min-width: $screen-ms-min) - float: left - width: percentage($columns / $grid-columns) - -=make-ms-column-offset($columns) - @media (min-width: $screen-ms-min) - margin-left: percentage($columns / $grid-columns) - -=make-ms-column-push($columns) - @media (min-width: $screen-ms-min) - left: percentage($columns / $grid-columns) - -=make-ms-column-pull($columns) - @media (min-width: $screen-ms-min) - right: percentage($columns / $grid-columns) diff --git a/app/assets/stylesheets/blueberry_admin/common/bootstrap-override.sass b/app/assets/stylesheets/blueberry_admin/common/bootstrap-override.sass deleted file mode 100755 index cad4ffb..0000000 --- a/app/assets/stylesheets/blueberry_admin/common/bootstrap-override.sass +++ /dev/null @@ -1,4 +0,0 @@ -@import variables-origin -@import variables -@import bootstrap-sass -@import bootstrap-ms diff --git a/app/assets/stylesheets/blueberry_admin/components/_alerts.sass b/app/assets/stylesheets/blueberry_admin/components/_alerts.sass deleted file mode 100755 index 64a059f..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_alerts.sass +++ /dev/null @@ -1,47 +0,0 @@ -/* - * Component: alert - * ---------------- - */ - -.alert - margin: 20px - +border-radius-same(3px) - color: white - - h4 - font-weight: 600 - - .icon - margin-right: 10px - - .close - color: #000 - @include opacity(.2) - &:hover - @include opacity(.5) - - - a - color: #fff - text-decoration: underline - -//Alert Variants -.alert-success, -.alert-notice - background: $green - border-color: darken($green, 5%) - -.alert-danger, -.alert-error, -.alert-alert - background: $red - border-color: darken($red, 5%) - -.alert-warning - background: $yellow - border-color: darken($yellow, 5%) - -.alert-info - background: $aqua - border-color: darken($aqua, 5%) - diff --git a/app/assets/stylesheets/blueberry_admin/components/_boxes.sass b/app/assets/stylesheets/blueberry_admin/components/_boxes.sass deleted file mode 100755 index 7fd7853..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_boxes.sass +++ /dev/null @@ -1,161 +0,0 @@ -// -// Layout boxes -// --------------------------------- - -.box - margin: 0 0 30px - padding: 0 - position: relative - background: white - border: 1px solid #e7eaec - clear: both - - &::after - content: "" - height: 15px - display: block - - // deprecated - &.collapsed - &:after, - &:before - display: table - height: auto - - .box-content - display: none - - .fa.fa-chevron-up:before - content: "\f078" - - .fa.fa-chevron-down:before - content: "\f077" - -.box-header - margin-bottom: 0 - padding: 14px 0 7px - min-height: 48px - border: none - background-color: $ibox-title-bg - color: inherit - +clearfix - - h3 - margin-top: 5px - - .heading, - .actions - +make-columns(sm6) - padding: 0 20px - - .actions - text-align: right - - .btn + .btn - margin-left: 0.5em - -.box-content - margin-bottom: 15px - padding: 0 20px - border-image: none - border-color: $border-color - border-style: solid - border-width: 0 - border-top-width: 1px - border-bottom-width: 1px - background-color: $ibox-content-bg - color: inherit - clear: both - &:before - content: "" - margin-bottom: 35px - display: block - &:after - content: "" - margin-top: 35px - display: block - &:first-child - border-top: none - &:last-child - margin-bottom: 0 - border-bottom: none - - hr - border-top: 1px dashed $gray-lighter - -.box-footer, - padding: 5px 20px - font-size: 90% - background: #ffffff - color: inherit - background: rgba(255, 255, 255, 0.92) - z-index: 1000 - - &.sticky - position: sticky - bottom: 0 - transition: all 0.4s - - &.sticked - background: rgba(#2F2D2E, 0.95) - - .btn - @extend .btn-sm - - .for-horizontal-form - padding-left: 200px - - .btn - transition: all 0.4s - - .btn + .btn - margin-left: 1em - - form - display: inline-block - & + form - margin-left: 1em - -.box-heading - background-color: #f3f6fb - border-bottom: none - -.box-heading h3 - font-weight: 200 - font-size: 24px - -.box-title h5 - display: inline-block - font-size: 14px - margin: 0 0 7px - padding: 0 - text-overflow: ellipsis - float: left - -.box-title .label - float: left - margin-left: 4px - -.box-tools - display: block - float: none - margin-top: 0 - position: relative - padding: 0 - text-align: right - - a - cursor: pointer - margin-left: 5px - color: #c4c4c4 - - .btn-primary - color: #fff - - .dropdown-menu > li > a - padding: 4px 10px - font-size: 12px - - &.open > .dropdown-menu - left: auto - right: 0 diff --git a/app/assets/stylesheets/blueberry_admin/components/_buttons.sass b/app/assets/stylesheets/blueberry_admin/components/_buttons.sass deleted file mode 100755 index 3fa0c03..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_buttons.sass +++ /dev/null @@ -1,313 +0,0 @@ -.btn - border-radius: $btn-border-radius - - .glyphicon - margin-right: 0.4em - -.float-e-margins .btn - margin-bottom: 5px - -.btn-w-m - min-width: 120px - -.btn-primary.btn-outline - color: $navy - -.btn-success.btn-outline - color: $blue - -.btn-info.btn-outline - color: $lazur - -.btn-warning.btn-outline - color: $yellow - -.btn-danger.btn-outline - color: $red - -.btn-primary.btn-outline:hover, -.btn-success.btn-outline:hover, -.btn-info.btn-outline:hover, -.btn-warning.btn-outline:hover, -.btn-danger.btn-outline:hover - color: white - -.btn-default - background-color: $dark-gray - border-color: $dark-gray - color: white - - &:hover, - &:focus, - &:active, - &.active, - &:active:focus, - &:active:hover, - &.active:hover, - &.active:focus, - background-image: none - background-color: darken($dark-gray, 3%) - border-color: darken($dark-gray, 3%) - color: white - - .glyphicon - opacity: 0.6 - - .glyphicon-eye-open - color: $brand-success - - .glyphicon-pencil - opacity: 1 - color: $brand-edit - - .glyphicon-remove - color: $brand-danger - - .glyphicon-plus - color: $brand-primary - -.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default.active[disabled], fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active - background-color: lighten($dark-gray, 4%) - border-color: lighten($dark-gray, 4%) - - -.btn-primary - background-color: $brand-primary - border-color: $brand-primary - color: white - - -.btn-primary - &:hover, - &:focus, - &:active, - &.active, - &:active:focus, - &:active:hover, - &.active:hover, - &.active:focus - background-color: darken($brand-primary, 3%) - border-color: darken($brand-primary, 3%) - color: white - - -.btn-primary - &:active, - &.active, - background-image: none - - -.btn-primary - &.disabled, - &.disabled:hover, - &.disabled:focus, - &.disabled:active, - &.disabled.active, - &[disabled], - &[disabled]:hover, - &[disabled]:focus, - &[disabled]:active - &.active[disabled], - background-color: lighten($brand-primary,4%) - border-color: lighten($brand-primary, 4%) - -.btn-success - background-color: $brand-success - border-color: $brand-success - color: white - -.btn-success - &:hover, - &:focus, - &:active, - &.active, - &:active:focus, - &:active:hover, - &.active:hover, - &.active:focus - background-color: darken($brand-success, 3%) - border-color: darken($brand-success, 3%) - color: white - -.btn-success - &:active, - &.active - background-image: none - -.btn-success - &.disabled, - &.disabled:hover, - &.disabled:focus, - &.disabled:active, - &.disabled.active, - &[disabled], - &[disabled]:hover, - &[disabled]:focus, - &[disabled]:active, - &.active[disabled], - background-color: lighten($brand-success, 4%) - border-color: lighten($brand-success, 4%) - -.btn-info - background-color: $lazur - border-color: $lazur - color: white - - -.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info, .btn-info:active:focus, .btn-info:active:hover, .btn-info.active:hover, .btn-info.active:focus - background-color: darken($lazur, 3%) - border-color: darken($lazur, 3%) - color: white - -.btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info - background-image: none - -.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info.active[disabled], fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active - background-color: lighten($lazur, 4%) - border-color: lighten($lazur, 4%) - -.btn-warning - background-color: $yellow - border-color: $yellow - color: white - -.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning, .btn-warning:active:focus, .btn-warning:active:hover, .btn-warning.active:hover, .btn-warning.active:focus - background-color: darken($yellow, 3%) - border-color: darken($yellow, 3%) - color: white - -.btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning - background-image: none - -.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning.active[disabled], fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active - background-color: lighten($yellow, 4%) - border-color: lighten($yellow, 4%) - -.btn-danger - background-color: $red - border-color: $red - color: white - -.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger.active:hover, .btn-danger.active:focus - background-color: darken($red, 3%) - border-color: darken($red, 3%) - color: white - -.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger - background-image: none - -.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger.active[disabled], fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active - background-color: lighten($red, 4%) - border-color: lighten($red, 4%) - -.btn-link - color: inherit - -.btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .open .dropdown-toggle.btn-link - color: $navy - text-decoration: none - -.btn-link:active, .btn-link.active, .open .dropdown-toggle.btn-link - background-image: none - -.btn-link.disabled, .btn-link.disabled:hover, .btn-link.disabled:focus, .btn-link.disabled:active, .btn-link.disabled.active, .btn-link[disabled], .btn-link[disabled]:hover, .btn-link[disabled]:focus, .btn-link[disabled]:active, .btn-link.active[disabled], fieldset[disabled] .btn-link, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:active, fieldset[disabled] .btn-link.active - color: #cacaca - -.btn-white - color: inherit - background: white - border: 1px solid $border-color - -.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white, .btn-white:active:focus, .btn-white:active:hover, .btn-white.active:hover, .btn-white.active:focus - color: inherit - border: 1px solid #d2d2d2 - -.btn-white:active, .btn-white.active - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset - -.btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white - background-image: none - -.btn-white.disabled, .btn-white.disabled:hover, .btn-white.disabled:focus, .btn-white.disabled:active, .btn-white.disabled.active, .btn-white[disabled], .btn-white[disabled]:hover, .btn-white[disabled]:focus, .btn-white[disabled]:active, .btn-white.active[disabled], fieldset[disabled] .btn-white, fieldset[disabled] .btn-white:hover, fieldset[disabled] .btn-white:focus, fieldset[disabled] .btn-white:active, fieldset[disabled] .btn-white.active - color: #cacaca - -.form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar - box-shadow: none - -.btn-outline - color: inherit - background-color: transparent - transition: all 0.5s - -.btn-rounded - border-radius: 50px - -.btn-large-dim - width: 90px - height: 90px - font-size: 42px - -button.dim - display: inline-block - color: white - text-decoration: none - text-transform: uppercase - text-align: center - padding-top: 6px - margin-right: 10px - position: relative - cursor: pointer - border-radius: 5px - font-weight: 600 - margin-bottom: 20px !important - -button.dim:active - top: 3px - -button.btn-primary.dim - box-shadow: inset 0px 0px 0px darken($navy, 6%), 0px 5px 0px 0px darken($navy, 6%), 0px 10px 5px #999999 - -button.btn-primary.dim:active - box-shadow: inset 0px 0px 0px darken($navy, 6%), 0px 2px 0px 0px darken($navy, 6%), 0px 5px 3px #999999 - -button.btn-default.dim - box-shadow: inset 0px 0px 0px darken($dark-gray, 6%), 0px 5px 0px 0px darken($dark-gray, 6%), 0px 10px 5px #999999 - -button.btn-default.dim:active - box-shadow: inset 0px 0px 0px darken($dark-gray, 6%), 0px 2px 0px 0px darken($dark-gray, 6%), 0px 5px 3px #999999 - -button.btn-warning.dim - box-shadow: inset 0px 0px 0px darken($yellow, 6%), 0px 5px 0px 0px darken($yellow, 6%), 0px 10px 5px #999999 - -button.btn-warning.dim:active - box-shadow: inset 0px 0px 0px darken($yellow, 6%), 0px 2px 0px 0px darken($yellow, 6%), 0px 5px 3px #999999 - -button.btn-info.dim - box-shadow: inset 0px 0px 0px darken($lazur, 6%), 0px 5px 0px 0px darken($lazur, 6%), 0px 10px 5px #999999 - -button.btn-info.dim:active - box-shadow: inset 0px 0px 0px darken($lazur, 6%), 0px 2px 0px 0px darken($lazur, 6%), 0px 5px 3px #999999 - -button.btn-success.dim - box-shadow: inset 0px 0px 0px darken($blue, 6%), 0px 5px 0px 0px darken($blue, 6%), 0px 10px 5px #999999 - -button.btn-success.dim:active - box-shadow: inset 0px 0px 0px darken($blue, 6%), 0px 2px 0px 0px darken($blue, 6%), 0px 5px 3px #999999 - -button.btn-danger.dim - box-shadow: inset 0px 0px 0px darken($red, 6%), 0px 5px 0px 0px darken($red, 6%), 0px 10px 5px #999999 - -button.btn-danger.dim:active - box-shadow: inset 0px 0px 0px darken($red, 6%), 0px 2px 0px 0px darken($red, 6%), 0px 5px 3px #999999 - -button.dim:before - font-size: 50px - line-height: 1em - font-weight: normal - color: white - display: block - padding-top: 10px - -button.dim:active:before - top: 7px - font-size: 50px diff --git a/app/assets/stylesheets/blueberry_admin/components/_callout.sass b/app/assets/stylesheets/blueberry_admin/components/_callout.sass deleted file mode 100755 index ec3f645..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_callout.sass +++ /dev/null @@ -1,48 +0,0 @@ -/* - * Component: Callout - * ------------------ - */ - -// Base styles (regardless of theme) -.callout - @include border-radius-same(3px) - margin: 0 0 20px 0 - padding: 15px 30px 15px 15px - border-left: 5px solid #eee - a - color: #fff - text-decoration: underline - &:hover - color: #eee - - - h4 - margin-top: 0 - font-weight: 600 - - p:last-child - margin-bottom: 0 - - code, - .highlight - background-color: #fff - - - // Themes for different contexts - &.callout-danger - @extend .bg-red - border-color: darken($red, 10%) - - &.callout-warning - @extend .bg-yellow - border-color: darken($yellow, 10%) - - &.callout-info - @extend .bg-aqua - border-color: darken($aqua, 10%) - - &.callout-success - @extend .bg-green - border-color: darken($green, 10%) - - diff --git a/app/assets/stylesheets/blueberry_admin/components/_carousel.sass b/app/assets/stylesheets/blueberry_admin/components/_carousel.sass deleted file mode 100755 index 08507b9..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_carousel.sass +++ /dev/null @@ -1,13 +0,0 @@ -// -// Component: Carousel -// ------------------- - -.carousel-control - background-image: none!important - > .fa - font-size: 40px - position: absolute - top: 50% - z-index: 5 - display: inline-block - margin-top: -20px diff --git a/app/assets/stylesheets/blueberry_admin/components/_control-sidebar.sass b/app/assets/stylesheets/blueberry_admin/components/_control-sidebar.sass deleted file mode 100755 index 6debe20..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_control-sidebar.sass +++ /dev/null @@ -1,277 +0,0 @@ -/* - * Component: Control sidebar. By default, this is the right sidebar. - */ -//The sidebar's background control class -//This is a hack to make the background visible while scrolling -.control-sidebar-bg - position: fixed - z-index: 1000 - bottom: 0 - -//Transitions -.control-sidebar-bg, -.control-sidebar - top: 0 - right: -$control-sidebar-width - width: $control-sidebar-width - @include transition(right $transition-speed ease-in-out) - -//The sidebar -.control-sidebar - position: absolute - padding-top: $navbar-height - z-index: 1010 - //Fix position after header collapse - @media (max-width: $screen-sm) - padding-top: $navbar-height + 50 - - //Tab panes - > .tab-content - padding: 10px 15px - - //Open state with slide over content effect - &.control-sidebar-open - &, - + .control-sidebar-bg - right: 0 - -//Open without slide over content -.sidebar-close - .content-wrapper - padding-left: $sidebar-width-min - -//Open without slide over content -.control-sidebar-open - .control-sidebar-bg, - .control-sidebar - right: 0 - - @media(min-width: $screen-sm) - .content-wrapper, - .right-side, - .main-footer - margin-right: $control-sidebar-width - - - -//Control sidebar tabs -.control-sidebar-tabs - > li - &:first-of-type > a - margin-left: 1px - &, - &:hover - border-left-width: 0!important - - - > a - @include border-radius-same(0 !important) - //Hover and active states - &, - &:hover - border-top: none - border-right: none - border-left: 1px solid transparent!important - border-bottom: 1px solid transparent!important - - .icon - font-size: 16px - - - //Active state - &.active - > a - &, - &:hover, - &:focus, - &:active - border-top: none!important - border-right: none!important - border-bottom: none!important - - - - - //Remove responsiveness on small screens - @media(max-width: $screen-sm) - display: table - >li - display: table-cell!important - - - -//Headings in the sidebar content -.control-sidebar-heading - font-weight: 400 - font-size: 16px - padding: 10px 0 - margin-bottom: 10px - -//Subheadings -.control-sidebar-subheading - display: block - font-weight: 400 - font-size: 14px - -//Control Sidebar Menu -.control-sidebar-menu - list-style: none - padding: 0 - margin: 0 -15px - > li > a - @include clearfix - display: block - padding: 10px 15px - > .control-sidebar-subheading - margin-top: 0 - - - .menu-icon - float: left - width: 35px - height: 35px - border-radius: 50% - text-align: center - line-height: 35px - - .menu-info - margin-left: 45px - margin-top: 3px - > .control-sidebar-subheading - margin: 0 - - > p - margin: 0 - font-size: 11px - - - .progress - margin: 0 - - -//Dark skin -.control-sidebar-dark - color: $sidebar-dark-color - // Background - &, - + .control-sidebar-bg - background: $sidebar-dark-bg - - // Sidebar tabs - .control-sidebar-tabs - border-bottom: darken($sidebar-dark-bg, 3%) - > li - > a - background: darken($sidebar-dark-bg, 5%) - color: $sidebar-dark-color - //Hover and active states - &, - &:hover - border-left-color: darken($sidebar-dark-bg, 7%)!important - border-bottom-color: darken($sidebar-dark-bg, 7%)!important - - &:hover, - &:focus, - &:active - background: darken($sidebar-dark-bg, 3%) - - - //Active state - &.active - > a - &, - &:hover, - &:focus, - &:active - background: $sidebar-dark-bg - color: #fff - - - - - - //Heading & subheading - .control-sidebar-heading, - .control-sidebar-subheading - color: #fff - - //Sidebar list - .control-sidebar-menu - > li - > a - &:hover - background: $sidebar-dark-hover-bg - - .menu-info - > p - color: $sidebar-dark-color - - - - - - -//Light skin -.control-sidebar-light - color: lighten($sidebar-light-color, 10%) - // Background - &, - + .control-sidebar-bg - background: $sidebar-light-bg - border-left: 1px solid $gray - - // Sidebar tabs - .control-sidebar-tabs - border-bottom: $gray - > li - > a - background: darken($sidebar-light-bg, 5%) - color: $sidebar-light-color - //Hover and active states - &, - &:hover - border-left-color: $gray!important - border-bottom-color: $gray!important - - &:hover, - &:focus, - &:active - background: darken($sidebar-light-bg, 3%) - - - //Active state - &.active - > a - &, - &:hover, - &:focus, - &:active - background: $sidebar-light-bg - color: #111 - - - - - - //Heading & subheading - .control-sidebar-heading, - .control-sidebar-subheading - color: #111 - - //Sidebar list - .control-sidebar-menu - margin-left: -14px - > li - > a - &:hover - background: $sidebar-light-hover-bg - - .menu-info - > p - color: lighten($sidebar-light-color, 10%) - - - - - - diff --git a/app/assets/stylesheets/blueberry_admin/components/_def-list.sass b/app/assets/stylesheets/blueberry_admin/components/_def-list.sass deleted file mode 100644 index 4603835..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_def-list.sass +++ /dev/null @@ -1,38 +0,0 @@ -// -// Layout -// --------------------------------- - -.def-list - h3 - width: 200px - text-align: right - -.def-list-row - margin: 0 0 9px - +clearfix - - .def - width: 200px - font-weight: bold - text-align: right - display: block - float: left - - .term - padding-left: 240px - display: block - -.def-list-row--price - font-size: 20px - - small - display: block - -.box--order-detail - - .def-list-row--price - font-size: 20px - - small - display: block - font-size: 14px diff --git a/app/assets/stylesheets/blueberry_admin/components/_direct-chat.sass b/app/assets/stylesheets/blueberry_admin/components/_direct-chat.sass deleted file mode 100755 index 50f495a..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_direct-chat.sass +++ /dev/null @@ -1,172 +0,0 @@ -/* - * Component: Direct Chat - * ---------------------- - */ -.direct-chat - .box-body - @include border-bottom-radius(0) - position: relative - overflow-x: hidden - padding: 0 - - &.chat-pane-open - .direct-chat-contacts - @include translate(0, 0) - - - -.direct-chat-messages - @include translate(0, 0) - padding: 10px - height: 250px - overflow: auto - -.direct-chat-msg, -.direct-chat-text - display: block - -.direct-chat-msg - @include clearfix - margin-bottom: 10px - -.direct-chat-messages, -.direct-chat-contacts - @include transition-transform(.5s ease-in-out) - -.direct-chat-text - @include border-radius-same(5px) - position: relative - padding: 5px 10px - background: $direct-chat-default-msg-bg - border: 1px solid $direct-chat-default-msg-border-color - margin: 5px 0 0 50px - color: $direct-chat-default-font-color - - //Create the arrow - &:after, - &:before - position: absolute - right: 100% - top: 15px - border: solid transparent - border-right-color: $direct-chat-default-msg-border-color - content: ' ' - height: 0 - width: 0 - pointer-events: none - - - &:after - border-width: 5px - margin-top: -5px - - &:before - border-width: 6px - margin-top: -6px - - .right & - margin-right: 50px - margin-left: 0 - &:after, - &:before - right: auto - left: 100% - border-right-color: transparent - border-left-color: $direct-chat-default-msg-border-color - - - -.direct-chat-img - @include border-radius-same(50%) - float: left - width: 40px - height: 40px - .right & - float: right - - -.direct-chat-info - display: block - margin-bottom: 2px - font-size: 12px - -.direct-chat-name - font-weight: 600 - -.direct-chat-timestamp - color: #999 - -//Direct chat contacts pane -.direct-chat-contacts-open - .direct-chat-contacts - @include translate(0, 0) - - -.direct-chat-contacts - @include translate(101%, 0) - position: absolute - top: 0 - bottom: 0 - height: 250px - width: 100% - background: #222d32 - color: #fff - overflow: auto - - -//Contacts list -- for displaying contacts in direct chat contacts pane -.contacts-list - @extend .list-unstyled - > li - @include clearfix - border-bottom: 1px solid rgba(0,0,0,0.2) - padding: 10px - margin: 0 - &:last-of-type - border-bottom: none - - - -.contacts-list-img - @include border-radius-same(50%) - width: 40px - float: left - -.contacts-list-info - margin-left: 45px - color: #fff - -.contacts-list-name, -.contacts-list-status - display: block - -.contacts-list-name - font-weight: 600 - -.contacts-list-status - font-size: 12px - -.contacts-list-date - color: #aaa - font-weight: normal - -.contacts-list-msg - color: #999 - - -//Direct Chat Variants -.direct-chat-danger - @include direct-chat-variant($red) - -.direct-chat-primary - @include direct-chat-variant($light-blue) - -.direct-chat-warning - @include direct-chat-variant($yellow) - -.direct-chat-info - @include direct-chat-variant($aqua) - -.direct-chat-success - @include direct-chat-variant($green) - diff --git a/app/assets/stylesheets/blueberry_admin/components/_dropdown.sass b/app/assets/stylesheets/blueberry_admin/components/_dropdown.sass deleted file mode 100755 index 017e402..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_dropdown.sass +++ /dev/null @@ -1,296 +0,0 @@ -/* - * Component: Dropdown menus - * ------------------------- - */ - -/*Dropdowns in general*/ -.dropdown-menu - box-shadow: none - border-color: #eee - > li > a - color: #777 - - > li > a > .glyphicon, - > li > a > .fa, - > li > a > .ion - margin-right: 10px - - > li > a:hover - background-color: lighten($gray, 5%) - color: #333 - - > .divider - background-color: #eee - - - -//Navbar custom dropdown menu -.navbar-nav .dropdown-menu - @include box-shadow(none !important) - - -.navbar-nav > .notifications-menu, -.navbar-nav > .messages-menu, -.navbar-nav > .tasks-menu - position: relative - //fix width and padding - > .dropdown-menu - > li - position: relative - - width: 280px - //Remove padding and margins - padding: 0 0 0 0!important - margin: 0!important - top: 100% - - //Define header class - > .dropdown-menu > li.header - @include border-radius(4px, 4px, 0, 0) - background-color: #ffffff - padding: 7px 10px - border-bottom: 1px solid #f4f4f4 - color: #444444 - font-size: 14px - - - - //Define footer class - > .dropdown-menu > li.footer > a - @include border-radius(0px, 0px, 4px, 4px) - font-size: 12px - background-color: #fff - padding: 7px 10px - border-bottom: 1px solid #eeeeee - color: #444!important - @media (max-width: $screen-sm-max) - background: #fff!important - color: #444!important - - text-align: center - //Hover state - &:hover - text-decoration: none - font-weight: normal - - - - //Clear inner menu padding and margins - > .dropdown-menu > li .menu - max-height: 200px - margin: 0 - padding: 0 - list-style: none - overflow-x: hidden - > li > a - display: block - white-space: nowrap /* Prevent text from breaking */ - border-bottom: 1px solid #f4f4f4 - // Hove state - &:hover - background: #f4f4f4 - text-decoration: none - - - - - -//Notifications menu -.navbar-nav > .notifications-menu - > .dropdown-menu > li .menu - // Links inside the menu - > li > a - color: #444444 - overflow: hidden - text-overflow: ellipsis - white-space: nowrap - padding: 10px - // Icons inside the menu - > .glyphicon, - > .fa, - > .ion - width: 20px - - - - - - -//Messages menu -.navbar-nav > .messages-menu - //Inner menu - > .dropdown-menu > li .menu - // Messages menu item - > li > a - margin: 0px - //line-height: 20px - padding: 10px 10px - // User image - > div > img - margin: auto 10px auto auto - width: 40px - height: 40px - - // Message heading - > h4 - padding: 0 - margin: 0 0 0 45px - color: #444444 - font-size: 15px - position: relative - // Small for message time display - > small - color: #999999 - font-size: 10px - position: absolute - top: 0px - right: 0px - - - - > p - margin: 0 0 0 45px - font-size: 12px - color: #888888 - - - @include clearfix - - - - - -//Tasks menu -.navbar-nav > .tasks-menu - > .dropdown-menu > li .menu - > li > a - padding: 10px - - > h3 - font-size: 14px - padding: 0 - margin: 0 0 10px 0 - color: #666666 - - - > .progress - padding: 0 - margin: 0 - - - - -//User menu -.navbar-nav > .user-menu - > .dropdown-menu - @include border-top-radius(0) - padding: 1px 0 0 0 - border-top-width: 0 - width: 280px - - &, - > .user-body - @include border-bottom-radius(4px) - - // Header menu - > li.user-header - height: 175px - padding: 10px - text-align: center - // User image - > img - z-index: 5 - height: 90px - width: 90px - border: 3px solid - border-color: transparent - border-color: rgba(255, 255, 255, 0.2) - - > p - z-index: 5 - color: #fff - color: rgba(255, 255, 255, 0.8) - font-size: 17px - //text-shadow: 2px 2px 3px #333333 - margin-top: 10px - > small - display: block - font-size: 12px - - - - - // Menu Body - > .user-body - padding: 15px - border-bottom: 1px solid #f4f4f4 - border-top: 1px solid #dddddd - @include clearfix - a - color: #444 !important - @media (max-width: $screen-sm-max) - background: #fff !important - color: #444 !important - - - - - // Menu Footer - > .user-footer - background-color: #f9f9f9 - padding: 10px - @include clearfix - .btn-default - color: #666666 - - - - .user-image - float: left - width: 25px - height: 25px - border-radius: 50% - margin-right: 10px - margin-top: -2px - @media (max-width: $screen-xs-max) - float: none - margin-right: 0 - margin-top: -8px - line-height: 10px - - - - -/* Add fade animation to dropdown menus by appending - the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/ -.open:not(.dropup) > .animated-dropdown-menu - @include backface-visibility(visible !important) - // @include animation(flipInX .7s both) - - -/* Fix dropdown menu in navbars */ -.navbar-custom-menu > .navbar-nav - > li - position: relative - > .dropdown-menu - position: absolute - right: 0 - left: auto - - - -@media (max-width: $screen-sm-max) - .navbar-custom-menu > .navbar-nav - float: right - > li - position: static - > .dropdown-menu - position: absolute - right: 5% - left: auto - border: 1px solid #ddd - background: #fff - - - - diff --git a/app/assets/stylesheets/blueberry_admin/components/_filter.sass b/app/assets/stylesheets/blueberry_admin/components/_filter.sass deleted file mode 100644 index 7a466de..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_filter.sass +++ /dev/null @@ -1,9 +0,0 @@ -// -// Filter -// --------------------------------- - - -.filter-search - .form-control-search - width: 300px - max-width: 100% diff --git a/app/assets/stylesheets/blueberry_admin/components/_gallery.sass b/app/assets/stylesheets/blueberry_admin/components/_gallery.sass deleted file mode 100644 index b82a267..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_gallery.sass +++ /dev/null @@ -1,66 +0,0 @@ -/* - * Component: Gallery - * ------------------------- - */ - -.gallery - margin: 0 -3px - display: flex - flex-wrap: wrap - -.gallery__input - padding: 10px 0 - width: 100% - - .form-group - margin: 0 - clear: none - - &::before, - &::after - content: none - -.gallery__item - +make-columns(sm4, "lg3") - padding: 0 3px - @media screen and (min-width: 1450px) - width: 20% - - &.single - padding: 0 - width: 100% - max-width: 200px - float: none - - .well - margin-bottom: 6px - - .preview - margin: 0 0 5px - padding: 3px - height: 110px - text-align: center - line-height: 100px - vertical-align: middle - border: 1px solid $gray-lighter - border-radius: 2px - background: white - - img - max-width: 100% - max-height: 100% - - .form-control-wrapper - margin: 0 - padding: 0 - width: auto - - .form-control - padding: 2px 5px - height: auto - - .list-inline - margin: 0 - - .checkbox - min-height: 0 diff --git a/app/assets/stylesheets/blueberry_admin/components/_header.sass b/app/assets/stylesheets/blueberry_admin/components/_header.sass deleted file mode 100755 index 3235585..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_header.sass +++ /dev/null @@ -1,238 +0,0 @@ -/* - * Component: Main Header - * ---------------------- - */ - -.header - position: relative - max-height: 100px - z-index: 1030 - background: white - border-bottom: 1px solid $border-color - //Navbar - > .navbar - @include transition(margin-left $transition-speed $transition-fn) - margin-bottom: 0 - border: none - min-height: $navbar-height - border-radius: 0 - .layout-top-nav & - margin-left: 0!important - - - //Navbar search text input - #navbar-search-input - background: rgba(255,255,255,.2) - border-color: transparent - &:focus, - &:active - border-color: rgba(0,0,0,.1)!important - background: rgba(255,255,255,.9) - - &::-moz-placeholder - color: #ccc - opacity: 1 - - &:-ms-input-placeholder - color: #ccc - - &::-webkit-input-placeholder - color: #ccc - - - //Navbar Right Menu - .navbar-custom-menu, - .navbar-right - float: right - @media (max-width: $screen-sm-max) - a - color: inherit - background: transparent - - - - .navbar-right - @media (max-width: $screen-header-collapse) - float: none - .navbar-collapse & - margin: 7.5px -15px - - > li - color: inherit - border: 0 - - //Navbar toggle button - .navbar-toggle-wrapper - padding: 9px 0 0 9px - float: left - - .navbar-toggle - padding: 10px 12px - display: block - border-radius: 4px - &:hover - &:active, - &:focus - - .icon-bar - background: $link-color - - //Navbar User Menu - .navbar .nav > li.user > a - > .fa, - > .glyphicon, - > .ion - margin-right: 5px - - - - //Labels in navbar - .navbar .nav > li > a > .label - position: absolute - top: 9px - right: 7px - text-align: center - font-size: 9px - padding: 2px 3px - line-height: .9 - - - //Logo bar - .logo - @include transition(width $transition-speed $transition-fn) - display: block - float: left - height: $navbar-height - font-size: 20px - line-height: 50px - text-align: center - width: $sidebar-width - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif - padding: 0 15px - font-weight: 300 - overflow: hidden - //Add support to sidebar mini by allowing the user to create - //2 logo designs. mini and lg - .logo-lg - //should be visibile when sidebar isn't collapsed - display: block - - .logo-mini - display: none - - - //Navbar Brand. Alternative logo with layout-top-nav - .navbar-brand - color: #fff - - - -// Content Header -.content-header - position: relative - padding: 15px 30px 0 - // Header Text - > h1 - margin: 0 - font-size: 24px - > small - font-size: 15px - display: inline-block - padding-left: 4px - font-weight: 300 - - - - > .breadcrumb - float: right - background: transparent - margin-top: 0px - margin-bottom: 0 - font-size: 12px - padding: 7px 5px - position: absolute - top: 15px - right: 30px - @include border-radius-same(2px) - > li > a - color: #444 - text-decoration: none - display: inline-block - > .fa, > .glyphicon, > .ion - margin-right: 5px - - - > li + li:before - content: '>\00a0' - - - - @media (max-width: $screen-sm-max) - > .breadcrumb - position: relative - margin-top: 5px - top: 0 - right: 0 - float: none - background: $gray - padding-left: 10px - li:before - color: darken($gray, 20%) - - - - -.navbar-toggle - color: #fff - border: 0 - margin: 0 - padding: $navbar-padding-vertical $navbar-padding-horizontal - -//Control navbar scaffolding on x-small screens -@media (max-width: $screen-sm-max) - .navbar-custom-menu .navbar-nav > li - float: left - - //Dont't let links get full width - .navbar-custom-menu .navbar-nav - margin: 0 - float: left - - - .navbar-custom-menu .navbar-nav > li > a - padding-top: 15px - padding-bottom: 15px - line-height: 20px - - - -// Collapse header -@media (max-width: $screen-header-collapse) - .header - position: relative - .logo, - .navbar - width: 100% - float: none - position: relative!important - - .navbar - margin: 0 - - .navbar-custom-menu - float: right - - - - -.navbar-collapse.pull-left - @media(max-width: $screen-sm-max) - float: none!important - + .navbar-custom-menu - display: block - position: absolute - top: 0 - right: 40px - - - diff --git a/app/assets/stylesheets/blueberry_admin/components/_info-box.sass b/app/assets/stylesheets/blueberry_admin/components/_info-box.sass deleted file mode 100755 index 5120600..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_info-box.sass +++ /dev/null @@ -1,66 +0,0 @@ -/* - * Component: Info Box - * ------------------- - */ -.info-box - display: block - min-height: 90px - background: #fff - width: 100% - box-shadow: $box-boxshadow - @include border-radius-same(2px) - margin-bottom: 15px - small - font-size: 14px - - .progress - background: rgba(0,0,0,.2) - margin: 5px -10px 5px -10px - height: 2px - &, - & .progress-bar - @include border-radius-same(0) - - .progress-bar - background: #fff - - - -.info-box-icon - @include border-radius(2px, 0, 2px, 0) - display: block - float: left - height: 90px - width: 90px - text-align: center - font-size: 45px - line-height: 90px - background: rgba(0,0,0,0.2) - -.info-box-content - padding: 5px 10px - margin-left: 90px - -.info-box-number - display: block - font-weight: bold - font-size: 18px - -.progress-description, -.info-box-text - display: block - font-size: 14px - white-space: nowrap - overflow: hidden - text-overflow: ellipsis - -.info-box-text - text-transform: uppercase - -.info-box-more - display: block - - -.progress-description - margin: 0 - diff --git a/app/assets/stylesheets/blueberry_admin/components/_labels.sass b/app/assets/stylesheets/blueberry_admin/components/_labels.sass deleted file mode 100755 index bcd231c..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_labels.sass +++ /dev/null @@ -1,22 +0,0 @@ -// -// Labels -// --------------------------------- - -.label-default - background-color: $gray - color: #444 - -.label-danger - @extend .bg-red - -.label-info - @extend .bg-aqua - -.label-warning - @extend .bg-yellow - -.label-primary - @extend .bg-light-blue - -.label-success - @extend .bg-green diff --git a/app/assets/stylesheets/blueberry_admin/components/_modal.sass b/app/assets/stylesheets/blueberry_admin/components/_modal.sass deleted file mode 100755 index 0fab2d3..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_modal.sass +++ /dev/null @@ -1,73 +0,0 @@ -/* - * Component: modal - * ---------------- - */ -.modal - background: rgba(0,0,0,.3) - -.modal-content - @include border-radius-same(0) - @include box-shadow(0 2px 3px rgba(0,0,0,.125) !important) - border: 0 - @media (min-width: $screen-sm-min) - @include box-shadow(0 2px 3px rgba(0,0,0,.125) !important) - - -.modal-header - border-bottom-color: $box-border-color - -.modal-footer - border-top-color: $box-border-color - - -//Modal variants -.modal-primary - .modal-body - @extend .bg-light-blue - - .modal-header, - .modal-footer - @extend .bg-light-blue-active - border-color: darken($light-blue, 10%) - - -.modal-warning - .modal-body - @extend .bg-yellow - - .modal-header, - .modal-footer - @extend .bg-yellow-active - border-color: darken($yellow, 10%) - - -.modal-info - .modal-body - @extend .bg-aqua - - .modal-header, - .modal-footer - @extend .bg-aqua-active - border-color: darken($aqua, 10%) - - -.modal-success - .modal-body - @extend .bg-green - - .modal-header, - .modal-footer - @extend .bg-green-active - border-color: darken($green, 10%) - - -.modal-danger - .modal-body - @extend .bg-red - - .modal-header, - .modal-footer - @extend .bg-red-active - border-color: darken($red, 10%) - - diff --git a/app/assets/stylesheets/blueberry_admin/components/_navs.sass b/app/assets/stylesheets/blueberry_admin/components/_navs.sass deleted file mode 100755 index 4a687b8..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_navs.sass +++ /dev/null @@ -1,174 +0,0 @@ -/* - * Component: Nav - * -------------- - */ - -.nav - > li > a:hover, - > li > a:active, - > li > a:focus - color: #444 - background: #f7f7f7 - - - -/* NAV PILLS */ -.nav-pills - > li > a - @include border-radius-same(0) - border-top: 3px solid transparent - color: #444 - > .fa, - > .glyphicon, - > .ion - margin-right: 5px - - - > li.active > a, - > li.active > a:hover, - > li.active > a:focus - border-top-color: $light-blue - - > li.active > a - font-weight: 600 - - -/* NAV STACKED */ -.nav-stacked - > li > a - @include border-radius-same(0) - border-top: 0 - border-left: 3px solid transparent - color: #444 - - > li.active > a, - > li.active > a:hover - border-top: 0 - border-left-color: $light-blue - - - > li.header - border-bottom: 1px solid #ddd - color: #777 - margin-bottom: 10px - padding: 5px 10px - text-transform: uppercase - - - -/* NAV TABS */ -.nav-tabs-custom - margin-bottom: 20px - background: #fff - box-shadow: $box-boxshadow - border-radius: $box-border-radius - > .nav-tabs - margin: 0 - border-bottom-color: #f4f4f4 - @include border-top-radius($box-border-radius) - > li - border-top: 3px solid transparent - margin-bottom: -2px - > a - color: #444 - @include border-radius-same(0 !important) - &, - &:hover - background: transparent - margin: 0 - - &:hover - color: #999 - - - &:not(.active) - > a:hover, - > a:focus, - > a:active - border-color: transparent - - - margin-right: 5px - - - > li.active - border-top-color: $light-blue - & > a, - &:hover > a - background-color: #fff - color: #444 - - > a - border-top-color: transparent - border-left-color: #f4f4f4 - border-right-color: #f4f4f4 - - - - - > li:first-of-type - margin-left: 0 - &.active - > a - border-left-color: transparent - - - - - //Pulled to the right - &.pull-right - float: none!important - > li - float: right - - > li:first-of-type - margin-right: 0 - > a - border-left-width: 1px - - &.active - > a - border-left-color: #f4f4f4 - border-right-color: transparent - - - - - - > li.header - line-height: 35px - padding: 0 10px - font-size: 20px - color: #444 - > .fa, - > .glyphicon, - > .ion - margin-right: 5px - - - - - > .tab-content - background: #fff - padding: 10px - @include border-bottom-radius($box-border-radius) - - - .dropdown.open > a - &:active, - &:focus - background: transparent - color: #999 - - - - -/* PAGINATION */ -.pagination - > li > a - background: #fafafa - color: #666 - @include border-radius-same(0 !important) - - - diff --git a/app/assets/stylesheets/blueberry_admin/components/_pages-tree.sass b/app/assets/stylesheets/blueberry_admin/components/_pages-tree.sass deleted file mode 100644 index 6d152ee..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_pages-tree.sass +++ /dev/null @@ -1,64 +0,0 @@ -/* - * Component: Page tree - * ------------------------- - */ - -.pages-tree - margin: 0 - padding: 0 - list-style: none - - ul - margin: 0 - padding: 0 0 0 21px - list-style: none - - .sortable-placeholder - background: rgba($gray, 0.5) - -.pages-tree__row - display: flex - align-items: center - justify-content: space-between - border-bottom: 1px solid $gray-lighter - - [class^="col-"] - padding: 5px 10px - - .col-icon - padding-left: 0 - i - cursor: ns-resize - - .col-name - flex-grow: 1 - - a - &:hover - text-decoration: none - - strong - text-decoration: underline - - span - opacity: 1 - - strong - font-weight: normal - - span - padding-left: 3px - color: darken($gray, 14%) - opacity: 0 - transition: opacity 0.1s - - i - font-size: 0.8em - - .col-info - i - margin: 0 2px - - .col-actions - white-space: nowrap - text-align: right diff --git a/app/assets/stylesheets/blueberry_admin/components/_panels.sass b/app/assets/stylesheets/blueberry_admin/components/_panels.sass deleted file mode 100644 index 36fded7..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_panels.sass +++ /dev/null @@ -1,23 +0,0 @@ -/* - * Component: Panels - * ---------------- - */ - -.panel-heading - .glyphicon-resize-vertical - cursor: ns-resize - - -.panel-actions - a - margin: 0 0 0 5px - padding: 0 5px - color: darken($gray, 22%) - - .glyphicon-trash - &:hover - color: $brand-danger - - .glyphicon-resize-small - &:hover - color: $brand-primary diff --git a/app/assets/stylesheets/blueberry_admin/components/_products.sass b/app/assets/stylesheets/blueberry_admin/components/_products.sass deleted file mode 100755 index 73a5d47..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_products.sass +++ /dev/null @@ -1,57 +0,0 @@ -/* - * Component: Products List - * ------------------------ - */ - -.product-list - margin: 0 0 20px - padding: 0 - list-style: none - display: flex - flex-wrap: wrap - -.product-list__item - padding: 30px - margin-bottom: 30px - position: relative - width: 25% - border-right: 1px dashed $blue - +render-to($order-break-point) - width: 33.3333% - - h3 - margin-top: 0 - - .quantity - input - width: 100px - - .wholesale-package, - .quantity, - .price - margin-bottom: 10px - - strong - display: block - - .form-inline .form-control - width: 60px - - .btn - display: inline-block - - .price--big - font-size: 18px - - strong - font-size: 14px - - -.product-list__item:nth-child(4n) - border-right: 1px dashed #ffffff - +render-to($order-break-point) - border-right: 1px dashed $blue - -.product-list__item:nth-child(3n) - +render-to($order-break-point) - border-right: 1px dashed #ffffff diff --git a/app/assets/stylesheets/blueberry_admin/components/_progress-bars.sass b/app/assets/stylesheets/blueberry_admin/components/_progress-bars.sass deleted file mode 100755 index 9d9e75e..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_progress-bars.sass +++ /dev/null @@ -1,107 +0,0 @@ -/* - * Component: Progress Bar - * ----------------------- - */ - -//General CSS -.progress, -.progress > .progress-bar - @include box-shadow(none) - &, .progress-bar - @include border-radius-same($progress-bar-border-radius) - - - -/* size variation */ -.progress.sm, -.progress-sm - height: 10px - &, .progress-bar - @include border-radius-same($progress-bar-sm-border-radius) - - -.progress.xs, -.progress-xs - height: 7px - &, .progress-bar - @include border-radius-same($progress-bar-xs-border-radius) - - -.progress.xxs, -.progress-xxs - height: 3px - &, .progress-bar - @include border-radius-same($progress-bar-xs-border-radius) - - -/* Vertical bars */ -.progress.vertical - position: relative - width: 30px - height: 200px - display: inline-block - margin-right: 10px - > .progress-bar - width: 100%!important - position: absolute - bottom: 0 - - - //Sizes - &.sm, - &.progress-sm - width: 20px - - - &.xs, - &.progress-xs - width: 10px - - &.xxs, - &.progress-xxs - width: 3px - - - -//Progress Groups -.progress-group - .progress-text - font-weight: 600 - - .progress-number - float: right - - - -/* Remove margins from progress bars when put in a table */ -.table - tr > td .progress - margin: 0 - - - -// Variations -// ------------------------- -.progress-bar-light-blue, -.progress-bar-primary - @include progress-bar-variant($light-blue) - -.progress-bar-green, -.progress-bar-success - @include progress-bar-variant($green) - - -.progress-bar-aqua, -.progress-bar-info - @include progress-bar-variant($aqua) - - -.progress-bar-yellow, -.progress-bar-warning - @include progress-bar-variant($yellow) - - -.progress-bar-red, -.progress-bar-danger - @include progress-bar-variant($red) - diff --git a/app/assets/stylesheets/blueberry_admin/components/_redactor.sass b/app/assets/stylesheets/blueberry_admin/components/_redactor.sass deleted file mode 100644 index a2858f5..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_redactor.sass +++ /dev/null @@ -1,23 +0,0 @@ -// -// Redactor -// --------------------------------- - -.redactor-toolbar - display: block !important - background: $sidebar-bg - - li - a - color: white - a.redactor-act, - a:active - color: white - background: black - -.redactor-air, -.redactor-toolbar - li - a.re-button-icon - padding: 12px 11px - font-size: 14px - height: 38px diff --git a/app/assets/stylesheets/blueberry_admin/components/_small-box.sass b/app/assets/stylesheets/blueberry_admin/components/_small-box.sass deleted file mode 100755 index 10d7610..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_small-box.sass +++ /dev/null @@ -1,89 +0,0 @@ -/* - * Component: Small Box - * -------------------- - */ - -.small-box - @include border-radius-same(2px) - position: relative - display: block - margin-bottom: 20px - box-shadow: $box-boxshadow - // content wrapper - > .inner - padding: 10px - - - > .small-box-footer - position: relative - text-align: center - padding: 3px 0 - color: #fff - color: rgba(255, 255, 255, 0.8) - display: block - z-index: 10 - background: rgba(0,0,0,0.1) - text-decoration: none - &:hover - color: #fff - background: rgba(0,0,0,0.15) - - - - h3 - font-size: 38px - font-weight: bold - margin: 0 0 10px 0 - white-space: nowrap - padding: 0 - - - - p - font-size: 15px - > small - display: block - color: #f9f9f9 - font-size: 13px - margin-top: 5px - - - - h3, p - z-index: 5px - - - // the icon - .icon - @include transition(all $transition-speed linear) - position: absolute - top: -10px - right: 10px - z-index: 0 - font-size: 90px - color: rgba(0, 0, 0, 0.15) - - - // Small box hover state - &:hover - text-decoration: none - color: #f9f9f9 - // Animate icons on small box hover - .icon - font-size: 95px - - - - -@media (max-width: $screen-xs-max) - // No need for icons on very small devices - .small-box - text-align: center - .icon - display: none - - p - font-size: 12px - - - diff --git a/app/assets/stylesheets/blueberry_admin/components/_timeline.sass b/app/assets/stylesheets/blueberry_admin/components/_timeline.sass deleted file mode 100755 index 45f128b..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_timeline.sass +++ /dev/null @@ -1,98 +0,0 @@ -/* - * Component: Timeline - * ------------------- - */ - -.timeline - position: relative - margin: 0 0 30px 0 - padding: 0 - list-style: none - - // The line - &:before - content: '' - position: absolute - top: 0px - bottom: 0 - width: 4px - background: #ddd - left: 31px - margin: 0 - @include border-radius-same(2px) - - - - > li - position: relative - margin-right: 10px - margin-bottom: 15px - @include clearfix - - // The content - > .timeline-item - @include box-shadow($box-boxshadow) - @include border-radius-same($box-border-radius) - margin-top: 0px - background: #fff - color: #444 - margin-left: 60px - margin-right: 15px - padding: 0 - position: relative - - // The time and header - > .time - color: #999 - float: right - padding: 10px - font-size: 12px - - > .timeline-header - margin: 0 - color: #555 - border-bottom: 1px solid $box-border-color - padding: 10px - font-size: 16px - line-height: 1.1 - > a - font-weight: 600 - - - // Item body and footer - > .timeline-body, > .timeline-footer - padding: 10px - - - - - // Time label - &.time-label - > span - font-weight: 600 - padding: 5px - display: inline-block - background-color: #fff - - @include border-radius-same(4px) - - - - // The icons - > .fa, - > .glyphicon, - > .ion - width: 30px - height: 30px - font-size: 15px - line-height: 30px - position: absolute - color: #666 - background: $gray - border-radius: 50% - text-align: center - left: 18px - top: 0 - - - diff --git a/app/assets/stylesheets/blueberry_admin/components/_users-list.sass b/app/assets/stylesheets/blueberry_admin/components/_users-list.sass deleted file mode 100755 index 07f330e..0000000 --- a/app/assets/stylesheets/blueberry_admin/components/_users-list.sass +++ /dev/null @@ -1,39 +0,0 @@ -/* - * Component: Users List - * --------------------- - */ -.users-list - @extend .list-unstyled - > li - width: 25% - float: left - padding: 10px - text-align: center - img - @include border-radius-same(50%) - max-width: 100% - height: auto - - > a:hover - &, - .users-list-name - color: #999 - - - - -.users-list-name, -.users-list-date - display: block - -.users-list-name - font-weight: 600 - color: #444 - overflow: hidden - white-space: nowrap - text-overflow: ellipsis - -.users-list-date - color: #999 - font-size: 12px - diff --git a/app/assets/stylesheets/blueberry_admin/coreui-components.scss b/app/assets/stylesheets/blueberry_admin/coreui-components.scss new file mode 100644 index 0000000..c2441b3 --- /dev/null +++ b/app/assets/stylesheets/blueberry_admin/coreui-components.scss @@ -0,0 +1,65 @@ +/*! + * CoreUI - Open Source Dashboard UI Kit + * @version v2.0.4 + * @link https://coreui.io + * Copyright (c) 2018 creativeLabs Łukasz Holeczek + * Licensed under MIT (https://coreui.io/license) + */ + +// Override Boostrap variables +@import "variables"; + +@import "variables-override"; + +// Import Bootstrap source files +@import "bootstrap"; + +// Import core styles +@import "scss/mixins"; + +// Animations +@import "scss/animate"; + +// Vendors +@import "scss/vendors"; + +// Components +@import "scss/aside"; +@import "scss/avatars"; +@import "scss/badge"; +@import "scss/breadcrumb-menu"; +@import "scss/breadcrumb"; +@import "scss/brand-card"; +@import "scss/brand-buttons"; +@import "scss/buttons"; +@import "scss/callout"; +@import "scss/card"; +@import "scss/charts"; +@import "scss/dropdown"; +@import "scss/footer"; +@import "scss/grid"; +@import "scss/header"; +@import "scss/images"; +@import "scss/input-group"; +@import "scss/modal"; +@import "scss/nav"; +@import "scss/progress"; +@import "scss/progress-group"; +@import "scss/sidebar"; +@import "scss/switches"; +@import "scss/tables"; +@import "scss/widgets"; + +// Layout Options +@import "scss/layout"; + +@import "scss/others"; + +// Utility classes +@import "scss/utilities"; + +// Right-to-left +@import "scss/rtl"; + +// Custom Properties support for Internet Explorer +@import "scss/ie-custom-properties" diff --git a/app/assets/stylesheets/blueberry_admin/layout/_sidebar-mini.sass b/app/assets/stylesheets/blueberry_admin/layout/_sidebar-mini.sass deleted file mode 100755 index d0ceaa6..0000000 --- a/app/assets/stylesheets/blueberry_admin/layout/_sidebar-mini.sass +++ /dev/null @@ -1,137 +0,0 @@ -/* - * Component: Sidebar Mini - */ - -//Add sidebar-mini class to the body tag to activate this feature -.sidebar-mini - //Sidebar mini should work only on devices larger than $screen-sm - @media (min-width: $screen-sm) - //When the sidebar is collapsed... - &.sidebar-collapse - - //Apply the new margining to the main content and footer - .content-wrapper, - .right-side, - .main-footer - margin-left: 50px!important - z-index: 840 - - - //Modify the sidebar to shrink instead of disappearing - .main-sidebar - //Don't go away! Just shrink - @include translate(0, 0) - width: 50px!important - z-index: 850 - - - .sidebar-menu - > li - position: relative - > a - margin-right: 0 - - > a > span - border-top-right-radius: 4px - - - &:not(.treeview) - > a > span - border-bottom-right-radius: 4px - - - - > .treeview-menu - //Add some padding to the treeview menu - padding-top: 5px - padding-bottom: 5px - border-bottom-right-radius: 4px - - - //Show menu items on hover - &:hover - > a - //overflow: visible - - > a > span:not(.pull-right), - > .treeview-menu - display: block!important - position: absolute - width: $sidebar-width - 50 - left: 50px - - - //position the header & treeview menus - > a > span - top: 0 - margin-left: -3px - padding: 12px 5px 12px 20px - background-color: inherit - - > .treeview-menu - top: 44px - margin-left: 0 - - - - - - //Make the sidebar links, menus, labels, badges - //and angle icons disappear - .main-sidebar .user-panel > .info, - .sidebar-form, - .sidebar-menu > li > a > span, - .sidebar-menu > li > .treeview-menu, - .sidebar-menu >li > a > .pull-right, - .sidebar-menu li.header - display: none!important - - - .main-header - //Let's make the logo also shrink and the mini logo to appear - .logo - width: 50px - > .logo-mini - display: block - margin-left: -15px - margin-right: -15px - font-size: 18px - - > .logo-lg - display: none - - - - //Since the logo got smaller, we need to fix the navbar's position - .navbar - margin-left: 50px - - - - - - -//A fix for text overflow while transitioning from sidebar mini to full sidebar -.sidebar-menu, -.main-sidebar .user-panel, -.sidebar-menu > li.header - white-space: nowrap!important - overflow: hidden - -.sidebar-menu:hover - overflow: visible - -.sidebar-form, -.sidebar-menu > li.header - overflow: hidden - text-overflow: clip - -.sidebar-menu li > a - position: relative - > .pull-right - position: absolute - top: 50% - right: 10px - margin-top: -7px - - diff --git a/app/assets/stylesheets/blueberry_admin/layout/_sidebar.sass b/app/assets/stylesheets/blueberry_admin/layout/_sidebar.sass deleted file mode 100755 index 708c35c..0000000 --- a/app/assets/stylesheets/blueberry_admin/layout/_sidebar.sass +++ /dev/null @@ -1,128 +0,0 @@ -// -// Layout -// --------------------------------- - - -//Main Sidebar -// ``` .left-side has been deprecated as of 2.0.0 in favor of .main-sidebar ``` - -.sidebar - width: $sidebar-width - min-height: 100% - position: absolute - top: 0 - left: 0 - background: $sidebar-bg - z-index: 810 - transition: all 0.3s ease - - .sidebar-close & - width: $sidebar-width-min - -// remove border from form -.sidebar-form - input:focus - border-color: transparent!important - -//Sidebar user panel -.user-panel - position: relative - width: 100% - padding: 10px - overflow: hidden - @include clearfix - > .image > img - width: 100% - max-width: 45px - height: auto - - > .info - padding: 5px 5px 5px 15px - line-height: 1 - position: absolute - left: 55px - > p - font-weight: 600 - margin-bottom: 9px - - > a - text-decoration: none - padding-right: 5px - margin-top: 3px - font-size: 11px - > .fa, - > .ion, - > .glyphicon - margin-right: 3px - - - - - -// Sidebar menu -.sidebar-menu - list-style: none - margin: 0 - padding: 0 - position: sticky - top: 0 - - a - font-weight: bold - text-decoration: none - color: white - - > li - position: relative - margin: 0 - padding: 0 - > a - padding: 12px 10px 12px 20px - display: block - > .fa, - > .glyphicon, - > .icon - width: 21px - &:hover - background: darken($sidebar-bg, 5%) - - span - opacity: 1 - transition: all 0.3s ease - .sidebar-close & - opacity: 0 - - li.logo - padding: 30px 20px - font-size: 12px - text-align: center - position: relative - transition: all 0.3s ease - &::before - content: "" - height: 1px - display: block - position: absolute - right: 12px - bottom: 10px - left: 12px - background: rgba(white, 0.4) - opacity: 0 - transition: all 0.3s ease - - .sidebar-close & - padding-left: 20px - &::before - opacity: 1 - - a - padding: 0 - width: 100% - background: transparent !important - overflow: hidden - transition: all 0.3s ease - .sidebar-close & - width: 20px - - img - max-width: 124px diff --git a/app/assets/stylesheets/blueberry_admin/layout/layout.sass b/app/assets/stylesheets/blueberry_admin/layout/layout.sass deleted file mode 100644 index eb960e9..0000000 --- a/app/assets/stylesheets/blueberry_admin/layout/layout.sass +++ /dev/null @@ -1,121 +0,0 @@ -// -// Layout -// --------------------------------- - -html, -body - min-height: 100% - -body - -webkit-font-smoothing: antialiased - -moz-osx-font-smoothing: grayscale - font-weight: 400 - overflow: auto - -/* Layout */ -.wrapper - @include clearfix - min-height: 100vh - position: relative - overflow: visible !important - .layout-boxed & - max-width: 1250px - margin: 0 auto - min-height: 100% - box-shadow: 0 0 8px rgba(0,0,0,0.5) - position: relative - - - -.layout-boxed - background: url($boxed-layout-bg-image-path) repeat fixed - - -/* - * Content Wrapper - contains the main content - * ```.right-side has been deprecated as of v2.0.0 in favor of .content-wrapper ``` - */ -.content-wrapper, -.right-side, -.main-footer - //Using disposable variable to join statements with a comma - $transition-rule: $transition-speed $transition-fn, margin $transition-speed $transition-fn - @include transition-transform($transition-rule) - padding-left: $sidebar-width - z-index: 820 - transition: all 0.3s ease - //Top nav layout - .layout-top-nav & - margin-left: 0 - - @media (max-width: $screen-xs-max) - margin-left: 0 - - //When opening the sidebar on large screens - .sidebar-collapse & - @media (min-width: $screen-sm) - margin-left: 0 - - - //When opening the sidebar on small screens - .sidebar-open & - @media (max-width: $screen-xs-max) - @include translate($sidebar-width, 0) - - - - -.content-wrapper, -.right-side - min-height: 100% - background-color: $body-bg - z-index: 800 - -.main-footer - background: #fff - padding: 15px - color: #444 - border-top: 1px solid $gray - - -/* Fixed layout */ -.fixed - .main-header, - .main-sidebar, - .left-side - position: fixed - - .main-header - top: 0 - right: 0 - left: 0 - - .content-wrapper, - .right-side - padding-top: 50px - @media (max-width: $screen-header-collapse) - padding-top: 100px - - - &.layout-boxed - .wrapper - max-width: 100% - - - - -/* Content */ -.content - min-height: 250px - padding: 30px - - -/* Page Header */ -.page-header - margin: 10px 0 20px 0 - font-size: 22px - - > small - color: #666 - display: block - margin-top: 5px diff --git a/app/assets/stylesheets/blueberry_admin/pages/_404_500_errors.sass b/app/assets/stylesheets/blueberry_admin/pages/_404_500_errors.sass deleted file mode 100755 index ccb96d9..0000000 --- a/app/assets/stylesheets/blueberry_admin/pages/_404_500_errors.sass +++ /dev/null @@ -1,36 +0,0 @@ -/* - * Page: 400 and 500 error pages - * ------------------------------ - */ -.error-page - width: 600px - margin: 20px auto 0 auto - @media (max-width: $screen-sm-max) - width: 100% - - //For the error number e.g: 404 - > .headline - float: left - font-size: 100px - font-weight: 300 - @media (max-width: $screen-sm-max) - float: none - text-align: center - - - //For the message - > .error-content - margin-left: 190px - @media (max-width: $screen-sm-max) - margin-left: 0 - - > h3 - font-weight: 300 - font-size: 25px - @media(max-width: $screen-sm-max) - text-align: center - - - display: block - - diff --git a/app/assets/stylesheets/blueberry_admin/pages/_fullcalendar.sass b/app/assets/stylesheets/blueberry_admin/pages/_fullcalendar.sass deleted file mode 100755 index 1ac1ff9..0000000 --- a/app/assets/stylesheets/blueberry_admin/pages/_fullcalendar.sass +++ /dev/null @@ -1,88 +0,0 @@ -/* - * Plugin: Full Calendar - * --------------------- - */ -//Fullcalendar buttons -.fc-button - background: #f4f4f4 - background-image: none - color: #444 - border-color: #ddd - border-bottom-color: #ddd - &:hover, - &:active, - &.hover - background-color: #e9e9e9 - - -// Calendar title -.fc-header-title h2 - font-size: 15px - line-height: 1.6em - color: #666 - margin-left: 10px - -.fc-header-right - padding-right: 10px - -.fc-header-left - padding-left: 10px - -// Calendar table header cells -.fc-widget-header - background: #fafafa - -.fc-grid - width: 100% - border: 0 - -.fc-widget-header:first-of-type, -.fc-widget-content:first-of-type - border-left: 0 - border-right: 0 - -.fc-widget-header:last-of-type, -.fc-widget-content:last-of-type - border-right: 0 - -.fc-toolbar - padding: $box-padding - margin: 0 - -.fc-day-number - font-size: 20px - font-weight: 300 - padding-right: 10px - -.fc-color-picker - list-style: none - margin: 0 - padding: 0 - > li - float: left - font-size: 30px - margin-right: 5px - line-height: 30px - .fa - @include transition-transform(linear .3s) - &:hover - @include rotate(30deg) - - - - -#add-new-event - @include transition(all linear .3s) - -.external-event - padding: 5px 10px - font-weight: bold - margin-bottom: 4px - box-shadow: $box-boxshadow - text-shadow: $box-boxshadow - border-radius: $box-border-radius - cursor: move - &:hover - box-shadow: inset 0 0 90px rgba(0,0,0,0.2) - - diff --git a/app/assets/stylesheets/blueberry_admin/pages/_invoice.sass b/app/assets/stylesheets/blueberry_admin/pages/_invoice.sass deleted file mode 100755 index 55d9fb4..0000000 --- a/app/assets/stylesheets/blueberry_admin/pages/_invoice.sass +++ /dev/null @@ -1,16 +0,0 @@ -/* - * Page: Invoice - * ------------- - */ - -.invoice - position: relative - background: #fff - border: 1px solid #f4f4f4 - padding: 20px - margin: 10px 25px - - -.invoice-title - margin-top: 0 - diff --git a/app/assets/stylesheets/blueberry_admin/pages/_lockscreen.sass b/app/assets/stylesheets/blueberry_admin/pages/_lockscreen.sass deleted file mode 100755 index bd887f0..0000000 --- a/app/assets/stylesheets/blueberry_admin/pages/_lockscreen.sass +++ /dev/null @@ -1,68 +0,0 @@ -/* - * Page: Lock Screen - * ----------------- - */ -/* ADD THIS CLASS TO THE TAG */ -.lockscreen - background: $gray - -.lockscreen-logo - font-size: 35px - text-align: center - margin-bottom: 25px - font-weight: 300 - a - color: #444 - - -.lockscreen-wrapper - max-width: 400px - margin: 0 auto - margin-top: 10% - -/* User name [optional] */ -.lockscreen .lockscreen-name - text-align: center - font-weight: 600 - -/* Will contain the image and the sign in form */ -.lockscreen-item - @include border-radius-same(4px) - padding: 0 - background: #fff - position: relative - margin: 10px auto 30px auto - width: 290px - -/* User image */ -.lockscreen-image - @include border-radius-same(50%) - position: absolute - left: -10px - top: -25px - background: #fff - padding: 5px - z-index: 10 - > img - @include border-radius-same(50%) - width: 70px - height: 70px - - - -/* Contains the password input and the login button */ -.lockscreen-credentials - margin-left: 70px - .form-control - border: 0 !important - - .btn - background-color: #fff - border: 0 - padding: 0 10px - - - -.lockscreen-footer - margin-top: 10px - diff --git a/app/assets/stylesheets/blueberry_admin/pages/_login_and_register.sass b/app/assets/stylesheets/blueberry_admin/pages/_login_and_register.sass deleted file mode 100755 index 7e0a815..0000000 --- a/app/assets/stylesheets/blueberry_admin/pages/_login_and_register.sass +++ /dev/null @@ -1,40 +0,0 @@ -// -// Login and register -// --------------------------------- - -.admin-sessions - .sidebar - display: none - - .header - display: none - - .content-wrapper - margin: 30px auto 0 - max-width: 360px - - .alert - margin-left: 0 - margin-right: 0 - -.login-box - margin: 100px 0 0 - padding: 20px - background: white - border: 1px solid $border-color - - .logo - margin: 0 auto 50px - width: 200px - text-align: center - - img - max-width: 100% - - .btn - width: 100% - display: block - - .login-form-remember, - .login-form-shared - text-align: center diff --git a/app/assets/stylesheets/blueberry_admin/pages/_mailbox.sass b/app/assets/stylesheets/blueberry_admin/pages/_mailbox.sass deleted file mode 100755 index b4aea72..0000000 --- a/app/assets/stylesheets/blueberry_admin/pages/_mailbox.sass +++ /dev/null @@ -1,77 +0,0 @@ -/* - * Page: Mailbox - * ------------- - */ -.mailbox-messages - > .table - margin: 0 - - -.mailbox-controls - padding: 5px - &.with-border - border-bottom: 1px solid $box-border-color - - -.mailbox-read-info - border-bottom: 1px solid $box-border-color - padding: 10px - h3 - font-size: 20px - margin: 0 - - h5 - margin: 0 - padding: 5px 0 0 0 - - -.mailbox-read-time - color: #999 - font-size: 13px - -.mailbox-read-message - padding: 10px - -.mailbox-attachments - @extend .list-unstyled - li - float: left - width: 200px - border: 1px solid #eee - margin-bottom: 10px - margin-right: 10px - - -.mailbox-attachment-name - font-weight: bold - color: #666 - -.mailbox-attachment-icon, -.mailbox-attachment-info, -.mailbox-attachment-size - display: block - -.mailbox-attachment-info - padding: 10px - background: #f4f4f4 - -.mailbox-attachment-size - color: #999 - font-size: 12px - -.mailbox-attachment-icon - text-align: center - font-size: 65px - color: #666 - padding: 20px 10px - &.has-img - padding: 0 - > img - max-width: 100% - height: auto - - - -.mailbox-attachment-close - @extend .close - diff --git a/app/assets/stylesheets/blueberry_admin/skins/_skin-aerotec.sass b/app/assets/stylesheets/blueberry_admin/skins/_skin-aerotec.sass deleted file mode 100755 index 16cdfe8..0000000 --- a/app/assets/stylesheets/blueberry_admin/skins/_skin-aerotec.sass +++ /dev/null @@ -1,14 +0,0 @@ -// -// Skin: Aerotec -// --------------------------------- - -.skin-aerotec - - .sidebar - background: $brand-client - - .sidebar-menu - > li - > a - &:hover - background: darken($brand-client, 5%) diff --git a/app/assets/stylesheets/blueberry_admin/utils/functions.sass b/app/assets/stylesheets/blueberry_admin/utils/functions.sass deleted file mode 100755 index 9df59c8..0000000 --- a/app/assets/stylesheets/blueberry_admin/utils/functions.sass +++ /dev/null @@ -1,23 +0,0 @@ -@function getNumber($string) - $strings: "0" "1" "2" "3" "4" "5" "6" "7" "8" "9" - $numbers: 0 1 2 3 4 5 6 7 8 9 - $result: 0 - - @for $i from 1 through str-length($string) - $character: str-slice($string, $i, $i) - $index: index($strings, $character) - - @if $index - $number: nth($numbers, $index) - $result: $result * 10 + $number - - @return $result - -// calculate rem size from pixel size -@function rem($px) - $default: getNumber(inspect($font-size-base)) - @return $px / $default * 1rem - -// calculate em size from pixel size -@function em($px, $parent: getNumber(inspect($font-size-base))) - @return $px / $parent * 1em diff --git a/app/assets/stylesheets/blueberry_admin/utils/make-columns.sass b/app/assets/stylesheets/blueberry_admin/utils/make-columns.sass deleted file mode 100755 index 13cc321..0000000 --- a/app/assets/stylesheets/blueberry_admin/utils/make-columns.sass +++ /dev/null @@ -1,67 +0,0 @@ -$sizes: ("0": 0,"1": 1, "2": 2, "3": 3, "4": 4, "5": 5, "6": 6, "7": 7, "8": 8, "9": 9, "10": 10, "11": 11, "12": 12) - -@function to-number($value) - @if type-of($value) == 'number' - @return $value - @else if type-of($value) != 'string' - $_: log('Value for `to-number` should be a number or a string.') - - $result: 0 - $digits: 0 - $minus: str-slice($value, 1, 1) == '-' - $numbers: ('0': 0, '1': 1, '2': 2, '3': 3, '4': 4, '5': 5, '6': 6, '7': 7, '8': 8, '9': 9) - - @for $i from if($minus, 2, 1) through str-length($value) - $character: str-slice($value, $i, $i) - - @if not (index(map-keys($numbers), $character) or $character == '.') - @return to-length(if($minus, -$result, $result), str-slice($value, $i)) - - @if $character == '.' - $digits: 1 - @else if $digits == 0 - $result: $result * 10 + map-get($numbers, $character) - @else - $digits: $digits * 10 - $result: $result + map-get($numbers, $character) / $digits - - @return if($minus, -$result, $result) - -@function getsize($args, $i) - $needle: str-slice(nth($args, $i), 3, str-length(nth($args, $i))) - - @if map-has-key($sizes, $needle) - @return map-get($sizes, $needle) - @else - @return to-number($needle) - -=make-columns($args...) - @for $i from 1 through length($args) - $type: str-slice(nth($args, $i), 1, 2) - $size: getsize($args, $i) - - @if $type == 'xs' - +make-xs-column($size) - @if $type == 'ms' - +make-ms-column($size) - @if $type == 'sm' - +make-sm-column($size) - @if $type == 'md' - +make-md-column($size) - @if $type == 'lg' - +make-lg-column($size) - -=make-offsets($args...) - @for $i from 1 through length($args) - $type: str-slice(nth($args, $i), 1, 2) - $size: map-get($sizes, str-slice(nth($args, $i), 3, str-length(nth($args, $i)))) - @if $type == 'xs' - +make-xs-column-offset($size) - @if $type == 'ms' - +make-ms-column-offset($size) - @if $type == 'sm' - +make-sm-column-offset($size) - @if $type == 'md' - +make-md-column-offset($size) - @if $type == 'lg' - +make-lg-column-offset($size) diff --git a/app/assets/stylesheets/blueberry_admin/utils/mixins-origin.sass b/app/assets/stylesheets/blueberry_admin/utils/mixins-origin.sass deleted file mode 100755 index a59bf29..0000000 --- a/app/assets/stylesheets/blueberry_admin/utils/mixins-origin.sass +++ /dev/null @@ -1,291 +0,0 @@ -//AdminLTE mixins -//=============== - -//Changes the color and the hovering properties of the navbar -@mixin navbar-variant($color, $font-color: rgba(255, 255, 255, 0.8), $hover-color: #f6f6f6, $hover-bg: rgba(0, 0, 0, 0.1)) - background-color: $color - //Navbar links - .nav > li > a - color: $font-color - - - .nav > li > a:hover, - .nav > li > a:active, - .nav > li > a:focus, - .nav .open > a, - .nav .open > a:hover, - .nav .open > a:focus - background: $hover-bg - color: $hover-color - - - //Add color to the sidebar toggle button - .sidebar-close - color: $font-color - &:hover - color: $hover-color - background: $hover-bg - - - - -//Logo color variation -@mixin logo-variant($bg-color, $color: #fff, $border-bottom-color: transparent, $border-bottom-width: 0px) - background-color: $bg-color - color: $color - border-bottom: $border-bottom-width solid $border-bottom-color - - &:hover - background-color: darken($bg-color, 1%) - - - -//Box solid color variantion creator -@mixin box-solid-variant($color, $text-color: #fff) - border: 1px solid $color - > .box-header - color: $text-color - background: $color - background-color: $color - a, - .btn - color: $text-color - - - - -//Direct Chat Variant -@mixin direct-chat-variant($bg-color, $color: #fff) - .right > .direct-chat-text - background: $bg-color - border-color: $bg-color - color: $color - &:after, - &:before - border-left-color: $bg-color - - - - -//border radius creator -@mixin border-radius-same($radius) - border-radius: $radius - -//Different radius each side -@mixin border-radius($top-left, $top-right, $bottom-left, $bottom-right) - border-top-left-radius: $top-left - border-top-right-radius: $top-right - border-bottom-right-radius: $bottom-right - border-bottom-left-radius: $bottom-left - - -//Gradient background -@mixin gradient($color: #F5F5F5, $start: #EEE, $stop: #FFF) - background: $color - background: -webkit-gradient(linear, left bottom, left top, color-stop(0, $start), color-stop(1, $stop)) - background: -ms-linear-gradient(bottom, $start, $stop) - background: -moz-linear-gradient(center bottom, $start 0%, $stop 100%) - background: -o-linear-gradient($stop, $start) - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ie-hex-str($stop)', endColorstr='#ie-hex-str($start)', GradientType=0) // IE9 and down - - -//Added 2.1.0 -//Skins Mixins - -//Dark Sidebar Mixin -@mixin skin-dark-sidebar($link-hover-border-color) - // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color) - .wrapper, - .main-sidebar, - .left-side - background-color: $sidebar-dark-bg - - //User Panel (resides in the sidebar) - .user-panel - > .info, > .info > a - color: #fff - - - //Sidebar Menu. First level links - .sidebar-menu > li - //Section Headning - &.header - color: lighten($sidebar-dark-bg, 20%) - background: darken($sidebar-dark-bg, 4%) - - //links - > a - border-left: 3px solid transparent - - //Hover and active states - &:hover > a, &.active > a - color: $sidebar-dark-hover-color - background: $sidebar-dark-hover-bg - border-left-color: $link-hover-border-color - - //First Level Submenu - > .treeview-menu - margin: 0 1px - background: $sidebar-dark-submenu-bg - - - //All links within the sidebar menu - .sidebar a - color: $sidebar-dark-color - &:hover - text-decoration: none - - - //All submenus - .treeview-menu - > li - > a - color: $sidebar-dark-submenu-color - - &.active > a, > a:hover - color: $sidebar-dark-submenu-hover-color - - - - //The sidebar search form - .sidebar-form - @include border-radius-same(3px) - border: 1px solid lighten($sidebar-dark-bg, 10%) - margin: 10px 10px - input[type="text"], .btn - box-shadow: none - background-color: lighten($sidebar-dark-bg, 10%) - border: 1px solid transparent - height: 35px - @include transition(all $transition-speed $transition-fn) - - input[type="text"] - color: #666 - @include border-radius(2px !important, 0 !important, 2px !important, 0 !important) - &:focus, &:focus + .input-group-btn .btn - background-color: #fff - color: #666 - - &:focus + .input-group-btn .btn - border-left-color: #fff - - - .btn - color: #999 - @include border-radius(0 !important, 2px !important, 0 !important, 2px !important) - - - - -//Light Sidebar Mixin -@mixin skin-light-sidebar($icon-active-color) - // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color) - .wrapper, - .main-sidebar, - .left-side - background-color: $sidebar-light-bg - - .content-wrapper, - .main-footer - border-left: 1px solid $gray - - //User Panel (resides in the sidebar) - .user-panel - > .info, > .info > a - color: $sidebar-light-color - - - //Sidebar Menu. First level links - .sidebar-menu > li - @include transition(border-left-color .3s ease) - //border-left: 3px solid transparent - //Section Headning - &.header - color: lighten($sidebar-light-color, 25%) - background: $sidebar-light-bg - - //links - > a - border-left: 3px solid transparent - font-weight: 600 - - //Hover and active states - &:hover > a, - &.active > a - color: $sidebar-light-hover-color - background: $sidebar-light-hover-bg - - &:hover > a - - - &.active - border-left-color: $icon-active-color - > a - font-weight: 600 - - - //First Level Submenu - > .treeview-menu - background: $sidebar-light-submenu-bg - - - //All links within the sidebar menu - .sidebar a - color: $sidebar-light-color - &:hover - text-decoration: none - - - //All submenus - .treeview-menu - > li - > a - color: $sidebar-light-submenu-color - - &.active > a, - > a:hover - color: $sidebar-light-submenu-hover-color - - &.active > a - font-weight: 600 - - - - //The sidebar search form - .sidebar-form - @include border-radius-same(3px) - border: 1px solid $gray//darken($sidebar-light-bg, 5%) - margin: 10px 10px - input[type="text"], - .btn - box-shadow: none - background-color: #fff//darken($sidebar-light-bg, 3%) - border: 1px solid transparent - height: 35px - @include transition(all $transition-speed $transition-fn) - - input[type="text"] - color: #666 - @include border-radius(2px !important, 0 !important, 2px !important, 0 !important) - &:focus, - &:focus + .input-group-btn .btn - background-color: #fff - color: #666 - - &:focus + .input-group-btn .btn - border-left-color: #fff - - - .btn - color: #999 - @include border-radius(0 !important, 2px !important, 0 !important, 2px !important) - - - @media(min-width: $screen-sm-min) - &.sidebar-mini.sidebar-collapse - .sidebar-menu > li > .treeview-menu - border-left: 1px solid $gray - - - - diff --git a/app/assets/stylesheets/blueberry_admin/utils/mixins.sass b/app/assets/stylesheets/blueberry_admin/utils/mixins.sass deleted file mode 100755 index 4ced450..0000000 --- a/app/assets/stylesheets/blueberry_admin/utils/mixins.sass +++ /dev/null @@ -1,24 +0,0 @@ -=centered($args...) - position: absolute - left: 50% - top: 50% - transform: translateX(-50%) translateY(-50%) - -=antialiasing($type:antialiased) - -webkit-font-smoothing: $type - font-smoothing: $type - font-smooth: always - -=pos($x, $y) - position: absolute - top: $x - left: $y - -=display-flex - display: flex - flex-wrap: wrap - align-items: flex-end - justify-content: flex-start - &:after, - &:before - display: none diff --git a/app/assets/stylesheets/blueberry_admin/utils/render-to.sass b/app/assets/stylesheets/blueberry_admin/utils/render-to.sass deleted file mode 100755 index 7346120..0000000 --- a/app/assets/stylesheets/blueberry_admin/utils/render-to.sass +++ /dev/null @@ -1,27 +0,0 @@ -$xs: "(max-width: #{$screen-xs-max-new})" -$ms: "(min-width: #{$screen-ms-min}) and (max-width: #{$screen-ms-max})" -$sm: "(min-width: #{$screen-sm-min}) and (max-width: #{$screen-sm-max})" -$md: "(min-width: #{$screen-md-min}) and (max-width: #{$screen-md-max})" -$lg: "(min-width: #{$screen-lg-min})" - -=render-to($type...) - @if $type == "xs" - @for $i from 1 through length($type) - @if nth($type, $i) == xs - @media #{$xs} - @content - @else if nth($type, $i) == sm - @media #{$sm} - @content - @else if nth($type, $i) == ms - @media #{$ms} - @content - @else if nth($type, $i) == md - @media #{$md} - @content - @else if nth($type, $i) == lg - @media #{$lg} - @content - @else - @media (max-width: $type) - @content diff --git a/blueberry_admin.gemspec b/blueberry_admin.gemspec index 0a6ece5..afa19ff 100644 --- a/blueberry_admin.gemspec +++ b/blueberry_admin.gemspec @@ -14,8 +14,10 @@ Gem::Specification.new do |s| s.description = 'Base pack of stylesheets for Bleuberry Administration.' s.license = 'MIT' - s.files = Dir["{app,config,db,lib}/**/*", 'MIT-LICENSE', 'Rakefile', 'README.md'] + s.files = Dir["{app,config,db,lib,vendor}/**/*", 'MIT-LICENSE', 'Rakefile', 'README.md'] s.add_dependency 'rails', '>= 5.0.0.1' s.add_dependency 'sassc-rails', '>= 1.3.0' + s.add_dependency 'bootstrap', '~> 4.1.3' + s.add_dependency 'font-awesome-sass', '~> 5.2.0' end diff --git a/lib/blueberry_admin.rb b/lib/blueberry_admin.rb index 6d392dd..c54e1ec 100644 --- a/lib/blueberry_admin.rb +++ b/lib/blueberry_admin.rb @@ -1,3 +1,5 @@ module BlueberryAdmin require 'blueberry_admin/engine' + require 'bootstrap' + require 'font-awesome-sass' end diff --git a/lib/blueberry_admin/version.rb b/lib/blueberry_admin/version.rb index 4f16466..b143b4c 100644 --- a/lib/blueberry_admin/version.rb +++ b/lib/blueberry_admin/version.rb @@ -1,3 +1,3 @@ module BlueberryAdmin - VERSION = '0.1.1.9' + VERSION = '0.2' end diff --git a/vendor/assets/coreui b/vendor/assets/coreui new file mode 160000 index 0000000..a14b70d --- /dev/null +++ b/vendor/assets/coreui @@ -0,0 +1 @@ +Subproject commit a14b70d7ed6f4fbd99af9d867079549a2398c646