diff --git a/public/index.html b/public/index.html index 8447073..76d9481 100644 --- a/public/index.html +++ b/public/index.html @@ -10,9 +10,8 @@ - - - + +
diff --git a/src/assets/css/nucleo-icons.css b/src/assets/css/nucleo-icons.css new file mode 100755 index 0000000..7e9898f --- /dev/null +++ b/src/assets/css/nucleo-icons.css @@ -0,0 +1,546 @@ +/* -------------------------------- + +Nucleo Outline Web Font - nucleoapp.com/ +License - nucleoapp.com/license/ +Created using IcoMoon - icomoon.io + +-------------------------------- */ + +@font-face { + font-family: 'Nucleo'; + src: url('../fonts/nucleo.eot'); + src: url('../fonts/nucleo.eot') format('embedded-opentype'), + url('../fonts/nucleo.woff2') format('woff2'), + url('../fonts/nucleo.woff') format('woff'), + url('../fonts/nucleo.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +/*------------------------ + base class definition +-------------------------*/ + +.tim-icons { + display: inline-block; + font: normal normal normal 1em/1 'Nucleo'; + vertical-align: middle; + speak: none; + text-transform: none; + /* Better Font Rendering */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.font-icon-detail { + text-align: center; + padding: 45px 0 30px; + border: 1px solid #e44cc4; + border-radius: .1875rem; + margin: 15px 0; + min-height: 168px; +} + +.font-icon-detail i { + color: #FFFFFF; + font-size: 1.5em; +} + +.font-icon-detail p { + color: #e44cc4 !important; + margin-top: 30px; + padding: 0 10px; + font-size: .7142em; +} + +/*------------------------ + change icon size +-------------------------*/ + +.tim-icons-sm { + font-size: 0.8em; +} + +.tim-icons-lg { + font-size: 1.2em; +} + +/* absolute units */ + +.tim-icons-16 { + font-size: 16px; +} + +.tim-icons-32 { + font-size: 32px; +} + +/*---------------------------------- + add a square/circle background +-----------------------------------*/ + +.tim-icons-bg-square, +.tim-icons-bg-circle { + padding: 0.35em; +} + +.tim-icons-bg-circle { + border-radius: 50%; +} + +/*------------------------ + list icons +-------------------------*/ + +/*------------------------ + spinning icons +-------------------------*/ + +.tim-icons-is-spinning { + -webkit-animation: tim-icons-spin 2s infinite linear; + -moz-animation: tim-icons-spin 2s infinite linear; + animation: tim-icons-spin 2s infinite linear; +} + +@-webkit-keyframes tim-icons-spin { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + } +} + +@-moz-keyframes tim-icons-spin { + 0% { + -moz-transform: rotate(0deg); + } + 100% { + -moz-transform: rotate(360deg); + } +} + +@keyframes tim-icons-spin { + 0% { + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +/*------------------------ + rotated/flipped icons +-------------------------*/ + +/*------------------------ + icons +-------------------------*/ + +.icon-alert-circle-exc::before { + content: "\ea02"; +} + +.icon-align-center::before { + content: "\ea03"; +} + +.icon-align-left-2::before { + content: "\ea04"; +} + +.icon-app::before { + content: "\ea05"; +} + +.icon-atom::before { + content: "\ea06"; +} + +.icon-attach-87::before { + content: "\ea07"; +} + +.icon-badge::before { + content: "\ea08"; +} + +.icon-bag-16::before { + content: "\ea09"; +} + +.icon-bank::before { + content: "\ea0a"; +} + +.icon-basket-simple::before { + content: "\ea0b"; +} + +.icon-bell-55::before { + content: "\ea0c"; +} + +.icon-bold::before { + content: "\ea0d"; +} + +.icon-book-bookmark::before { + content: "\ea0e"; +} + +.icon-bulb-63::before { + content: "\ea0f"; +} + +.icon-bullet-list-67::before { + content: "\ea10"; +} + +.icon-bus-front-12::before { + content: "\ea11"; +} + +.icon-button-pause::before { + content: "\ea12"; +} + +.icon-button-power::before { + content: "\ea13"; +} + +.icon-calendar-60::before { + content: "\ea14"; +} + +.icon-camera-18::before { + content: "\ea15"; +} + +.icon-caps-small::before { + content: "\ea16"; +} + +.icon-cart::before { + content: "\ea17"; +} + +.icon-chart-bar-32::before { + content: "\ea18"; +} + +.icon-chart-pie-36::before { + content: "\ea19"; +} + +.icon-chat-33::before { + content: "\ea1a"; +} + +.icon-check-2::before { + content: "\ea1b"; +} + +.icon-cloud-download-93::before { + content: "\ea1c"; +} + +.icon-cloud-upload-94::before { + content: "\ea1d"; +} + +.icon-coins::before { + content: "\ea1e"; +} + +.icon-compass-05::before { + content: "\ea1f"; +} + +.icon-controller::before { + content: "\ea20"; +} + +.icon-credit-card::before { + content: "\ea21"; +} + +.icon-delivery-fast::before { + content: "\ea22"; +} + +.icon-double-left::before { + content: "\ea23"; +} + +.icon-double-right::before { + content: "\ea24"; +} + +.icon-email-85::before { + content: "\ea25"; +} + +.icon-gift-2::before { + content: "\ea26"; +} + +.icon-globe-2::before { + content: "\ea27"; +} + +.icon-headphones::before { + content: "\ea28"; +} + +.icon-heart-2::before { + content: "\ea29"; +} + +.icon-html5::before { + content: "\ea2a"; +} + +.icon-image-02::before { + content: "\ea2b"; +} + +.icon-istanbul::before { + content: "\ea2c"; +} + +.icon-key-25::before { + content: "\ea2d"; +} + +.icon-laptop::before { + content: "\ea2e"; +} + +.icon-light-3::before { + content: "\ea2f"; +} + +.icon-link-72::before { + content: "\ea30"; +} + +.icon-lock-circle::before { + content: "\ea31"; +} + +.icon-map-big::before { + content: "\ea32"; +} + +.icon-minimal-down::before { + content: "\ea33"; +} + +.icon-minimal-left::before { + content: "\ea34"; +} + +.icon-minimal-right::before { + content: "\ea35"; +} + +.icon-minimal-up::before { + content: "\ea36"; +} + +.icon-mobile::before { + content: "\ea37"; +} + +.icon-molecule-40::before { + content: "\ea38"; +} + +.icon-money-coins::before { + content: "\ea39"; +} + +.icon-notes::before { + content: "\ea3a"; +} + +.icon-palette::before { + content: "\ea3b"; +} + +.icon-paper::before { + content: "\ea3c"; +} + +.icon-pencil::before { + content: "\ea3d"; +} + +.icon-pin::before { + content: "\ea3e"; +} + +.icon-planet::before { + content: "\ea3f"; +} + +.icon-puzzle-10::before { + content: "\ea40"; +} + +.icon-satisfied::before { + content: "\ea41"; +} + +.icon-scissors::before { + content: "\ea42"; +} + +.icon-send::before { + content: "\ea43"; +} + +.icon-settings-gear-63::before { + content: "\ea44"; +} + +.icon-settings::before { + content: "\ea45"; +} + +.icon-simple-add::before { + content: "\ea46"; +} + +.icon-simple-delete::before { + content: "\ea47"; +} + +.icon-simple-remove::before { + content: "\ea48"; +} + +.icon-single-02::before { + content: "\ea49"; +} + +.icon-single-copy-04::before { + content: "\ea4a"; +} + +.icon-sound-wave::before { + content: "\ea4b"; +} + +.icon-spaceship::before { + content: "\ea4c"; +} + +.icon-square-pin::before { + content: "\ea4d"; +} + +.icon-support-17::before { + content: "\ea4e"; +} + +.icon-tablet-2::before { + content: "\ea4f"; +} + +.icon-tag::before { + content: "\ea50"; +} + +.icon-tap-02::before { + content: "\ea51"; +} + +.icon-tie-bow::before { + content: "\ea52"; +} + +.icon-time-alarm::before { + content: "\ea53"; +} + +.icon-trash-simple::before { + content: "\ea54"; +} + +.icon-triangle-right-17::before { + content: "\ea55"; +} + +.icon-trophy::before { + content: "\ea56"; +} + +.icon-tv-2::before { + content: "\ea57"; +} + +.icon-upload::before { + content: "\ea58"; +} + +.icon-user-run::before { + content: "\ea59"; +} + +.icon-vector::before { + content: "\ea5a"; +} + +.icon-video-66::before { + content: "\ea5b"; +} + +.icon-volume-98::before { + content: "\ea5c"; +} + +.icon-wallet-43::before { + content: "\ea5d"; +} + +.icon-watch-time::before { + content: "\ea5e"; +} + +.icon-wifi::before { + content: "\ea5f"; +} + +.icon-world::before { + content: "\ea60"; +} + +.icon-zoom-split::before { + content: "\ea61"; +} + +.icon-refresh-01::before { + content: "\ea62"; +} + +.icon-refresh-02::before { + content: "\ea63"; +} + +.icon-shape-star::before { + content: "\ea64"; +} + +.icon-components::before { + content: "\ea65"; +} diff --git a/src/assets/css/themify-icons.css b/src/assets/css/themify-icons.css deleted file mode 100644 index 7855c2b..0000000 --- a/src/assets/css/themify-icons.css +++ /dev/null @@ -1,1081 +0,0 @@ -@font-face { - font-family: 'themify'; - src:url('../fonts/themify.eot'); - src:url('../fonts/themify.eot') format('embedded-opentype'), - url('../fonts/themify.woff') format('woff'), - url('../fonts/themify.ttf') format('truetype'), - url('../fonts/themify.svg') format('svg'); - font-weight: normal; - font-style: normal; -} - -[class^="ti-"], [class*=" ti-"] { - font-family: 'themify'; - speak: none; - font-style: normal; - font-weight: bold; - font-variant: normal; - text-transform: none; - line-height: 1; - - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.ti-wand:before { - content: "\e600"; -} -.ti-volume:before { - content: "\e601"; -} -.ti-user:before { - content: "\e602"; -} -.ti-unlock:before { - content: "\e603"; -} -.ti-unlink:before { - content: "\e604"; -} -.ti-trash:before { - content: "\e605"; -} -.ti-thought:before { - content: "\e606"; -} -.ti-target:before { - content: "\e607"; -} -.ti-tag:before { - content: "\e608"; -} -.ti-tablet:before { - content: "\e609"; -} -.ti-star:before { - content: "\e60a"; -} -.ti-spray:before { - content: "\e60b"; -} -.ti-signal:before { - content: "\e60c"; -} -.ti-shopping-cart:before { - content: "\e60d"; -} -.ti-shopping-cart-full:before { - content: "\e60e"; -} -.ti-settings:before { - content: "\e60f"; -} -.ti-search:before { - content: "\e610"; -} -.ti-zoom-in:before { - content: "\e611"; -} -.ti-zoom-out:before { - content: "\e612"; -} -.ti-cut:before { - content: "\e613"; -} -.ti-ruler:before { - content: "\e614"; -} -.ti-ruler-pencil:before { - content: "\e615"; -} -.ti-ruler-alt:before { - content: "\e616"; -} -.ti-bookmark:before { - content: "\e617"; -} -.ti-bookmark-alt:before { - content: "\e618"; -} -.ti-reload:before { - content: "\e619"; -} -.ti-plus:before { - content: "\e61a"; -} -.ti-pin:before { - content: "\e61b"; -} -.ti-pencil:before { - content: "\e61c"; -} -.ti-pencil-alt:before { - content: "\e61d"; -} -.ti-paint-roller:before { - content: "\e61e"; -} -.ti-paint-bucket:before { - content: "\e61f"; -} -.ti-na:before { - content: "\e620"; -} -.ti-mobile:before { - content: "\e621"; -} -.ti-minus:before { - content: "\e622"; -} -.ti-medall:before { - content: "\e623"; -} -.ti-medall-alt:before { - content: "\e624"; -} -.ti-marker:before { - content: "\e625"; -} -.ti-marker-alt:before { - content: "\e626"; -} -.ti-arrow-up:before { - content: "\e627"; -} -.ti-arrow-right:before { - content: "\e628"; -} -.ti-arrow-left:before { - content: "\e629"; -} -.ti-arrow-down:before { - content: "\e62a"; -} -.ti-lock:before { - content: "\e62b"; -} -.ti-location-arrow:before { - content: "\e62c"; -} -.ti-link:before { - content: "\e62d"; -} -.ti-layout:before { - content: "\e62e"; -} -.ti-layers:before { - content: "\e62f"; -} -.ti-layers-alt:before { - content: "\e630"; -} -.ti-key:before { - content: "\e631"; -} -.ti-import:before { - content: "\e632"; -} -.ti-image:before { - content: "\e633"; -} -.ti-heart:before { - content: "\e634"; -} -.ti-heart-broken:before { - content: "\e635"; -} -.ti-hand-stop:before { - content: "\e636"; -} -.ti-hand-open:before { - content: "\e637"; -} -.ti-hand-drag:before { - content: "\e638"; -} -.ti-folder:before { - content: "\e639"; -} -.ti-flag:before { - content: "\e63a"; -} -.ti-flag-alt:before { - content: "\e63b"; -} -.ti-flag-alt-2:before { - content: "\e63c"; -} -.ti-eye:before { - content: "\e63d"; -} -.ti-export:before { - content: "\e63e"; -} -.ti-exchange-vertical:before { - content: "\e63f"; -} -.ti-desktop:before { - content: "\e640"; -} -.ti-cup:before { - content: "\e641"; -} -.ti-crown:before { - content: "\e642"; -} -.ti-comments:before { - content: "\e643"; -} -.ti-comment:before { - content: "\e644"; -} -.ti-comment-alt:before { - content: "\e645"; -} -.ti-close:before { - content: "\e646"; -} -.ti-clip:before { - content: "\e647"; -} -.ti-angle-up:before { - content: "\e648"; -} -.ti-angle-right:before { - content: "\e649"; -} -.ti-angle-left:before { - content: "\e64a"; -} -.ti-angle-down:before { - content: "\e64b"; -} -.ti-check:before { - content: "\e64c"; -} -.ti-check-box:before { - content: "\e64d"; -} -.ti-camera:before { - content: "\e64e"; -} -.ti-announcement:before { - content: "\e64f"; -} -.ti-brush:before { - content: "\e650"; -} -.ti-briefcase:before { - content: "\e651"; -} -.ti-bolt:before { - content: "\e652"; -} -.ti-bolt-alt:before { - content: "\e653"; -} -.ti-blackboard:before { - content: "\e654"; -} -.ti-bag:before { - content: "\e655"; -} -.ti-move:before { - content: "\e656"; -} -.ti-arrows-vertical:before { - content: "\e657"; -} -.ti-arrows-horizontal:before { - content: "\e658"; -} -.ti-fullscreen:before { - content: "\e659"; -} -.ti-arrow-top-right:before { - content: "\e65a"; -} -.ti-arrow-top-left:before { - content: "\e65b"; -} -.ti-arrow-circle-up:before { - content: "\e65c"; -} -.ti-arrow-circle-right:before { - content: "\e65d"; -} -.ti-arrow-circle-left:before { - content: "\e65e"; -} -.ti-arrow-circle-down:before { - content: "\e65f"; -} -.ti-angle-double-up:before { - content: "\e660"; -} -.ti-angle-double-right:before { - content: "\e661"; -} -.ti-angle-double-left:before { - content: "\e662"; -} -.ti-angle-double-down:before { - content: "\e663"; -} -.ti-zip:before { - content: "\e664"; -} -.ti-world:before { - content: "\e665"; -} -.ti-wheelchair:before { - content: "\e666"; -} -.ti-view-list:before { - content: "\e667"; -} -.ti-view-list-alt:before { - content: "\e668"; -} -.ti-view-grid:before { - content: "\e669"; -} -.ti-uppercase:before { - content: "\e66a"; -} -.ti-upload:before { - content: "\e66b"; -} -.ti-underline:before { - content: "\e66c"; -} -.ti-truck:before { - content: "\e66d"; -} -.ti-timer:before { - content: "\e66e"; -} -.ti-ticket:before { - content: "\e66f"; -} -.ti-thumb-up:before { - content: "\e670"; -} -.ti-thumb-down:before { - content: "\e671"; -} -.ti-text:before { - content: "\e672"; -} -.ti-stats-up:before { - content: "\e673"; -} -.ti-stats-down:before { - content: "\e674"; -} -.ti-split-v:before { - content: "\e675"; -} -.ti-split-h:before { - content: "\e676"; -} -.ti-smallcap:before { - content: "\e677"; -} -.ti-shine:before { - content: "\e678"; -} -.ti-shift-right:before { - content: "\e679"; -} -.ti-shift-left:before { - content: "\e67a"; -} -.ti-shield:before { - content: "\e67b"; -} -.ti-notepad:before { - content: "\e67c"; -} -.ti-server:before { - content: "\e67d"; -} -.ti-quote-right:before { - content: "\e67e"; -} -.ti-quote-left:before { - content: "\e67f"; -} -.ti-pulse:before { - content: "\e680"; -} -.ti-printer:before { - content: "\e681"; -} -.ti-power-off:before { - content: "\e682"; -} -.ti-plug:before { - content: "\e683"; -} -.ti-pie-chart:before { - content: "\e684"; -} -.ti-paragraph:before { - content: "\e685"; -} -.ti-panel:before { - content: "\e686"; -} -.ti-package:before { - content: "\e687"; -} -.ti-music:before { - content: "\e688"; -} -.ti-music-alt:before { - content: "\e689"; -} -.ti-mouse:before { - content: "\e68a"; -} -.ti-mouse-alt:before { - content: "\e68b"; -} -.ti-money:before { - content: "\e68c"; -} -.ti-microphone:before { - content: "\e68d"; -} -.ti-menu:before { - content: "\e68e"; -} -.ti-menu-alt:before { - content: "\e68f"; -} -.ti-map:before { - content: "\e690"; -} -.ti-map-alt:before { - content: "\e691"; -} -.ti-loop:before { - content: "\e692"; -} -.ti-location-pin:before { - content: "\e693"; -} -.ti-list:before { - content: "\e694"; -} -.ti-light-bulb:before { - content: "\e695"; -} -.ti-Italic:before { - content: "\e696"; -} -.ti-info:before { - content: "\e697"; -} -.ti-infinite:before { - content: "\e698"; -} -.ti-id-badge:before { - content: "\e699"; -} -.ti-hummer:before { - content: "\e69a"; -} -.ti-home:before { - content: "\e69b"; -} -.ti-help:before { - content: "\e69c"; -} -.ti-headphone:before { - content: "\e69d"; -} -.ti-harddrives:before { - content: "\e69e"; -} -.ti-harddrive:before { - content: "\e69f"; -} -.ti-gift:before { - content: "\e6a0"; -} -.ti-game:before { - content: "\e6a1"; -} -.ti-filter:before { - content: "\e6a2"; -} -.ti-files:before { - content: "\e6a3"; -} -.ti-file:before { - content: "\e6a4"; -} -.ti-eraser:before { - content: "\e6a5"; -} -.ti-envelope:before { - content: "\e6a6"; -} -.ti-download:before { - content: "\e6a7"; -} -.ti-direction:before { - content: "\e6a8"; -} -.ti-direction-alt:before { - content: "\e6a9"; -} -.ti-dashboard:before { - content: "\e6aa"; -} -.ti-control-stop:before { - content: "\e6ab"; -} -.ti-control-shuffle:before { - content: "\e6ac"; -} -.ti-control-play:before { - content: "\e6ad"; -} -.ti-control-pause:before { - content: "\e6ae"; -} -.ti-control-forward:before { - content: "\e6af"; -} -.ti-control-backward:before { - content: "\e6b0"; -} -.ti-cloud:before { - content: "\e6b1"; -} -.ti-cloud-up:before { - content: "\e6b2"; -} -.ti-cloud-down:before { - content: "\e6b3"; -} -.ti-clipboard:before { - content: "\e6b4"; -} -.ti-car:before { - content: "\e6b5"; -} -.ti-calendar:before { - content: "\e6b6"; -} -.ti-book:before { - content: "\e6b7"; -} -.ti-bell:before { - content: "\e6b8"; -} -.ti-basketball:before { - content: "\e6b9"; -} -.ti-bar-chart:before { - content: "\e6ba"; -} -.ti-bar-chart-alt:before { - content: "\e6bb"; -} -.ti-back-right:before { - content: "\e6bc"; -} -.ti-back-left:before { - content: "\e6bd"; -} -.ti-arrows-corner:before { - content: "\e6be"; -} -.ti-archive:before { - content: "\e6bf"; -} -.ti-anchor:before { - content: "\e6c0"; -} -.ti-align-right:before { - content: "\e6c1"; -} -.ti-align-left:before { - content: "\e6c2"; -} -.ti-align-justify:before { - content: "\e6c3"; -} -.ti-align-center:before { - content: "\e6c4"; -} -.ti-alert:before { - content: "\e6c5"; -} -.ti-alarm-clock:before { - content: "\e6c6"; -} -.ti-agenda:before { - content: "\e6c7"; -} -.ti-write:before { - content: "\e6c8"; -} -.ti-window:before { - content: "\e6c9"; -} -.ti-widgetized:before { - content: "\e6ca"; -} -.ti-widget:before { - content: "\e6cb"; -} -.ti-widget-alt:before { - content: "\e6cc"; -} -.ti-wallet:before { - content: "\e6cd"; -} -.ti-video-clapper:before { - content: "\e6ce"; -} -.ti-video-camera:before { - content: "\e6cf"; -} -.ti-vector:before { - content: "\e6d0"; -} -.ti-themify-logo:before { - content: "\e6d1"; -} -.ti-themify-favicon:before { - content: "\e6d2"; -} -.ti-themify-favicon-alt:before { - content: "\e6d3"; -} -.ti-support:before { - content: "\e6d4"; -} -.ti-stamp:before { - content: "\e6d5"; -} -.ti-split-v-alt:before { - content: "\e6d6"; -} -.ti-slice:before { - content: "\e6d7"; -} -.ti-shortcode:before { - content: "\e6d8"; -} -.ti-shift-right-alt:before { - content: "\e6d9"; -} -.ti-shift-left-alt:before { - content: "\e6da"; -} -.ti-ruler-alt-2:before { - content: "\e6db"; -} -.ti-receipt:before { - content: "\e6dc"; -} -.ti-pin2:before { - content: "\e6dd"; -} -.ti-pin-alt:before { - content: "\e6de"; -} -.ti-pencil-alt2:before { - content: "\e6df"; -} -.ti-palette:before { - content: "\e6e0"; -} -.ti-more:before { - content: "\e6e1"; -} -.ti-more-alt:before { - content: "\e6e2"; -} -.ti-microphone-alt:before { - content: "\e6e3"; -} -.ti-magnet:before { - content: "\e6e4"; -} -.ti-line-double:before { - content: "\e6e5"; -} -.ti-line-dotted:before { - content: "\e6e6"; -} -.ti-line-dashed:before { - content: "\e6e7"; -} -.ti-layout-width-full:before { - content: "\e6e8"; -} -.ti-layout-width-default:before { - content: "\e6e9"; -} -.ti-layout-width-default-alt:before { - content: "\e6ea"; -} -.ti-layout-tab:before { - content: "\e6eb"; -} -.ti-layout-tab-window:before { - content: "\e6ec"; -} -.ti-layout-tab-v:before { - content: "\e6ed"; -} -.ti-layout-tab-min:before { - content: "\e6ee"; -} -.ti-layout-slider:before { - content: "\e6ef"; -} -.ti-layout-slider-alt:before { - content: "\e6f0"; -} -.ti-layout-sidebar-right:before { - content: "\e6f1"; -} -.ti-layout-sidebar-none:before { - content: "\e6f2"; -} -.ti-layout-sidebar-left:before { - content: "\e6f3"; -} -.ti-layout-placeholder:before { - content: "\e6f4"; -} -.ti-layout-menu:before { - content: "\e6f5"; -} -.ti-layout-menu-v:before { - content: "\e6f6"; -} -.ti-layout-menu-separated:before { - content: "\e6f7"; -} -.ti-layout-menu-full:before { - content: "\e6f8"; -} -.ti-layout-media-right-alt:before { - content: "\e6f9"; -} -.ti-layout-media-right:before { - content: "\e6fa"; -} -.ti-layout-media-overlay:before { - content: "\e6fb"; -} -.ti-layout-media-overlay-alt:before { - content: "\e6fc"; -} -.ti-layout-media-overlay-alt-2:before { - content: "\e6fd"; -} -.ti-layout-media-left-alt:before { - content: "\e6fe"; -} -.ti-layout-media-left:before { - content: "\e6ff"; -} -.ti-layout-media-center-alt:before { - content: "\e700"; -} -.ti-layout-media-center:before { - content: "\e701"; -} -.ti-layout-list-thumb:before { - content: "\e702"; -} -.ti-layout-list-thumb-alt:before { - content: "\e703"; -} -.ti-layout-list-post:before { - content: "\e704"; -} -.ti-layout-list-large-image:before { - content: "\e705"; -} -.ti-layout-line-solid:before { - content: "\e706"; -} -.ti-layout-grid4:before { - content: "\e707"; -} -.ti-layout-grid3:before { - content: "\e708"; -} -.ti-layout-grid2:before { - content: "\e709"; -} -.ti-layout-grid2-thumb:before { - content: "\e70a"; -} -.ti-layout-cta-right:before { - content: "\e70b"; -} -.ti-layout-cta-left:before { - content: "\e70c"; -} -.ti-layout-cta-center:before { - content: "\e70d"; -} -.ti-layout-cta-btn-right:before { - content: "\e70e"; -} -.ti-layout-cta-btn-left:before { - content: "\e70f"; -} -.ti-layout-column4:before { - content: "\e710"; -} -.ti-layout-column3:before { - content: "\e711"; -} -.ti-layout-column2:before { - content: "\e712"; -} -.ti-layout-accordion-separated:before { - content: "\e713"; -} -.ti-layout-accordion-merged:before { - content: "\e714"; -} -.ti-layout-accordion-list:before { - content: "\e715"; -} -.ti-ink-pen:before { - content: "\e716"; -} -.ti-info-alt:before { - content: "\e717"; -} -.ti-help-alt:before { - content: "\e718"; -} -.ti-headphone-alt:before { - content: "\e719"; -} -.ti-hand-point-up:before { - content: "\e71a"; -} -.ti-hand-point-right:before { - content: "\e71b"; -} -.ti-hand-point-left:before { - content: "\e71c"; -} -.ti-hand-point-down:before { - content: "\e71d"; -} -.ti-gallery:before { - content: "\e71e"; -} -.ti-face-smile:before { - content: "\e71f"; -} -.ti-face-sad:before { - content: "\e720"; -} -.ti-credit-card:before { - content: "\e721"; -} -.ti-control-skip-forward:before { - content: "\e722"; -} -.ti-control-skip-backward:before { - content: "\e723"; -} -.ti-control-record:before { - content: "\e724"; -} -.ti-control-eject:before { - content: "\e725"; -} -.ti-comments-smiley:before { - content: "\e726"; -} -.ti-brush-alt:before { - content: "\e727"; -} -.ti-youtube:before { - content: "\e728"; -} -.ti-vimeo:before { - content: "\e729"; -} -.ti-twitter:before { - content: "\e72a"; -} -.ti-time:before { - content: "\e72b"; -} -.ti-tumblr:before { - content: "\e72c"; -} -.ti-skype:before { - content: "\e72d"; -} -.ti-share:before { - content: "\e72e"; -} -.ti-share-alt:before { - content: "\e72f"; -} -.ti-rocket:before { - content: "\e730"; -} -.ti-pinterest:before { - content: "\e731"; -} -.ti-new-window:before { - content: "\e732"; -} -.ti-microsoft:before { - content: "\e733"; -} -.ti-list-ol:before { - content: "\e734"; -} -.ti-linkedin:before { - content: "\e735"; -} -.ti-layout-sidebar-2:before { - content: "\e736"; -} -.ti-layout-grid4-alt:before { - content: "\e737"; -} -.ti-layout-grid3-alt:before { - content: "\e738"; -} -.ti-layout-grid2-alt:before { - content: "\e739"; -} -.ti-layout-column4-alt:before { - content: "\e73a"; -} -.ti-layout-column3-alt:before { - content: "\e73b"; -} -.ti-layout-column2-alt:before { - content: "\e73c"; -} -.ti-instagram:before { - content: "\e73d"; -} -.ti-google:before { - content: "\e73e"; -} -.ti-github:before { - content: "\e73f"; -} -.ti-flickr:before { - content: "\e740"; -} -.ti-facebook:before { - content: "\e741"; -} -.ti-dropbox:before { - content: "\e742"; -} -.ti-dribbble:before { - content: "\e743"; -} -.ti-apple:before { - content: "\e744"; -} -.ti-android:before { - content: "\e745"; -} -.ti-save:before { - content: "\e746"; -} -.ti-save-alt:before { - content: "\e747"; -} -.ti-yahoo:before { - content: "\e748"; -} -.ti-wordpress:before { - content: "\e749"; -} -.ti-vimeo-alt:before { - content: "\e74a"; -} -.ti-twitter-alt:before { - content: "\e74b"; -} -.ti-tumblr-alt:before { - content: "\e74c"; -} -.ti-trello:before { - content: "\e74d"; -} -.ti-stack-overflow:before { - content: "\e74e"; -} -.ti-soundcloud:before { - content: "\e74f"; -} -.ti-sharethis:before { - content: "\e750"; -} -.ti-sharethis-alt:before { - content: "\e751"; -} -.ti-reddit:before { - content: "\e752"; -} -.ti-pinterest-alt:before { - content: "\e753"; -} -.ti-microsoft-alt:before { - content: "\e754"; -} -.ti-linux:before { - content: "\e755"; -} -.ti-jsfiddle:before { - content: "\e756"; -} -.ti-joomla:before { - content: "\e757"; -} -.ti-html5:before { - content: "\e758"; -} -.ti-flickr-alt:before { - content: "\e759"; -} -.ti-email:before { - content: "\e75a"; -} -.ti-drupal:before { - content: "\e75b"; -} -.ti-dropbox-alt:before { - content: "\e75c"; -} -.ti-css3:before { - content: "\e75d"; -} -.ti-rss:before { - content: "\e75e"; -} -.ti-rss-alt:before { - content: "\e75f"; -} diff --git a/src/assets/fonts/nucleo.eot b/src/assets/fonts/nucleo.eot new file mode 100755 index 0000000..8609095 Binary files /dev/null and b/src/assets/fonts/nucleo.eot differ diff --git a/src/assets/fonts/nucleo.ttf b/src/assets/fonts/nucleo.ttf new file mode 100755 index 0000000..2a42417 Binary files /dev/null and b/src/assets/fonts/nucleo.ttf differ diff --git a/src/assets/fonts/nucleo.woff b/src/assets/fonts/nucleo.woff new file mode 100755 index 0000000..20fecf0 Binary files /dev/null and b/src/assets/fonts/nucleo.woff differ diff --git a/src/assets/fonts/nucleo.woff2 b/src/assets/fonts/nucleo.woff2 new file mode 100755 index 0000000..eae6879 Binary files /dev/null and b/src/assets/fonts/nucleo.woff2 differ diff --git a/src/assets/sass/paper/_alerts.scss b/src/assets/sass/paper/_alerts.scss deleted file mode 100644 index bf329ac..0000000 --- a/src/assets/sass/paper/_alerts.scss +++ /dev/null @@ -1,68 +0,0 @@ -.alert { - border: 0; - border-radius: 0; - color: #FFFFFF; - padding: 10px 15px; - font-size: 14px; - - .container & { - border-radius: 4px; - - } - .navbar & { - border-radius: 0; - left: 0; - position: absolute; - right: 0; - top: 85px; - width: 100%; - z-index: 3; - } - .navbar:not(.navbar-transparent) & { - top: 70px; - } - - span[data-notify="icon"] { - font-size: 30px; - display: block; - left: 15px; - position: absolute; - top: 50%; - margin-top: -20px; - } - - .close ~ span { - display: block; - max-width: 89%; - } - - &[data-notify="container"] { - padding: 10px 10px 10px 20px; - border-radius: $border-radius-base; - } - - &.alert-with-icon { - padding-left: 65px; - } -} - -.alert-info { - background-color: $bg-info; - color: $info-states-color; -} - -.alert-success { - background-color: $bg-success; - color: $success-states-color; -} - -.alert-warning { - background-color: $bg-warning; - color: $warning-states-color; -} - -.alert-danger { - background-color: $bg-danger; - color: $danger-states-color; -} - diff --git a/src/assets/sass/paper/_buttons.scss b/src/assets/sass/paper/_buttons.scss deleted file mode 100644 index 8d9cfaf..0000000 --- a/src/assets/sass/paper/_buttons.scss +++ /dev/null @@ -1,220 +0,0 @@ -.btn{ - box-sizing: border-box; - border-width: $border-thick; - font-size: $font-size-small; - font-weight: $font-weight-bold; - padding: .5rem $padding-base-horizontal; - line-height: 1.75; - cursor: pointer; - text-transform: uppercase; - - &.btn-border, - &.btn-link{ - background-color: $transparent-bg; - } - - @include btn-styles($default-color, $default-states-color); - @include transition($fast-transition-time, linear); - - &:hover, - &:focus{ - outline: 0 !important; - @include box-shadow(none); - } - &:active, - &.active, - .open > &.dropdown-toggle { - @include box-shadow(none); - outline: 0 !important; - } - - &[class*="btn-outline-"]{ - background-image: none; - background-color: transparent; - } -} -.btn-just-icon{ - border-radius: $border-radius-btn-large; - height: 40px; - width: 40px; - min-width: 40px; - padding: 8px; - - &.btn-sm{ - padding: 4px !important; - } - i{ - font-size: $font-size-medium; - padding: 2px 0px; - } -} -.upgrade-pro{ - .btn{ - margin-top: 30px; - } -} -.btn-link.btn-just-icon{ - padding: 8px; -} - -.btn-group .btn + .btn, -.btn-group .btn + .btn-group, -.btn-group .btn-group + .btn, -.btn-group .btn-group + .btn-group{ - margin-left: -2px; -} - - -// Apply the mixin to the buttons -.btn-primary { @include btn-styles($primary-color, $primary-states-color); } -.btn-success { @include btn-styles($success-color, $success-states-color); } -.btn-info { @include btn-styles($info-color, $info-states-color); } -.btn-warning { @include btn-styles($warning-color, $warning-states-color); } -.btn-danger { @include btn-styles($danger-color, $danger-states-color); } -.btn-neutral { @include btn-styles($white-color, $default-states-color); } - -.btn-outline-default { @include btn-outline-styles($default-color, $default-states-color); } -.btn-outline-primary { @include btn-outline-styles($primary-color, $primary-states-color); } -.btn-outline-success { @include btn-outline-styles($success-color, $success-states-color); } -.btn-outline-info { @include btn-outline-styles($info-color, $info-states-color); } -.btn-outline-warning { @include btn-outline-styles($warning-color, $warning-states-color); } -.btn-outline-danger { @include btn-outline-styles($danger-color, $danger-states-color); } -.btn-outline-neutral { @include btn-outline-styles($white-color, $default-states-color); - &:hover, - &:focus{ - color: $default-states-color; - background-color: $white-color; - } -} -.btn-neutral { - @include btn-styles($white-color, $white-color); - color: $default-color; - &:hover, - &:focus{ - color: $default-states-color; - } - - &.btn-border{ - &:hover, - &:focus{ - color: $default-color; - } - - &:active, - &.active, - .open > &.dropdown-toggle{ - background-color: $white-color; - color: $default-color; - } - } - - &.btn-link:active, - &.btn-link.active{ - background-color: transparent; - } -} - -.btn{ - &:disabled, - &[disabled], - &.disabled{ - @include opacity(.5); - } -} -.btn-link{ - border-color: transparent !important; - padding: $padding-base-vertical $padding-base-horizontal; - - &:hover, - &:focus, - &:active{ - text-decoration: none; - border-color: transparent; - } - - &.btn-icon{ - padding: $padding-base-vertical; - } -} - -.btn-lg{ - @include btn-size($padding-large-vertical, $padding-large-horizontal, $font-size-base, $line-height-small); -} -.btn-sm{ - @include btn-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small); -} -.btn-wd { - min-width: 140px; -} - -.btn-group.select{ - width: 100%; -} -.btn-group.select .btn{ - text-align: left; -} -.btn-group.select .caret{ - position: absolute; - top: 50%; - margin-top: -1px; - right: 8px; -} -.btn-just-icon{ - &.btn-sm{ - height: 30px; - width: 30px; - min-width: 30px; - padding: 0; - - i{ - font-size: $font-size-small; - - } - } - &.btn-lg{ - height: 50px; - width: 50px; - min-width: 50px; - padding: 13px; - - i{ - font-size: 18px; - padding: 0; - } - - } - -} -.btn-round{ - border-radius: 30px; -} -.btn.btn-link:focus{ - box-shadow: none !important; - text-decoration: none; -} - -.column .btn-link{ - padding: 7px 0; -} -.share-buttons .btn-outline-default{ - margin-top: 24px; -} -#modals .btn-outline-neutral{ - margin-bottom: 10px; -} -.btn-group.select{ - overflow: visible !important; -} -.media{ - .media-body{ - .media-footer{ - .btn-neutral{ - margin: $navbar-margin-btn; - font-size: $font-size-base; - i{ - margin-right: 0 !important; - } - } - } - } -} diff --git a/src/assets/sass/paper/_cards.scss b/src/assets/sass/paper/_cards.scss deleted file mode 100644 index 956bf9b..0000000 --- a/src/assets/sass/paper/_cards.scss +++ /dev/null @@ -1,249 +0,0 @@ -.card { - border-radius: $border-radius-extreme; - box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5); - background-color: #FFFFFF; - color: $card-black-color; - margin-bottom: 20px; - position: relative; - z-index: 1; - border: none; - - .card-image { - width: 100%; - overflow: hidden; - height: 260px; - border-radius: $border-radius-extreme $border-radius-extreme 0 0; - position: relative; - -webkit-transform-style: preserve-3d; - -moz-transform-style: preserve-3d; - transform-style: preserve-3d; - - img { - width: 100%; - } - } - .card-body { - padding: 15px 15px 10px 15px; - } - .card-header { - padding: 20px 20px 0; - border-bottom: 0; - background-color: transparent; - } - .description { - font-size: $font-paragraph; - color: $font-color; - } - - h6 { - font-size: $font-size-small; - margin: 0; - } - .card-category, - label { - font-size: $font-size-base; - font-weight: $font-weight-normal; - color: $dark-gray; - margin-bottom: 0px; - i { - font-size: $font-paragraph; - } - } - - label { - font-size: 15px; - margin-bottom: 5px; - } - - .card-title { - margin: $none; - color: $card-black-color; - font-weight: $font-weight-light; - } - .avatar { - width: 50px; - height: 50px; - overflow: hidden; - border-radius: 50%; - margin-right: 5px; - } - .footer { - padding: 0; - line-height: 30px; - - .legend { - padding: 5px 0; - } - - hr { - margin-top: 5px; - margin-bottom: 5px; - } - } - .stats { - color: #a9a9a9; - font-weight: 300; - i { - margin-right: 2px; - min-width: 15px; - display: inline-block; - } - } - .footer div { - display: inline-block; - } - - .author { - font-size: $font-size-small; - font-weight: $font-weight-bold; - text-transform: uppercase; - } - .author i { - font-size: $font-size-base; - } - - &.card-separator:after { - height: 100%; - right: -15px; - top: 0; - width: 1px; - background-color: $medium-gray; - content: ""; - position: absolute; - } - - .ct-chart { - margin: 30px 0 30px; - height: 245px; - } - - .table { - tbody td:first-child, - thead th:first-child { - padding-left: 15px; - } - - tbody td:last-child, - thead th:last-child { - padding-right: 15px; - } - } - - .alert { - border-radius: $border-radius-base; - position: relative; - - &.alert-with-icon { - padding-left: 65px; - } - } - .icon-big { - font-size: 3em; - min-height: 64px; - } - .numbers { - font-size: 2em; - text-align: right; - p { - margin: 0; - } - } - ul.team-members { - li { - padding: 10px 0px; - &:not(:last-child) { - border-bottom: 1px solid $medium-pale-bg; - } - } - } -} - -.card-user { - .image { - border-radius: 8px 8px 0 0; - height: 150px; - position: relative; - overflow: hidden; - - img { - width: 100%; - } - } - .image-plain { - height: 0; - margin-top: 110px; - } - .author { - text-align: center; - text-transform: none; - margin-top: -65px; - .title { - color: $default-states-color; - small { - color: $card-muted-color; - } - } - } - .avatar { - width: 100px; - height: 100px; - border-radius: 50%; - position: relative; - margin-bottom: 15px; - - &.border-white { - border: 5px solid $white-color; - } - &.border-gray { - border: 5px solid $card-muted-color; - } - } - .card-title { - font-weight: 600; - line-height: 24px; - } - .description { - margin-top: 10px; - } - .card-body { - min-height: 200px; - } - - &.card-plain { - .avatar { - height: 190px; - width: 190px; - } - } -} - -.card-map { - .map { - height: 500px; - padding-top: 20px; - - > div { - height: 100%; - } - } -} - -.card-user, -.card-price { - .card-footer { - padding: 5px 15px 10px; - } - hr { - margin: 5px 15px; - } -} - -.card-plain { - background-color: transparent; - box-shadow: none; - border-radius: 0; - - .image { - border-radius: 4px; - } -} diff --git a/src/assets/sass/paper/_chartist.scss b/src/assets/sass/paper/_chartist.scss deleted file mode 100644 index b71ced2..0000000 --- a/src/assets/sass/paper/_chartist.scss +++ /dev/null @@ -1,230 +0,0 @@ -@mixin ct-responsive-svg-container($width: 100%, $ratio: $ct-container-ratio) { - display: block; - position: relative; - width: $width; - - &:before { - display: block; - float: left; - content: ""; - width: 0; - height: 0; - padding-bottom: $ratio * 100%; - } - - &:after { - content: ""; - display: table; - clear: both; - } - - > svg { - display: block; - position: absolute; - top: 0; - left: 0; - } -} - -@mixin ct-align-justify($ct-text-align: $ct-text-align, $ct-text-justify: $ct-text-justify) { - -webkit-box-align: $ct-text-align; - -webkit-align-items: $ct-text-align; - -ms-flex-align: $ct-text-align; - align-items: $ct-text-align; - -webkit-box-pack: $ct-text-justify; - -webkit-justify-content: $ct-text-justify; - -ms-flex-pack: $ct-text-justify; - justify-content: $ct-text-justify; - // Fallback to text-align for non-flex browsers - @if ($ct-text-justify == 'flex-start') { - text-align: left; - } @else if ($ct-text-justify == 'flex-end') { - text-align: right; - } @else { - text-align: center; - } -} - -@mixin ct-flex() { - // Fallback to block - display: block; - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; -} - -@mixin ct-chart-label($ct-text-color: $ct-text-color, $ct-text-size: $ct-text-size, $ct-text-line-height: $ct-text-line-height) { - fill: $ct-text-color; - color: $ct-text-color; - font-size: $ct-text-size; - line-height: $ct-text-line-height; -} - -@mixin ct-chart-grid($ct-grid-color: $ct-grid-color, $ct-grid-width: $ct-grid-width, $ct-grid-dasharray: $ct-grid-dasharray) { - stroke: $ct-grid-color; - stroke-width: $ct-grid-width; - - @if ($ct-grid-dasharray) { - stroke-dasharray: $ct-grid-dasharray; - } -} - -@mixin ct-chart-point($ct-point-size: $ct-point-size, $ct-point-shape: $ct-point-shape) { - stroke-width: $ct-point-size; - stroke-linecap: $ct-point-shape; -} - -@mixin ct-chart-line($ct-line-width: $ct-line-width, $ct-line-dasharray: $ct-line-dasharray) { - fill: none; - stroke-width: $ct-line-width; - - @if ($ct-line-dasharray) { - stroke-dasharray: $ct-line-dasharray; - } -} - -@mixin ct-chart-area($ct-area-opacity: $ct-area-opacity) { - stroke: none; - fill-opacity: $ct-area-opacity; -} - -@mixin ct-chart-bar($ct-bar-width: $ct-bar-width) { - fill: none; - stroke-width: $ct-bar-width; -} - -@mixin ct-chart-donut($ct-donut-width: $ct-donut-width) { - fill: none; - stroke-width: $ct-donut-width; -} - -@mixin ct-chart-series-color($color) { - .#{$ct-class-point}, .#{$ct-class-line}, .#{$ct-class-bar}, .#{$ct-class-slice-donut} { - stroke: $color; - } - - .#{$ct-class-slice-pie}, .#{$ct-class-area} { - fill: $color; - } -} - -@mixin ct-chart($ct-container-ratio: $ct-container-ratio, $ct-text-color: $ct-text-color, $ct-text-size: $ct-text-size, $ct-grid-color: $ct-grid-color, $ct-grid-width: $ct-grid-width, $ct-grid-dasharray: $ct-grid-dasharray, $ct-point-size: $ct-point-size, $ct-point-shape: $ct-point-shape, $ct-line-width: $ct-line-width, $ct-bar-width: $ct-bar-width, $ct-donut-width: $ct-donut-width, $ct-series-names: $ct-series-names, $ct-series-colors: $ct-series-colors) { - - .#{$ct-class-label} { - @include ct-chart-label($ct-text-color, $ct-text-size); - } - - .#{$ct-class-chart-line} .#{$ct-class-label}, - .#{$ct-class-chart-bar} .#{$ct-class-label} { - @include ct-flex(); - } - - .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} { - @include ct-align-justify(flex-end, flex-start); - // Fallback for browsers that don't support foreignObjects - text-anchor: start; - } - - .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} { - @include ct-align-justify(flex-start, flex-start); - // Fallback for browsers that don't support foreignObjects - text-anchor: start; - } - - .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-start} { - @include ct-align-justify(flex-end, flex-end); - // Fallback for browsers that don't support foreignObjects - text-anchor: end; - } - - .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-end} { - @include ct-align-justify(flex-end, flex-start); - // Fallback for browsers that don't support foreignObjects - text-anchor: start; - } - - .#{$ct-class-chart-bar} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} { - @include ct-align-justify(flex-end, center); - // Fallback for browsers that don't support foreignObjects - text-anchor: start; - } - - .#{$ct-class-chart-bar} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} { - @include ct-align-justify(flex-start, center); - // Fallback for browsers that don't support foreignObjects - text-anchor: start; - } - - .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} { - @include ct-align-justify(flex-end, flex-start); - // Fallback for browsers that don't support foreignObjects - text-anchor: start; - } - - .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} { - @include ct-align-justify(flex-start, flex-start); - // Fallback for browsers that don't support foreignObjects - text-anchor: start; - } - - .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-start} { - //@include ct-chart-label($ct-text-color, $ct-text-size, center, $ct-vertical-text-justify); - @include ct-align-justify(center, flex-end); - // Fallback for browsers that don't support foreignObjects - text-anchor: end; - } - - .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-end} { - @include ct-align-justify(center, flex-start); - // Fallback for browsers that don't support foreignObjects - text-anchor: end; - } - - .#{$ct-class-grid} { - @include ct-chart-grid($ct-grid-color, $ct-grid-width, $ct-grid-dasharray); - } - - .#{$ct-class-point} { - @include ct-chart-point($ct-point-size, $ct-point-shape); - } - - .#{$ct-class-line} { - @include ct-chart-line($ct-line-width); - } - - .#{$ct-class-area} { - @include ct-chart-area(); - } - - .#{$ct-class-bar} { - @include ct-chart-bar($ct-bar-width); - } - - .#{$ct-class-slice-donut} { - @include ct-chart-donut($ct-donut-width); - } - - @if $ct-include-colored-series { - @for $i from 0 to length($ct-series-names) { - .#{$ct-class-series}-#{nth($ct-series-names, $i + 1)} { - $color: nth($ct-series-colors, $i + 1); - - @include ct-chart-series-color($color); - } - } - } -} - -@if $ct-include-classes { - @include ct-chart(); - - @if $ct-include-alternative-responsive-containers { - @for $i from 0 to length($ct-scales-names) { - .#{nth($ct-scales-names, $i + 1)} { - @include ct-responsive-svg-container($ratio: nth($ct-scales, $i + 1)); - } - } - } -} diff --git a/src/assets/sass/paper/_checkbox-radio.scss b/src/assets/sass/paper/_checkbox-radio.scss deleted file mode 100644 index 0ee55c3..0000000 --- a/src/assets/sass/paper/_checkbox-radio.scss +++ /dev/null @@ -1,145 +0,0 @@ -/* Checkbox and radio */ -.checkbox, -.radio { - margin-bottom: 12px; - padding-left: 30px; - position: relative; - -webkit-transition: color, opacity 0.25s linear; - transition: color, opacity 0.25s linear; - font-size: $font-size-base; - font-weight: normal; - line-height: 1.5; - color: $font-color; - cursor: pointer; - - .icons { - color: $font-color; - display: block; - height: 20px; - left: 0; - position: absolute; - top: 0; - width: 20px; - text-align: center; - line-height: 21px; - font-size: 20px; - cursor: pointer; - -webkit-transition: color, opacity 0.15s linear; - transition: color, opacity 0.15s linear; - - opacity: .50; - } - - &.checked { - .icons { - opacity: 1; - } - } - - input { - outline: none !important; - display: none; - } -} - -.checkbox, -.radio { - label { - padding-left: 10px; - } -} - -.checkbox .icons .first-icon, -.radio .icons .first-icon, -.checkbox .icons .second-icon, -.radio .icons .second-icon { - display: inline-table; - position: absolute; - left: 0; - top: 0; - background-color: transparent; - margin: 0; - @include opacity(1); -} - -.checkbox .icons .second-icon, -.radio .icons .second-icon { - @include opacity(0); -} - -.checkbox:hover, -.radio:hover { - -webkit-transition: color 0.2s linear; - transition: color 0.2s linear; -} - -.checkbox:hover .first-icon, -.radio:hover .first-icon { - @include opacity(0); -} - -.checkbox:hover .second-icon, -.radio:hover .second-icon { - @include opacity (1); -} - -.checkbox.checked, -.radio.checked { - // color: $info-color; -} - -.checkbox.checked .first-icon, -.radio.checked .first-icon { - opacity: 0; - filter: alpha(opacity=0); -} - -.checkbox.checked .second-icon, -.radio.checked .second-icon { - opacity: 1; - filter: alpha(opacity=100); - // color: $info-color; - -webkit-transition: color 0.2s linear; - transition: color 0.2s linear; -} - -.checkbox.disabled, -.radio.disabled { - cursor: default; - color: $medium-gray; -} - -.checkbox.disabled .icons, -.radio.disabled .icons { - color: $medium-gray; -} - -.checkbox.disabled .first-icon, -.radio.disabled .first-icon { - opacity: 1; - filter: alpha(opacity=100); -} - -.checkbox.disabled .second-icon, -.radio.disabled .second-icon { - opacity: 0; - filter: alpha(opacity=0); -} - -.checkbox.disabled.checked .icons, -.radio.disabled.checked .icons { - color: $medium-gray; -} - -.checkbox.disabled.checked .first-icon, -.radio.disabled.checked .first-icon { - opacity: 0; - filter: alpha(opacity=0); -} - -.checkbox.disabled.checked .second-icon, -.radio.disabled.checked .second-icon { - opacity: 1; - color: $medium-gray; - filter: alpha(opacity=100); -} diff --git a/src/assets/sass/paper/_dropdown.scss b/src/assets/sass/paper/_dropdown.scss deleted file mode 100644 index 980c414..0000000 --- a/src/assets/sass/paper/_dropdown.scss +++ /dev/null @@ -1,449 +0,0 @@ -.dropdown{ - .dropdown-menu{ - background-color: $pale-bg; - border: 0 none; - border-radius: $border-radius-extreme; - display: block; - margin-top: 10px; - padding: 0px; - position: absolute; - visibility: hidden; - z-index: 1000; - - @include opacity(0); - @include box-shadow($dropdown-shadow); - - .divider{ - background-color: $medium-pale-bg; - margin: 0px; - } - - .dropdown-header{ - color: $dark-gray; - font-size: $font-size-small; - padding: $padding-dropdown-vertical $padding-dropdown-horizontal; - } - - .no-notification{ - color: #9A9A9A; - font-size: 1.2em; - padding: 30px 30px; - text-align: center; - } - - .dropdown-item{ - color: $font-color !important; - font-size: $font-size-base; - padding: 10px 45px 10px 15px; - clear: both; - white-space: nowrap; - width: 100%; - display: block; - &:hover{ - color: $white-color !important; - } - - img{ - margin-top: -3px; - } - - } - .dropdown-item a:focus{ - outline: 0 !important; - } - - .btn-group.select &{ - min-width: 100%; - } - - .dropdown-item:first-child a, - .dropdown-item:first-child{ - border-top-left-radius: $border-radius-extreme; - border-top-right-radius: $border-radius-extreme; - } - - .dropdown-item:last-child a, - .dropdown-item:last-child{ - border-bottom-left-radius: $border-radius-extreme; - border-bottom-right-radius: $border-radius-extreme; - } - - .select & .dropdown-item:first-child{ - border-radius: 0; - border-bottom: 0 none; - } - - .dropdown-item a:hover, - .dropdown-item a:focus{ - color: $white-color; - opacity: 1; - text-decoration: none; - - } - .dropdown-item:hover, - .dropdown-item:focus{ - background-color: $default-color; - } - - &.dropdown-primary .dropdown-item:hover, - &.dropdown-primary .dropdown-item:focus{ - background-color: $bg-primary; - } - &.dropdown-info .dropdown-item:hover, - &.dropdown-info .dropdown-item:focus{ - background-color: $bg-info; - } - &.dropdown-success .dropdown-item:hover, - &.dropdown-success .dropdown-item:focus{ - background-color: $bg-success; - } - &.dropdown-warning .dropdown-item:hover, - &.dropdown-warning .dropdown-item:focus{ - background-color: $bg-warning; - } - &.dropdown-danger .dropdown-item:hover, - &.dropdown-danger .dropdown-item:focus{ - background-color: $bg-danger; - } - - } - .dropdown-divider{ - margin: 0 !important; - } - &:hover{ - cursor: pointer; - } - &.show .dropdown-menu{ - @include opacity(1); - visibility: visible; - } -} - -//fix bug for the select items in btn-group -.btn-group.select{ - // overflow: hidden; -} -.btn-group.select.open{ - overflow: visible; -} -.dropdown-menu-right{ - right: -2px; - left: auto; -} - -// the style for opening dropdowns on mobile devices; for the desktop version check the _responsive.scss file -// code from _responsive.scss - -@media (min-width: 768px){ - .navbar-form { - margin-top: 21px; - margin-bottom: 21px; - padding-left: 5px; - padding-right: 5px; - } - .navbar-search-form{ - display: none; - } - .navbar-nav .dropdown-item .dropdown-menu, - .dropdown .dropdown-menu, - .dropdown-btn .dropdown-menu{ - transform: translate3d(0px, -40px, 0px); - transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.3s ease 0s, height 0s linear 0.35s; - } - .navbar-nav .dropdown-item.show .dropdown-menu, - .dropdown.show .dropdown-menu, - .dropdown-btn.show .dropdown-menu{ - transform: translate3d(0px, 0px, 0px); - visibility: visible !important; - } - .bootstrap-select .dropdown-menu{ - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: all 150ms linear; - -moz-transition: all 150ms linear; - -o-transition: all 150ms linear; - -ms-transition: all 150ms linear; - transition: all 150ms linear; - } - .bootstrap-datetimepicker-widget{ - visibility: visible !important; - @include opacity(1); - } - - .dropup.show .dropdown-menu{ - -webkit-transform: translate3d(0, -10px, 0); - -moz-transform: translate3d(0, -10px, 0); - -o-transform: translate3d(0, -10px, 0); - -ms-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - opacity: 1; - visibility: visible; - } - .dropup .dropdown-menu{ - transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.3s ease 0s, height 0s linear 0.35s; - -webkit-transform: translate3d(0, 30px, 0); - -moz-transform: translate3d(0, 30px, 0); - -o-transform: translate3d(0, 30px, 0); - -ms-transform: translate3d(0, 30px, 0); - transform: translate3d(0, 30px, 0); - opacity: 0; - visibility: hidden; - display: block; - } - - .bootstrap-select .show .dropdown-menu{ - transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.3s ease 0s, height 0s linear 0.35s; - transform: translate3d(0px, 0px, 0px); - } - - .navbar-nav .dropdown-menu:before, - #dropdown-row .dropdown .dropdown-menu:before, - .card.card-just-text .dropdown .dropdown-menu:before, - .card-just-text .dropdown .dropdown-menu:before, - .dropdown-btn .dropdown-menu:before{ - border-bottom: 11px solid $medium-pale-bg; - border-left: 11px solid rgba(0, 0, 0, 0); - border-right: 11px solid rgba(0, 0, 0, 0); - content: ""; - display: inline-block; - position: absolute; - right: 12px; - top: -11px; - } - - #dropdown-row .dropdown .dropdown-menu:before{ - left: 12px !important; - right: auto; - } - .navbar-nav .dropdown-menu:after, - #dropdown-row .dropdown .dropdown-menu:after, - .card.card-just-text .dropdown .dropdown-menu:after, - .card-just-text .dropdown .dropdown-menu:after, - .dropdown-btn .dropdown-menu:after{ - border-bottom: 11px solid $white-color; - border-left: 11px solid rgba(0, 0, 0, 0); - border-right: 11px solid rgba(0, 0, 0, 0); - content: ""; - display: inline-block; - position: absolute; - right: 12px; - top: -10px; - } - #dropdown-row .dropdown .dropdown-menu:after{ - left: 12px !important; - right: auto; - } - #dropdown-row .dropdown .dropdown-menu{ - left: 15px; - } - .navbar-nav.navbar-right li .dropdown-menu:before, - .navbar-nav.navbar-right li .dropdown-menu:after{ - left: auto; - right: 12px; - } - - - .footer:not(.footer-big){ - nav ul{ - li:first-child{ - margin-left: 0; - } - } - } - - // no dragging the others navs in page - body > .navbar-collapse.collapse{ - display: none !important; - } -} - -#navbar { - .dropdown-menu { - .dropdown-item{ - padding: 3px 1.5rem !important; - } - } -} -.dropdown-sharing{ - - li{ - color: $font-color; - font-size: $font-size-base; - - .social-line{ - line-height: 28px; - padding: 10px 20px 5px 20px; - - [class*="icon-"]{ - font-size: 20px; - } - } - } - - li:hover, - li:focus{ - .social-line, - a, - .action-line{ - background-color: $white-color; - color: $font-color; - opacity: 1; - text-decoration: none; - } - } -} -.show .dropdown-sharing{ - margin-bottom: 1px; - li:last-child{ - padding: 10px 15px; - } -} -.show .dropdown-actions{ - margin-bottom: 1px; -} - -.dropdown-actions{ - li{ - margin: -15px 35px; - .action-line{ - padding: 5px 10px; - line-height: 24px; - font-weight: bold; - [class*="icon-"]{ - font-size: 24px; - } - .col-sm-9{ - line-height: 34px; - } - } - .link-danger{ - color: $danger-color; - &:hover, &:active, &:focus{ - color: $danger-color; - } - } - } - li:hover, - li:focus{ - a{ - color: $font-color; - opacity: 1; - text-decoration: none; - } - } - .action-line{ - .icon-simple{ - margin-left: -15px; - } - } -} -.dropup .dropdown-menu:before{ - border-top: 11px solid #DCD9D1; - border-left: 11px solid transparent; - border-right: 11px solid transparent; - content: ""; - display: inline-block; - position: absolute; - right: 12px; - bottom: -12px; -} -.dropup .dropdown-menu:after{ - border-top: 11px solid #FFF; - border-left: 11px solid transparent; - border-right: 11px solid transparent; - content: ""; - display: inline-block; - position: absolute; - right: 12px; - bottom: -11px; -} - -.dropup, -.dropdown{ - .dropdown-toggle:after{ - margin-left: 5px; - } -} - -.dropdown-notification{ - .dropdown-notification-list{ - & li{ - border-bottom: 1px solid #F1EAE0; - color: #66615b; - font-size: 16px; - padding: 10px 5px; - width: 330px; - - & a{ - color: #66615b; - white-space: normal; - - & .notification-text{ - padding-left: 40px; - position: relative; - - & .label{ - display: block; - position: absolute; - top: 50%; - margin-top: -12px; - left: 7px; - } - & .message{ - font-size: 0.9em; - line-height: 0.7; - margin-left: 10px; - } - & .time{ - color: #9A9A9A; - font-size: 0.7em; - margin-left: 10px; - } - } - & .read-notification{ - font-size: 12px; - opacity: 0; - position: absolute; - right: 5px; - top: 50%; - margin-top: -12px; - } - } - &:hover{ - background-color: #F0EFEB; - color: #66615b; - opacity: 1; - text-decoration: none; - - & .read-notification{ - opacity: 1 !important; - } - } - } - } - .dropdown-footer{ - background-color: #E8E7E3; - border-radius: 0 0 8px 8px; - - .dropdown-footer-menu{ - list-style: outside none none; - padding: 0px 5px; - li{ - display: inline-block; - text-align: left; - padding: 0 10px; - - a{ - color: #9C9B99; - font-size: 0.9em; - line-height: 35px; - } - } - } - } -} -.navbar-nav.mr-auto .dropdown-menu:before, -.navbar-nav.mr-auto .dropdown-menu:after{ - left: 12px !important; - right: auto; -} diff --git a/src/assets/sass/paper/_footers.scss b/src/assets/sass/paper/_footers.scss deleted file mode 100644 index d1b169f..0000000 --- a/src/assets/sass/paper/_footers.scss +++ /dev/null @@ -1,41 +0,0 @@ -.footer { - background-attachment: fixed; - position: relative; - line-height: 20px; - nav { - ul { - list-style: none; - margin: 0; - padding: 0; - font-weight: normal; - li { - display: inline-block; - padding: 10px 15px; - margin: 15px 3px; - line-height: 20px; - text-align: center; - } - a:not(.btn) { - color: $font-color; - display: block; - margin-bottom: 3px; - - &:focus, - &:hover { - color: $default-states-color; - } - } - } - } - .copyright { - color: $font-color; - padding: 10px 15px; - font-size: 14px; - white-space: nowrap; - margin: 15px 3px; - line-height: 20px; - } - .heart { - color: $danger-color; - } -} diff --git a/src/assets/sass/paper/_inputs.scss b/src/assets/sass/paper/_inputs.scss deleted file mode 100644 index e98157d..0000000 --- a/src/assets/sass/paper/_inputs.scss +++ /dev/null @@ -1,186 +0,0 @@ -.form-control::-moz-placeholder { - @include placeholder($medium-gray, 1); -} - -.form-control:-moz-placeholder { - @include placeholder($medium-gray, 1); -} - -.form-control::-webkit-input-placeholder { - @include placeholder($medium-gray, 1); -} - -.form-control:-ms-input-placeholder { - @include placeholder($medium-gray, 1); -} - -.form-control { - background-color: $gray-input-bg; - border: medium none; - border-radius: $border-radius-base; - color: $font-color; - font-size: $font-size-base; - transition: background-color 0.3s ease 0s; - @include input-size($padding-base-vertical, $padding-base-horizontal, $height-base); - @include box-shadow(none); - - &:focus { - background-color: $white-bg; - @include box-shadow(none); - outline: 0 !important; - } - - .has-success &, - .has-error &, - .has-success &:focus, - .has-error &:focus { - @include box-shadow(none); - } - - .has-success & { - background-color: $success-input-bg; - color: $success-color; - &.border-input { - border: 1px solid $success-color; - } - } - .has-success &:focus { - background-color: $white-bg; - } - .has-error & { - background-color: $danger-input-bg; - color: $danger-color; - &.border-input { - border: 1px solid $danger-color; - } - } - .has-error &:focus { - background-color: $white-bg; - } - - & + .form-control-feedback { - border-radius: $border-radius-large; - font-size: $font-size-base; - margin-top: -7px; - position: absolute; - right: 10px; - top: 50%; - vertical-align: middle; - } - &.border-input { - border: 1px solid $table-line-color; - } - .open & { - border-bottom-color: transparent; - } -} - -.input-lg { - height: 55px; - padding: $padding-large-vertical $padding-large-horizontal; -} - -.has-error { - .form-control-feedback, .control-label { - color: $danger-color; - } -} - -.has-success { - .form-control-feedback, .control-label { - color: $success-color; - } -} - -.input-group-addon { - background-color: $gray-input-bg; - border: medium none; - border-radius: $border-radius-base; - - .has-success &, - .has-error & { - background-color: $white-color; - } - .has-error .form-control:focus + & { - color: $danger-color; - } - .has-success .form-control:focus + & { - color: $success-color; - } - .form-control:focus + &, - .form-control:focus ~ & { - background-color: $white-color; - } -} - -.border-input { - .input-group-addon { - border: solid 1px $table-line-color; - } -} - -.input-group { - margin-bottom: 15px; -} - -.input-group[disabled] { - .input-group-addon { - background-color: $light-gray; - } -} - -.input-group .form-control:first-child, -.input-group-addon:first-child, -.input-group-btn:first-child > .dropdown-toggle, -.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { - border-right: 0 none; -} - -.input-group .form-control:last-child, -.input-group-addon:last-child, -.input-group-btn:last-child > .dropdown-toggle, -.input-group-btn:first-child > .btn:not(:first-child) { - border-left: 0 none; -} - -.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { - background-color: $light-gray; - cursor: not-allowed; - @include placeholder($dark-gray, 1); -} - -.form-control[disabled]::-moz-placeholder { - @include placeholder($dark-gray, 1); -} - -.form-control[disabled]:-moz-placeholder { - @include placeholder($medium-gray, 1); -} - -.form-control[disabled]::-webkit-input-placeholder { - @include placeholder($medium-gray, 1); -} - -.form-control[disabled]:-ms-input-placeholder { - @include placeholder($medium-gray, 1); -} - -.input-group-btn .btn { - border-width: $border-thin; - padding: $padding-round-vertical $padding-base-horizontal; -} - -.input-group-btn .btn-default:not(.btn-fill) { - border-color: $medium-gray; -} - -.input-group-btn:last-child > .btn { - margin-left: 0; -} - -textarea.form-control { - max-width: 100%; - padding: 10px 18px; - resize: none; -} - diff --git a/src/assets/sass/paper/_misc.scss b/src/assets/sass/paper/_misc.scss deleted file mode 100644 index 7b5028d..0000000 --- a/src/assets/sass/paper/_misc.scss +++ /dev/null @@ -1,159 +0,0 @@ -/* General overwrite */ -body { - color: $font-color; - font-size: $font-size-base; - font-family: 'Muli', Arial, sans-serif; - .wrapper { - min-height: 100vh; - position: relative; - } -} - -a { - color: $info-color; - - &:hover, &:focus { - color: $info-states-color; - text-decoration: none; - } -} - -a:focus, a:active, -button::-moz-focus-inner, -input::-moz-focus-inner, -select::-moz-focus-inner, -input[type="file"] > input[type="button"]::-moz-focus-inner { - outline: 0 !important; -} - -.ui-slider-handle:focus, -.navbar-toggle, -input:focus, -button:focus { - outline: 0 !important; -} - -.navbar.navbar-default { - z-index: 2; -} - -/* Animations */ -.form-control, -.input-group-addon, -.tagsinput, -.navbar, -.navbar .alert { - @include transition($general-transition-time, $transition-linear); -} - -.sidebar .nav a, -.table > tbody > tr .td-actions .btn { - @include transition($fast-transition-time, $transition-ease-in); -} - -.btn { - @include transition($ultra-fast-transition-time, $transition-ease-in); -} - -.fa { - width: 21px; - text-align: center; -} - -.fa-base { - font-size: 1.25em !important; -} - -.margin-top { - margin-top: 50px; -} - -hr { - border-color: $medium-pale-bg; -} - -.wrapper { - position: relative; - top: 0; - height: 100vh; -} - -@media (min-width: 992px) { - .typo-line { - padding-left: 140px; - margin-bottom: 40px; - position: relative; - } - - .typo-line .category { - transform: translateY(-50%); - top: 50%; - left: 0px; - position: absolute; - } -} - -.icon-section { - margin: 0 0 3em; - clear: both; - overflow: hidden; -} - -.icon-container { - width: 240px; - padding: .7em 0; - float: left; - position: relative; - text-align: left; -} - -.icon-container [class^="ti-"], -.icon-container [class*=" ti-"] { - color: #000; - position: absolute; - margin-top: 3px; - transition: .3s; -} - -.icon-container:hover [class^="ti-"], -.icon-container:hover [class*=" ti-"] { - font-size: 2.2em; - margin-top: -5px; -} - -.icon-container:hover .icon-name { - color: #000; -} - -.icon-name { - color: #aaa; - margin-left: 35px; - font-size: .8em; - transition: .3s; -} - -.icon-container:hover .icon-name { - margin-left: 45px; -} - -.places-buttons .btn { - margin-bottom: 30px -} - -.sidebar .nav > li.active-pro { - position: absolute; - width: 100%; - bottom: 10px; -} - -.sidebar .nav > li.active-pro a { - background: rgba(255, 255, 255, 0.14); - opacity: 1; - color: #FFFFFF; -} - -.table-upgrade td:nth-child(2), -.table-upgrade td:nth-child(3) { - text-align: center; -} - diff --git a/src/assets/sass/paper/_mixins.scss b/src/assets/sass/paper/_mixins.scss deleted file mode 100644 index 3753ccd..0000000 --- a/src/assets/sass/paper/_mixins.scss +++ /dev/null @@ -1,13 +0,0 @@ -//Utilities -@import "mixins/transparency"; -@import "mixins/vendor-prefixes"; -//Components -@import "mixins/buttons"; -@import "mixins/inputs"; -@import "mixins/labels"; -@import "mixins/tabs"; -@import "mixins/navbars"; -@import "mixins/icons"; -@import "mixins/cards"; -@import "mixins/chartist"; -@import "mixins/sidebar"; diff --git a/src/assets/sass/paper/_navbars.scss b/src/assets/sass/paper/_navbars.scss deleted file mode 100644 index 0dcf04e..0000000 --- a/src/assets/sass/paper/_navbars.scss +++ /dev/null @@ -1,520 +0,0 @@ -.nav { - .nav-item{ - .nav-link:hover, - .nav-link:focus{ - background-color: transparent; - } - } -} -.navbar{ - border: $none; - font-size: $font-size-base; - transition: all 0.4s; - -webkit-transition: all 0.4s; - padding: 0; - background: $white-color; - box-shadow: 0 6px 10px -4px rgba(0, 0, 0, 0.15); - - &.navbar-light { - background-color: $bg-nude; - box-shadow: none; - border-bottom: 1px solid $medium-gray; - } - .navbar-toggler-right{ - float: right; - } - - .navbar-brand{ - font-weight: $font-weight-bold; - margin: $navbar-margin-brand; - padding: $navbar-padding-brand; - font-size: $font-size-base; - color: $default-color; - text-transform: uppercase; - } - .nav-link{ - i{ - font-size: 16px; - position: relative; - top: 4px; - right: 3px; - } - [class^="fa"]{ - top: 2px; - } - p{ - margin: 0px 0px; - color: #9A9A9A !important; - text-transform: uppercase; - font-weight: 600; - font-size: 12px; - line-height: 1.5em; - padding: 15px 0; - } - p:hover{ - color: #403D39 !important; - } - } - .navbar-nav{ - .nav-item .nav-link { - line-height: 1.6; - margin: $navbar-margin-a; - padding: $navbar-padding-a; - opacity: .8; - font-size: $font-size-small; - text-transform: uppercase; - font-weight: 600; - color: $default-color; - - &:hover{ - color: $font-color; - } - } - .nav-item .nav-link.btn{ - margin: $navbar-margin-a-btn; - padding: 9px; - - } - - .dropdown-menu{ - border-radius: $border-radius-extreme; - margin-top: 1px; - } - } - .navbar-collapse{ - & .nav-item{ - & .nav-link{ - p{ - display: inline; - } - } - & .dropdown-item{ - i{ - margin: 0 10px; - margin: 0 10px 0px 5px; - font-size: 18px; - position: relative; - top: 3px; - } - } - } - &.show{ - & .navbar-nav{ - & .nav-item{ - padding-right: 10px; - } - } - } - } - - .notification-bubble{ - right: 72px; - padding: 0.2em 0.6em; - position: absolute; - top: 15px; - } - .btn{ - margin: $navbar-margin-btn; - font-size: $font-size-small; - i{ - // margin-right: 5px !important; - font-size: 14px; - line-height: 13px; - } - } - .btn-simple{ - font-size: $font-size-medium; - } - .caret{ - @include center-item(); - } - &.navbar-transparent{ - padding-top: 25px; - } - .logo-container{ - margin-top: 5px; - .logo{ - overflow: hidden; - border-radius: 50%; - border: 1px solid #333333; - width: 50px; - float: left; - - img{ - width: 100%; - } - } - .brand{ - font-size: 18px; - color: #FFFFFF; - line-height: 20px; - float: left; - margin-left: 10px; - margin-top: 5px; - width: 75px; - height: 50px; - } - } -} -.navbar.fixed-top{ - .nav-link{ - i{ - top: 4px; - } - } -} -.navbar-absolute{ - position: absolute; - width: 100%; - padding-top: 10px; - z-index: 1029; -} -.navbar-transparent, [class*="bg"]{ - .navbar-brand{ - color: $white-color; - @include opacity(.9); - - &:focus, - &:hover{ - background-color: transparent; - @include opacity(1); - color: $white-color; - } - } - - .navbar-nav{ - .nav-item .nav-link:not(.btn){ - color: $white-color; - border-color: $white-color; - } - .active .nav-link - .active .nav-link:hover, - .active .nav-link:focus, - .nav-item .nav-link:hover, - .nav-item .nav-link:focus{ - background-color: transparent; - color: $white-color; - @include opacity(1); - } - .nav .nav-item a.btn:hover{ - background-color: transparent; - } - - .dropdown .nav-link .caret, - .dropdown .nav-link:hover .caret, - .dropdown .nav-link:focus .caret{ - border-bottom-color: $white-color; - border-top-color: $white-color; - } - - .open .nav-link, - .open .nav-link:hover, - .open .nav-link:focus { - background-color: transparent; - color: $default-color; - @include opacity(1); - } - } - - .btn-default.btn-fill{ - color: $dark-gray; - background-color: $white-color; - @include opacity(.9); - } - .btn-default.btn-fill:hover, - .btn-default.btn-fill:focus, - .btn-default.btn-fill:active, - .btn-default.btn-fill.active, - .open .dropdown-toggle.btn-fill.btn-default{ - border-color: $white-color; - @include opacity(1); - } - -} - -.nav-open .nav .caret{ - border-bottom-color: $white-color; - border-top-color: $white-color; -} - -.navbar-default { - .brand{ - color: $font-color !important; - } - .navbar-nav{ - .nav-item .nav-link:not(.btn){ - color: $dark-gray; - } - - .active .nav-link, - .active .nav-link:not(.btn):hover, - .active .nav-link:not(.btn):focus, - .nav-item .nav-link:not(.btn):hover, - .nav-item .nav-link:not(.btn):focus { - background-color: transparent; - border-radius: 3px; - color: $info-color; - @include opacity(1); - } - - .dropdown .nav-link:hover .caret, - .dropdown .nav-link:focus .caret { - border-bottom-color: $info-color; - border-top-color: $info-color; - - } - - .open .nav-link, - .open .nav-link:hover, - .open .nav-link:focus{ - background-color: transparent; - color: $info-color; - } - - .navbar-toggler:hover,.navbar-toggler:focus { - background-color: transparent; - } - - } - - &:not(.navbar-transparent) .btn-default:hover{ - color: $info-color; - border-color: $info-color; - } - &:not(.navbar-transparent) .btn-neutral, - &:not(.navbar-transparent) .btn-neutral:hover, - &:not(.navbar-transparent) .btn-neutral:active{ - color: $dark-gray; - } -} - -/* Navbar with icons */ - -.navbar-icons{ - &.navbar .navbar-brand{ - margin-top: 12px; - margin-bottom: 12px; - } - .navbar-nav{ - .nav-item .nav-link{ - text-align: center; - padding: 10px; - margin: 10px; - } - - [class^="pe"] { - font-size: 30px; - position: relative; - } - p { - margin: 3px 0 0; - } - } -} - -.navbar-form{ - @include box-shadow(none); - .form-control{ - @include light-form(); - height: 22px; - font-size: $font-size-navbar; - line-height: $line-height-general; - color: $light-gray; - } - .navbar-transparent & .form-control, - [class*="bg"] & .form-control{ - color: $white-color; - border: $none; - border-bottom: 1px solid rgba($white-color,.6); - } - -} - -.navbar-toggler{ - margin-top: 19px; - margin-bottom: 19px; - border: $none; - - .icon-bar { - background-color: $white-color; - } - .navbar-collapse, - .navbar-form { - border-color: transparent; - } - - &.navbar-default .navbar-toggler:hover, - &.navbar-default .navbar-toggler:focus { - background-color: transparent; - } -} - -// stefan making edits - -.navbar-light .navbar-nav .nav-link:hover{ - color: $light-gray; -} - -.red{ - color: #ff0000; -} -.collapse .navbar-text{ - line-height: 55px; -} - -.navbar-default .navbar-brand{ - color: $default-color; -} -.navbar-default .navbar-brand:hover, -.navbar-default .navbar-brand:focus{ - color: #5e5e5e; -} -.navbar-collapse.show{ - .navbar-nav{ - .nav-item{ - padding-right: 100px; - } - } -} -.nav-tabs-navigation{ - &:last-child{ - .nav-stacked{ - border-right: 1px solid #F1EAE0; - font-size: 16px; - font-weight: 600; - padding: 20px 0; - .nav-item{ - .nav-link{ - padding: 7px 25px; - } - } - } - border-bottom: 0 none; - } -} - - -//menu bars - -.navbar-nav > li > .dropdown-menu, -.dropdown .dropdown-menu{ - transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.3s ease 0s, height 0s linear 0.35s; -} - -.navbar-toggler{ - outline: none !important; - cursor: pointer; - - .navbar & .navbar-toggler-bar{ - background: $font-color; - } - - .navbar[class*="bg-"] & .navbar-toggler-bar, - .navbar.navbar-transparent & .navbar-toggler-bar{ - background: #fff; - } - - .navbar-toggler-bar{ - display: block; - position: relative; - width: 24px; - height: 2px; - border-radius: 1px; - margin: 0 auto; - } -} - - -.navbar-toggler .navbar-toggler-bar + .navbar-toggler-bar, -.navbar-toggler .navbar-toggler-icon + .navbar-toggler-icon{ - margin-top: 4px; -} -.navbar .navbar-toggler{ - margin-top: 24px; -} -.navbar .navbar-burger{ - margin-top: 20px; -} -.navbar-toggler-icon{ - display: block; - position: relative; - width: 24px; - height: 2px; - border-radius: 1px; - margin: 0 auto; - background: gray; -} -.no-transition{ - -webkit-transition: none; - -moz-transition: none; - -o-transition: none; - -ms-transition: none; - transition: none; -} -#description-areas .nav-stacked .nav-link.active:before, -#navtabs-row .nav-stacked .nav-link.active:before{ - border-right: 11px solid #F1EAE0; - border-top: 11px solid transparent; - border-bottom: 11px solid transparent; - content: ""; - display: inline-block; - position: absolute; - right: 0; - bottom: 7px; -} -#description-areas .nav-stacked .nav-link.active:after, -#navtabs-row .nav-stacked .nav-link.active:after{ - border-right: 11px solid $white-color; - border-top: 11px solid transparent; - border-bottom: 11px solid transparent; - content: ""; - display: inline-block; - position: absolute; - right: -1px; - bottom: 7px; -} -#second-tabs{ - margin-left: 20px; -} - -// navigation areas - -.scroll-area{ - max-height: 310px; - overflow-y: scroll; - list-style: outside none none; - padding: 0px; -} - -.burger-menu{ - .collapse{ - .navbar-nav{ - a{ - color: $black-color; - } - } - } -} -.navbar-transparent{ - background: transparent !important; - border-bottom: 1px solid transparent; - box-shadow: none; - - .dropdown-menu .divider{ - background-color: rgba($white-color,.2); - } -} -.section-navbars{ - #menu-dropdown{ - .navbar{ - .navbar-toggler{ - .navbar-toggler-icon{ - background: $white-color; - } - } - } - } -} -.nav-no-padding{ - padding-top: 0 !important; -} diff --git a/src/assets/sass/paper/_responsive.scss b/src/assets/sass/paper/_responsive.scss deleted file mode 100644 index 18c65e0..0000000 --- a/src/assets/sass/paper/_responsive.scss +++ /dev/null @@ -1,482 +0,0 @@ -@media (min-width: 992px) { - .navbar { - min-height: 75px; - } - .navbar-nav.nav-mobile-menu{ - display: none; - } - .navbar-form { - margin-top: 21px; - margin-bottom: 21px; - padding-left: 5px; - padding-right: 5px; - } - .navbar-search-form { - display: none; - } - .navbar-nav > li > .dropdown-menu, - .dropdown .dropdown-menu { - transform: translate3d(0px, -40px, 0px); - transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.3s ease 0s, height 0s linear 0.35s; - } - .navbar-nav > li.show > .dropdown-menu, .dropdown.show .dropdown-menu { - transform: translate3d(0px, 0px, 0px); - } - - .navbar-nav > li > .dropdown-menu:before { - border-bottom: 11px solid $medium-pale-bg; - border-left: 11px solid rgba(0, 0, 0, 0); - border-right: 11px solid rgba(0, 0, 0, 0); - content: ""; - display: inline-block; - position: absolute; - right: 12px; - top: -11px; - } - .navbar-nav > li > .dropdown-menu:after { - border-bottom: 11px solid $pale-bg; - border-left: 11px solid rgba(0, 0, 0, 0); - border-right: 11px solid rgba(0, 0, 0, 0); - content: ""; - display: inline-block; - position: absolute; - right: 12px; - top: -10px; - } - - .navbar-nav.navbar-left > li > .dropdown-menu:before { - right: auto; - left: 12px; - } - - .navbar-nav.navbar-left > li > .dropdown-menu:after { - right: auto; - left: 12px; - } - - .navbar { - .navbar-header { - margin-left: 10px; - } - } - - .footer:not(.footer-big) { - nav > ul { - li:first-child { - margin-left: 0; - } - } - } - .card { - form { - [class*="col-"] { - padding: 6px; - } - [class*="col-"]:first-child { - padding-left: 15px; - } - [class*="col-"]:last-child { - padding-right: 15px; - } - } - } -} - -/* Changes for small display */ - -@media (max-width: 991px) { - .nav-open { - .main-panel { - position: absolute; - left: 0; - @include transform-translate-3d(-220px); - @include transition (0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1)); - } - - .wrapper .sidebar { - @include transform-translate-3d(10px); - @include transition (0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1)); - } - } - - .main-panel { - width: 100%; - max-height: 100vh; - overflow: scroll; - @include transform-translate-3d(0px); - @include transition (0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1)); - } - - .navbar-transparent { - padding-top: 15px; - background-color: rgba(0, 0, 0, 0.45); - } - body { - position: relative; - } - h6 { - font-size: 1em; - } - .wrapper { - @include transform-translate-x(0px); - @include transition (0.33s, cubic-bezier(0.685, 0.0473, 0.346, 1)); - left: 0; - background-color: white; - } - .navbar .container { - left: 0; - width: 100%; - @include transition (0.33s, cubic-bezier(0.685, 0.0473, 0.346, 1)); - position: relative; - } - .navbar .navbar-collapse.collapse, - .navbar .navbar-collapse.collapse.in, - .navbar .navbar-collapse.collapsing { - display: none !important; - } - - .navbar-nav > li { - float: none; - position: relative; - display: block; - } - - .wrapper .sidebar { - position: fixed; - display: block; - top: 0; - height: 100%; - width: 230px; - right: 0; - z-index: 1032; - visibility: visible; - background-color: #999; - overflow-y: visible; - border-top: none; - text-align: left; - padding-right: 0px; - padding-left: 0; - left: auto; - @include transform-translate-3d(230px); - @include transition (0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1)); - - .sidebar-wrapper { - position: relative; - z-index: 3; - overflow-y: scroll; - height: 100%; - box-shadow: inset 1px 0px 0px 0px $medium-gray; - } - - .nav { - margin-top: 0; - padding: 10px $margin-base-vertical 0; - - > .nav-item { - - > .nav-link { - margin: 0px 0px; - color: $default-color; - text-transform: uppercase; - font-weight: 600; - font-size: $font-size-small; - line-height: $line-height-general; - padding: 10px 0; - - &:hover, - &.active { - color: $default-states-color; - } - - p, - .notification, - .caret { - display: inline-block; - } - - .caret { - float: right; - position: relative; - top: 12px; - } - - i { - font-size: 18px; - margin-right: 10px; - line-height: 26px; - } - } - - &.active > .nav-link { - - &:before { - border-right: none; - border-left: 12px solid $medium-gray; - border-top: 12px solid transparent; - border-bottom: 12px solid transparent; - right: auto; - margin-left: -$margin-base-vertical; - left: 0px; - top: 10px; - } - - &:after { - border-right: none; - border-left: 12px solid $bg-nude; - border-top: 12px solid transparent; - border-bottom: 12px solid transparent; - right: auto; - margin-left: -$margin-base-vertical; - left: -1px; - top: 10px; - } - } - - } - - } - - &::after { - top: 0; - left: 0; - height: 100%; - width: 100%; - position: absolute; - background-color: $bg-nude; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(112, 112, 112, 0) 60%, rgba(186, 186, 186, 0.15) 100%); - display: block; - content: ""; - z-index: 1; - } - &.has-image::after { - @include black-filter(.8); - } - - .logo { - position: relative; - z-index: 4; - padding-top: 11px; - padding-bottom: 11px; - } - - .divider { - height: 1px; - margin: 10px 0; - } - } - .nav-open .navbar-collapse { - @include transform-translate-x(0px); - } - .nav-open .sidebar { - transition: all .5s cubic-bezier(.685, .0473, .346, 1); - // left: -230px; - } - .nav-open .main-panel { - left: 0; - @include transform-translate-x(-230px); - } - .navbar-toggle .icon-bar { - display: block; - position: relative; - background: #fff; - width: 24px; - height: 2px; - border-radius: 1px; - margin: 0 auto; - } - - .navbar-header .navbar-toggle { - margin: 10px 15px 10px 0; - width: 40px; - height: 40px; - } - .bar1, - .bar2, - .bar3 { - outline: 1px solid transparent; - } - .bar1 { - top: 0px; - @include bar-animation($topbar-back); - } - .bar2 { - opacity: 1; - } - .bar3 { - bottom: 0px; - @include bar-animation($bottombar-back); - } - .toggled .bar1 { - top: 6px; - @include bar-animation($topbar-x); - } - .toggled .bar2 { - opacity: 0; - } - .toggled .bar3 { - bottom: 6px; - @include bar-animation($bottombar-x); - } - - @include topbar-x-rotation(); - @include topbar-back-rotation(); - @include bottombar-x-rotation(); - @include bottombar-back-rotation(); - - @-webkit-keyframes fadeIn { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } - } - @-moz-keyframes fadeIn { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } - } - @keyframes fadeIn { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } - } - - .dropdown-menu .divider { - background-color: rgba(229, 229, 229, 0.15); - } - - .navbar-nav { - margin: 1px 0; - } - - .dropdown-menu { - display: none; - - & > li > a { - &:hover, - &:focus { - background-color: transparent; - } - } - } - - .navbar-fixed-top { - -webkit-backface-visibility: hidden; - } - #bodyClick { - height: 100%; - width: 100%; - position: fixed; - opacity: 0; - top: 0; - left: auto; - right: 230px; - content: ""; - z-index: 9999; - overflow-x: hidden; - } - .form-control + .form-control-feedback { - margin-top: -8px; - } - .navbar-toggle:hover, .navbar-toggle:focus { - background-color: transparent !important; - } - .btn.dropdown-toggle { - margin-bottom: 0; - } - .media-post .author { - width: 20%; - float: none !important; - display: block; - margin: 0 auto 10px; - } - .media-post .media-body { - width: 100%; - } - - .navbar-collapse.collapse { - height: 100% !important; - } - .navbar-collapse.collapse.in { - display: block; - } - .navbar-header .collapse, .navbar-toggle { - display: block !important; - } - .navbar-header { - float: none; - } - .navbar-nav.nav-mobile-menu .dropdown, - .navbar-nav.nav-mobile-menu .dropdown-menu { - transition: none; - &.show { - transition: none; - } - } - .navbar-nav.nav-mobile-menu .show .dropdown-menu { - position: static; - float: none; - width: auto; - margin-top: 0; - background-color: transparent; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - .dropdown-item { - margin-left: 20px; - color: $white-color !important; - opacity: 0.7; - } - } - - .main-panel > .content { - padding-left: 0; - padding-right: 0; - } - .nav .show > a { - &, - &:focus, - &:hover { - background-color: transparent; - } - - } - - .footer .copyright { - padding: 0px 15px; - width: 100%; - } -} - -//overwrite table responsive for 768px screens - -@media (min-width: 992px) { - .table-full-width { - margin-left: -15px; - margin-right: -15px; - } - .table-responsive { - overflow: visible; - } - -} - -@media (max-width: 991px) { - .table-responsive { - width: 100%; - margin-bottom: 15px; - border: 1px solid #dddddd; - overflow-x: scroll; - overflow-y: hidden; - -ms-overflow-style: -ms-autohiding-scrollbar; - -webkit-overflow-scrolling: touch; - } - -} diff --git a/src/assets/sass/paper/_sidebar-and-main-panel.scss b/src/assets/sass/paper/_sidebar-and-main-panel.scss deleted file mode 100644 index 3821f06..0000000 --- a/src/assets/sass/paper/_sidebar-and-main-panel.scss +++ /dev/null @@ -1,196 +0,0 @@ -.wrapper .sidebar { - position: fixed; - top: 0; - bottom: 0; - left: 0; - z-index: 1; - background-size: cover; - background-position: center center; - .sidebar-wrapper { - position: relative; - height: 100%; - overflow-y: auto; - overflow-x: hidden; - width: 260px; - z-index: 4; - box-shadow: inset -1px 0px 0px 0px $medium-gray; - } - .sidebar-background { - position: absolute; - z-index: 1; - height: 100%; - width: 100%; - display: block; - top: 0; - left: 0; - background-size: cover; - background-position: center center; - } - -} - -.wrapper .sidebar { - width: 260px; - display: block; - font-weight: 200; - - .logo { - padding: 13px 0; - margin: 0 20px; - - p { - float: left; - font-size: 20px; - margin: 10px 10px; - line-height: 20px; - } - - .simple-text { - padding: $padding-small-vertical $padding-zero; - display: block; - font-size: $font-size-base; - text-align: center; - font-weight: $font-weight-bold; - line-height: 40px; - text-align: left; - - .logo-img{ - width: 40px; - display: inline-block; - height: 40px; - margin-left: 0px; - margin-right: 10px; - background: white; - border-radius: 40px; - text-align: center; - - img{ - max-width: 21px; - } - } - } - } - - .nav { - //margin-top: 20px; - - .nav-item { - width: 100%; - .nav-link { - margin: 10px 0px; - padding-left: 25px; - padding-right: 25px; - - opacity: .7; - } - - &:hover > .nav-link { - opacity: 1; - } - - &.active > .nav-link { - color: $primary-color; - opacity: 1; - } - } - - p { - margin: 0; - line-height: 30px; - font-size: 12px; - font-weight: 600; - text-transform: uppercase; - } - - i { - font-size: 24px; - float: left; - margin-right: 15px; - line-height: 30px; - width: 30px; - text-align: center; - } - } - - &:after, - &:before { - display: block; - content: ""; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 2; - background: $white-background-color; - } - - &, - &[data-background-color="white"] { - @include sidebar-background-color($white-background-color, $default-color); - } - &[data-background-color="black"] { - @include sidebar-background-color($black-background-color, $white-color); - } - &[data-background-color="darkblue"] { - @include sidebar-background-color($darkblue-background-color, $white-color); - } - - &[data-active-color="primary"] { - @include sidebar-active-color($primary-color); - } - &[data-active-color="info"] { - @include sidebar-active-color($info-color); - } - &[data-active-color="success"] { - @include sidebar-active-color($success-color); - } - &[data-active-color="warning"] { - @include sidebar-active-color($warning-color); - } - &[data-active-color="danger"] { - @include sidebar-active-color($danger-color); - } - -} - -.main-panel { - background-color: $bg-nude; - position: relative; - z-index: 2; - float: right; - width: $sidebar-width; - min-height: 100%; - overflow: auto; - - > .content { - padding: 30px 15px; - min-height: calc(100% - 123px); - } - - > .footer { - border-top: 1px solid rgba(0, 0, 0, 0.1); - } - - .navbar { - margin-bottom: 0; - } -} - -.wrapper .sidebar, -.main-panel { - -webkit-transition-property: top, bottom; - transition-property: top, bottom; - -webkit-transition-duration: .2s, .2s; - transition-duration: .2s, .2s; - -webkit-transition-timing-function: linear, linear; - transition-timing-function: linear, linear; - -webkit-overflow-scrolling: touch; -} - -.wrapper .sidebar { - max-height: 100%; - height: 100%; - overflow: hidden; - overflow-y: hidden; -} diff --git a/src/assets/sass/paper/_tables.scss b/src/assets/sass/paper/_tables.scss deleted file mode 100644 index 8360532..0000000 --- a/src/assets/sass/paper/_tables.scss +++ /dev/null @@ -1,82 +0,0 @@ -.table { - thead, - tbody, - tfoot { - tr > th, - tr > td { - border-top: 1px solid $table-line-color; - } - } - thead th { - border-bottom: 1px solid $table-line-color; - border-top: 0; - } - > thead > tr > th { - border-bottom-width: 0; - font-size: $font-size-h5; - font-weight: $font-weight-light; - } - - .radio, - .checkbox { - margin-top: 0; - margin-bottom: 22px; - padding: 0; - width: 15px; - } - > thead > tr > th, - > tbody > tr > th, - > tfoot > tr > th, - > thead > tr > td, - > tbody > tr > td, - > tfoot > tr > td { - padding: 12px; - vertical-align: middle; - } - - .th-description { - max-width: 150px; - } - .td-price { - font-size: 26px; - font-weight: $font-weight-light; - margin-top: 5px; - text-align: right; - } - .td-total { - font-weight: $font-weight-bold; - font-size: $font-size-h5; - padding-top: 20px; - text-align: right; - } - - .td-actions .btn { - - &.btn-sm, - &.btn-xs { - padding-left: 3px; - padding-right: 3px; - } - } - - > tbody > tr { - position: relative; - } -} - -.table-striped { - tbody > tr:nth-of-type(2n+1) { - background-color: #fff; - } - tbody > tr:nth-of-type(2n) { - background-color: $pale-bg; - } - > thead > tr > th, - > tbody > tr > th, - > tfoot > tr > th, - > thead > tr > td, - > tbody > tr > td, - > tfoot > tr > td { - padding: 15px 8px; - } -} diff --git a/src/assets/sass/paper/_typography.scss b/src/assets/sass/paper/_typography.scss deleted file mode 100644 index 44f4111..0000000 --- a/src/assets/sass/paper/_typography.scss +++ /dev/null @@ -1,140 +0,0 @@ -h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, a, .td-name, td { - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - font-family: 'Muli', "Helvetica", Arial, sans-serif; -} - -h1, .h1, h2, .h2, h3, .h3, h4, .h4 { - font-weight: $font-weight-normal; - margin: $margin-large-vertical 0 $margin-base-vertical; -} - -h1, .h1 { - font-size: $font-size-h1; -} - -h2, .h2 { - font-size: $font-size-h2; -} - -h3, .h3 { - font-size: $font-size-h3; - line-height: 1.4; - margin: 20px 0 10px; -} - -h4, .h4 { - font-size: $font-size-h4; - font-weight: $font-weight-bold; - line-height: 1.2em; -} - -h5, .h5 { - font-size: $font-size-h5; - font-weight: $font-weight-normal; - line-height: 1.4em; - margin-bottom: 15px; -} - -h6, .h6 { - font-size: $font-size-h6; - font-weight: $font-weight-bold; - text-transform: uppercase; -} - -p { - font-size: $font-paragraph; - line-height: $line-height-general; -} - -h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { - color: $dark-gray; - font-weight: $font-weight-light; - line-height: $line-height-general; -} - -h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small { - font-size: 60%; -} - -.title-uppercase { - text-transform: uppercase; -} - -blockquote { - font-style: italic; -} - -blockquote small { - font-style: normal; -} - -.text-muted { - color: $medium-gray; -} - -.text-primary, .text-primary:hover { - color: $primary-states-color; -} - -.text-info, .text-info:hover { - color: $info-states-color; -} - -.text-success, .text-success:hover { - color: $success-states-color; -} - -.text-warning, .text-warning:hover { - color: $warning-states-color; -} - -.text-danger, .text-danger:hover { - color: $danger-states-color; -} - -.glyphicon { - line-height: 1; -} - -strong { - color: $default-states-color; -} - -.icon-primary { - color: $primary-color; -} - -.icon-info { - color: $info-color; -} - -.icon-success { - color: $success-color; -} - -.icon-warning { - color: $warning-color; -} - -.icon-danger { - color: $danger-color; -} - -.chart-legend { - .text-primary, .text-primary:hover { - color: $primary-color; - } - .text-info, .text-info:hover { - color: $info-color; - } - .text-success, .text-success:hover { - color: $success-color; - } - .text-warning, .text-warning:hover { - color: $warning-color; - } - .text-danger, .text-danger:hover { - color: $danger-color; - } -} diff --git a/src/assets/sass/paper/_variables.scss b/src/assets/sass/paper/_variables.scss deleted file mode 100644 index 94a9c6d..0000000 --- a/src/assets/sass/paper/_variables.scss +++ /dev/null @@ -1,254 +0,0 @@ -$font-color: #66615b !default; -$fill-font-color: rgba(255, 255, 255, 0.7); - -$none: 0 !default; -$border-thin: 1px !default; -$border-thick: 2px !default; - -$white-color: #FFFFFF !default; -$white-bg: #FFFFFF !default; - -$smoke-bg: #F5F5F5 !default; -$pale-bg: #FFFCF5 !default; -$medium-pale-bg: #F1EAE0 !default; - -$table-line-color: #CCC5B9 !default; -$muted-color: #a49e93 !default; - -$black-bg: rgba(30, 30, 30, .97) !default; - -$black-color: #333333 !default; -$black-hr: #444444 !default; - -$white-background-color: #FFFFFF !default; -$black-background-color: #212120 !default; -$darkblue-background-color: #35495E !default; // this is the dark blue color from Vue.js branding - -$light-gray: #E3E3E3 !default; -$medium-gray: #DDDDDD !default; -$dark-gray: #9A9A9A !default; - -$gray-input-bg: #fffcf5 !default; -$danger-input-bg: #FFC0A4 !default; -$success-input-bg: #ABF3CB !default; -$other-medium-gray: #A49E93 !default; -$transparent-bg: transparent !default; - -$default-color: #66615B !default; -$default-bg: #66615B !default; -$default-states-color: #403D39 !default; - -$primary-color: #7A9E9F !default; -$primary-bg: #7A9E9F !default; -$primary-states-color: #427C89 !default; - -$success-color: #41B883 !default; // this is the green color from Vue.js branding -$success-bg: #41B883 !default; -$success-states-color: #229863 !default; - -$info-color: #68B3C8 !default; -$info-bg: #68B3C8 !default; -$info-states-color: #3091B2 !default; - -$warning-color: #F3BB45 !default; -$warning-bg: #F3BB45 !default; -$warning-states-color: #BB992F !default; - -$danger-color: #EB5E28 !default; -$danger-bg: #EB5E28 !default; -$danger-states-color: #B33C12 !default; - -$link-disabled-color: #666666 !default; - -/* light colors - used for select dropdown */ - -$light-blue: rgba($primary-color, .2); -$light-azure: rgba($info-color, .2); -$light-green: rgba($success-color, .2); -$light-orange: rgba($warning-color, .2); -$light-red: rgba($danger-color, .2); - -//== Components -// -$padding-base-vertical: 7px !default; -$padding-base-horizontal: 18px !default; - -$padding-round-vertical: 9px !default; -$padding-round-horizontal: 18px !default; - -$padding-simple-vertical: 10px !default; -$padding-simple-horizontal: 18px !default; - -$padding-large-vertical: 11px !default; -$padding-large-horizontal: 30px !default; - -$padding-small-vertical: 4px !default; -$padding-small-horizontal: 10px !default; - -$padding-xs-vertical: 2px !default; -$padding-xs-horizontal: 5px !default; - -$padding-label-vertical: 2px !default; -$padding-label-horizontal: 12px !default; - -// padding for links inside dropdown menu -$padding-dropdown-vertical: 10px !default; -$padding-dropdown-horizontal: 15px !default; - -$margin-large-vertical: 30px !default; -$margin-base-vertical: 15px !default; - -// border radius for buttons -$border-radius-btn-small: 26px !default; -$border-radius-btn-base: 20px !default; -$border-radius-btn-large: 50px !default; - -// Cristina: am schimbat aici si s-au modificat inputurile -$margin-bottom: 0 0 10px 0 !default; -$border-radius-small: 3px !default; -$border-radius-base: 4px !default; -$border-radius-large: 6px !default; -$border-radius-extreme: 6px !default; - -$border-radius-large-top: $border-radius-large $border-radius-large 0 0 !default; -$border-radius-large-bottom: 0 0 $border-radius-large $border-radius-large !default; - -$btn-round-radius: 30px !default; - -$height-base: 40px !default; - -$font-size-base: 14px !default; -$font-size-xs: 12px !default; -$font-size-small: 12px !default; -$font-size-medium: 16px !default; -$font-size-large: 18px !default; -$font-size-large-navbar: 20px !default; - -$font-size-h1: 3.2em !default; -$font-size-h2: 2.6em !default; -$font-size-h3: 1.825em !default; -$font-size-h4: 1.5em !default; -$font-size-h5: 1.25em !default; -$font-size-h6: 0.9em !default; -$font-paragraph: 16px !default; -$font-size-navbar: 16px !default; -$font-size-small: 12px !default; - -$font-weight-light: 300 !default; -$font-weight-normal: 400 !default; -$font-weight-semi: 500 !default; -$font-weight-bold: 600 !default; - -$line-height-small: 20px !default; -$line-height-general: 1.4em !default; -$line-height: 36px !default; -$line-height-lg: 54px !default; - -$border-radius-top: 10px 10px 0 0 !default; -$border-radius-bottom: 0 0 10px 10px !default; - -$dropdown-shadow: 0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(17, 16, 15, 0.1); - -$general-transition-time: 300ms !default; - -$slow-transition-time: 300ms !default; -$dropdown-coordinates: 29px -50px !default; - -$fast-transition-time: 150ms !default; -$select-coordinates: 50% -40px !default; - -$transition-linear: linear !default; -$transition-bezier: cubic-bezier(0.34, 1.61, 0.7, 1) !default; -$transition-ease: ease 0s; - -$navbar-padding-a: 10px 15px; -$navbar-margin-a: 15px 0px; - -$padding-social-a: 10px 5px; - -$navbar-margin-a-btn: 15px 3px; -$navbar-margin-a-btn-round: 16px 3px; - -$navbar-padding-brand: 20px 15px; -$navbar-margin-brand: 5px 0px; - -$navbar-margin-brand-icons: 12px auto; - -$navbar-margin-btn: 15px 3px; - -$height-icon: 64px !default; -$width-icon: 64px !default; -$padding-icon: 12px !default; -$border-radius-icon: 15px !default; - -$white-navbar: rgba(#FFFFFF, .96); -$blue-navbar: rgba(#34ACDC, .98); -$azure-navbar: rgba(#5BCAFF, .98); -$green-navbar: rgba(#4CD964, .98); -$orange-navbar: rgba(#FF9500, .98); -$red-navbar: rgba(#FF4C40, .98); - -$bg-nude: #f4f3ef !default; -$bg-primary: #8ECFD5 !default; -$bg-info: #7CE4FE !default; -$bg-success: #8EF3C5 !default; -$bg-warning: #FFE28C !default; -$bg-danger: #FF8F5E !default; - -$topbar-x: topbar-x !default; -$topbar-back: topbar-back !default; -$bottombar-x: bottombar-x !default; -$bottombar-back: bottombar-back !default; - -$transition-linear: linear !default; -$transition-bezier: cubic-bezier(0.34, 1.61, 0.7, 1) !default; -$transition-ease: ease 0s; -$transition-ease-in: ease-in !default; -$transition-ease-out: ease-out !default; - -$general-transition-time: 300ms !default; - -$slow-transition-time: 370ms !default; -$dropdown-coordinates: 29px -50px !default; - -$fast-transition-time: 150ms !default; - -$ultra-fast-transition-time: 100ms !default; - -$select-coordinates: 50% -40px !default; - -$padding-zero: 0px !default; - -$sidebar-width: calc(100% - 260px) !default; -$medium-dark-gray: #AAAAAA !default; - -//variables used in cards -$card-black-color: #252422 !default; -$card-muted-color: #ccc5b9 !default; - -//variables used for sidebar -$sidebar-background-dark-blue: #506367; - -$sidebar-background-blue: #b8d8d8 !default; -$sidebar-font-blue: #506568 !default; -$sidebar-subtitle-blue: #7a9e9f !default; - -$sidebar-background-green: #d5e5a3 !default; -$sidebar-font-green: #60773d !default; -$sidebar-subtitle-green: #92ac56 !default; - -$sidebar-background-yellow: #ffe28c !default; -$sidebar-font-yellow: #b25825 !default; -$sidebar-subtitle-yellow: #d88715 !default; - -$sidebar-background-brown: #d6c1ab !default; -$sidebar-font-brown: #75442e !default; -$sidebar-subtitle-brown: #a47e65 !default; - -$sidebar-background-purple: #baa9ba !default; -$sidebar-font-purple: #3a283d !default; -$sidebar-subtitle-purple: #5a283d !default; - -$sidebar-background-orange: #ff8f5e !default; -$sidebar-font-orange: #772510 !default; -$sidebar-subtitle-orange: #e95e37 !default; diff --git a/src/assets/sass/paper/mixins/_buttons.scss b/src/assets/sass/paper/mixins/_buttons.scss deleted file mode 100644 index e88528b..0000000 --- a/src/assets/sass/paper/mixins/_buttons.scss +++ /dev/null @@ -1,90 +0,0 @@ -// Mixin for generating new styles -@mixin btn-styles($btn-color, $btn-states-color) { - background-color: $btn-color; - border-color: $btn-color; - color: $white-color; - @include opacity(1); - - &:hover, - &:focus, - &:active, - &.active, - .show > &.dropdown-toggle{ - background-color: $btn-states-color; - color: $white-color; - border-color: $btn-states-color; - } - - .caret{ - border-top-color: $white-color; - } - - &.btn-link { - color: $btn-color; - - &:hover, - &:focus, - &:active, - &.active, - .open > &.dropdown-toggle{ - background-color: $transparent-bg; - color: $btn-states-color; - } - - .caret{ - border-top-color: $btn-color; - } - } - - .caret{ - border-top-color: $white-color; - } -} - -@mixin btn-outline-styles($btn-color, $btn-states-color){ - border-color: $btn-color; - color: $btn-color; - @include opacity(1); - - &:hover, - &:focus, - &:active, - &.active, - .open > &.dropdown-toggle { - background-color: $btn-color; - color: $fill-font-color; - border-color: $btn-color; - .caret{ - border-top-color: $fill-font-color; - } - } - - .caret{ - border-top-color: $white-color; - } - - &.disabled, - &:disabled, - &[disabled], - fieldset[disabled] & { - &, - &:hover, - &:focus, - &.focus, - &:active, - &.active { - background-color: $transparent-bg; - border-color: $btn-color; - } - } -} - -@mixin btn-size($padding-vertical, $padding-horizontal, $font-size, $line-height){ - font-size: $font-size; - padding: $padding-vertical $padding-horizontal; - - &.btn-simple{ - padding: $padding-vertical + 2 $padding-horizontal; - } - -} diff --git a/src/assets/sass/paper/mixins/_cards.scss b/src/assets/sass/paper/mixins/_cards.scss deleted file mode 100644 index 6ef527e..0000000 --- a/src/assets/sass/paper/mixins/_cards.scss +++ /dev/null @@ -1,8 +0,0 @@ -@mixin filter($color) { - @if $color == #FFFFFF { - background-color: rgba($color, .91); - } @else { - background-color: rgba($color, .69); - } -} - diff --git a/src/assets/sass/paper/mixins/_chartist.scss b/src/assets/sass/paper/mixins/_chartist.scss deleted file mode 100644 index 100f7d9..0000000 --- a/src/assets/sass/paper/mixins/_chartist.scss +++ /dev/null @@ -1,107 +0,0 @@ -// Scales for responsive SVG containers -$ct-scales: ((1), (15/16), (8/9), (5/6), (4/5), (3/4), (2/3), (5/8), (1/1.618), (3/5), (9/16), (8/15), (1/2), (2/5), (3/8), (1/3), (1/4)) !default; -$ct-scales-names: (ct-square, ct-minor-second, ct-major-second, ct-minor-third, ct-major-third, ct-perfect-fourth, ct-perfect-fifth, ct-minor-sixth, ct-golden-section, ct-major-sixth, ct-minor-seventh, ct-major-seventh, ct-octave, ct-major-tenth, ct-major-eleventh, ct-major-twelfth, ct-double-octave) !default; - -// Class names to be used when generating CSS -$ct-class-chart: ct-chart !default; -$ct-class-chart-line: ct-chart-line !default; -$ct-class-chart-bar: ct-chart-bar !default; -$ct-class-horizontal-bars: ct-horizontal-bars !default; -$ct-class-chart-pie: ct-chart-pie !default; -$ct-class-chart-donut: ct-chart-donut !default; -$ct-class-label: ct-label !default; -$ct-class-series: ct-series !default; -$ct-class-line: ct-line !default; -$ct-class-point: ct-point !default; -$ct-class-area: ct-area !default; -$ct-class-bar: ct-bar !default; -$ct-class-slice-pie: ct-slice-pie !default; -$ct-class-slice-donut: ct-slice-donut !default; -$ct-class-grid: ct-grid !default; -$ct-class-vertical: ct-vertical !default; -$ct-class-horizontal: ct-horizontal !default; -$ct-class-start: ct-start !default; -$ct-class-end: ct-end !default; - -// Container ratio -$ct-container-ratio: (1/1.618) !default; - -// Text styles for labels -$ct-text-color: rgba(0, 0, 0, 0.4) !default; -$ct-text-size: 0.9em !default; -$ct-text-align: flex-start !default; -$ct-text-justify: flex-start !default; -$ct-text-line-height: 1; - -// Grid styles -$ct-grid-color: rgba(0, 0, 0, 0.2) !default; -$ct-grid-dasharray: 2px !default; -$ct-grid-width: 1px !default; - -// Line chart properties -$ct-line-width: 4px !default; -$ct-line-dasharray: false !default; -$ct-point-size: 10px !default; -// Line chart point, can be either round or square -$ct-point-shape: round !default; -// Area fill transparency between 0 and 1 -$ct-area-opacity: 0.7 !default; - -// Bar chart bar width -$ct-bar-width: 10px !default; - -// Donut width (If donut width is to big it can cause issues where the shape gets distorted) -$ct-donut-width: 60px !default; - -// If set to true it will include the default classes and generate CSS output. If you're planning to use the mixins you -// should set this property to false -$ct-include-classes: true !default; - -// If this is set to true the CSS will contain colored series. You can extend or change the color with the -// properties below -$ct-include-colored-series: $ct-include-classes !default; - -// If set to true this will include all responsive container variations using the scales defined at the top of the script -$ct-include-alternative-responsive-containers: $ct-include-classes !default; - -// Series names and colors. This can be extended or customized as desired. Just add more series and colors. -$ct-series-names: (a, b, c, d, e, f, g, h, i, j, k, l, m, n, o) !default; -$ct-series-colors: ( - $info-color, - $warning-color, - $danger-color, - $success-color, - $primary-color, - rgba($info-color, .8), - rgba($success-color, .8), - rgba($warning-color, .8), - rgba($danger-color, .8), - rgba($primary-color, .8), - rgba($info-color, .6), - rgba($success-color, .6), - rgba($warning-color, .6), - rgba($danger-color, .6), - rgba($primary-color, .6) -) !default; - -// Black Kit Colors - -.ct-blue { - stroke: $primary-color !important; -} - -.ct-azure { - stroke: $info-color !important; -} - -.ct-green { - stroke: $success-color !important; -} - -.ct-orange { - stroke: $warning-color !important; -} - -.ct-red { - stroke: $danger-color !important; -} diff --git a/src/assets/sass/paper/mixins/_icons.scss b/src/assets/sass/paper/mixins/_icons.scss deleted file mode 100644 index 854d2e2..0000000 --- a/src/assets/sass/paper/mixins/_icons.scss +++ /dev/null @@ -1,13 +0,0 @@ -@mixin icon-background($icon-url) { - background-image: url($icon-url); - -} - -@mixin icon-shape($size, $padding, $border-radius) { - height: $size; - width: $size; - padding: $padding; - border-radius: $border-radius; - display: inline-table; - -} diff --git a/src/assets/sass/paper/mixins/_inputs.scss b/src/assets/sass/paper/mixins/_inputs.scss deleted file mode 100644 index 2c96576..0000000 --- a/src/assets/sass/paper/mixins/_inputs.scss +++ /dev/null @@ -1,17 +0,0 @@ -@mixin input-size($padding-vertical, $padding-horizontal, $height) { - padding: $padding-vertical $padding-horizontal; - height: $height; -} - -@mixin placeholder($color, $opacity) { - color: $color; - @include opacity(1); -} - -@mixin light-form() { - border-radius: 0; - border: 0; - padding: 0; - background-color: transparent; - -} diff --git a/src/assets/sass/paper/mixins/_labels.scss b/src/assets/sass/paper/mixins/_labels.scss deleted file mode 100644 index f356955..0000000 --- a/src/assets/sass/paper/mixins/_labels.scss +++ /dev/null @@ -1,22 +0,0 @@ -@mixin label-style() { - padding: $padding-label-vertical $padding-label-horizontal; - border: 1px solid $default-color; - border-radius: $border-radius-small; - color: $default-color; - font-weight: $font-weight-semi; - font-size: $font-size-small; - text-transform: uppercase; - display: inline-block; - vertical-align: middle; -} - -@mixin label-color($color) { - border-color: $color; - color: $color; -} - -@mixin label-color-fill($color) { - border-color: $color; - color: $white-color; - background-color: $color; -} diff --git a/src/assets/sass/paper/mixins/_navbars.scss b/src/assets/sass/paper/mixins/_navbars.scss deleted file mode 100644 index 5c33125..0000000 --- a/src/assets/sass/paper/mixins/_navbars.scss +++ /dev/null @@ -1,11 +0,0 @@ -@mixin navbar-color($color) { - background-color: $color; -} - -@mixin center-item() { - left: 0; - right: 0; - margin-right: auto; - margin-left: auto; - position: absolute; -} diff --git a/src/assets/sass/paper/mixins/_sidebar.scss b/src/assets/sass/paper/mixins/_sidebar.scss deleted file mode 100644 index dc479f3..0000000 --- a/src/assets/sass/paper/mixins/_sidebar.scss +++ /dev/null @@ -1,60 +0,0 @@ -@mixin sidebar-background-color($background-color, $font-color) { - &:after, - &:before { - background-color: $background-color; - } - - #style-3::-webkit-scrollbar-track - { - -webkit-box-shadow: inset 0 0 6px $background-color; - background-color: $background-color; - } - - #style-3::-webkit-scrollbar - { - width: 6px; - background-color: $font-color; - } - - #style-3::-webkit-scrollbar-thumb - { - background-color: $background-color; - } - - - .logo { - border-bottom: 1px solid rgba($font-color, .3); - - p { - color: $font-color; - } - - .simple-text { - color: $font-color; - } - } - - .nav { - .nav-item:not(.active) { - > .nav-link { - color: $font-color; - } - } - .divider { - background-color: rgba($font-color, .2); - } - - } - -} - -@mixin sidebar-active-color($font-color) { - .nav { - .nav-item { - &.active > .nav-link { - color: $font-color; - opacity: 1; - } - } - } -} diff --git a/src/assets/sass/paper/mixins/_tabs.scss b/src/assets/sass/paper/mixins/_tabs.scss deleted file mode 100644 index 5c72e9e..0000000 --- a/src/assets/sass/paper/mixins/_tabs.scss +++ /dev/null @@ -1,4 +0,0 @@ -@mixin pill-style($color) { - border: 1px solid $color; - color: $color; -} diff --git a/src/assets/sass/paper/mixins/_transparency.scss b/src/assets/sass/paper/mixins/_transparency.scss deleted file mode 100644 index 0b062e9..0000000 --- a/src/assets/sass/paper/mixins/_transparency.scss +++ /dev/null @@ -1,20 +0,0 @@ -// Opacity - -@mixin opacity($opacity) { - opacity: $opacity; - // IE8 filter - $opacity-ie: ($opacity * 100); - filter: #{alpha(opacity=$opacity-ie)}; -} - -@mixin black-filter($opacity) { - top: 0; - left: 0; - height: 100%; - width: 100%; - position: absolute; - background-color: rgba(17, 17, 17, $opacity); - display: block; - content: ""; - z-index: 1; -} diff --git a/src/assets/sass/paper/mixins/_vendor-prefixes.scss b/src/assets/sass/paper/mixins/_vendor-prefixes.scss deleted file mode 100644 index d55fdaf..0000000 --- a/src/assets/sass/paper/mixins/_vendor-prefixes.scss +++ /dev/null @@ -1,324 +0,0 @@ -// User select -// For selecting text on the page - -@mixin user-select($select) { - -webkit-user-select: $select; - -moz-user-select: $select; - -ms-user-select: $select; // IE10+ - user-select: $select; -} - -@mixin box-shadow($shadow...) { - -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1 - box-shadow: $shadow; -} - -// Box sizing -@mixin box-sizing($boxmodel) { - -webkit-box-sizing: $boxmodel; - -moz-box-sizing: $boxmodel; - box-sizing: $boxmodel; -} - -@mixin transition($time, $type) { - -webkit-transition: all $time $type; - -moz-transition: all $time $type; - -o-transition: all $time $type; - -ms-transition: all $time $type; - transition: all $time $type; -} - -@mixin transition-none() { - -webkit-transition: none; - -moz-transition: none; - -o-transition: none; - -ms-transition: none; - transition: none; -} - -@mixin transform-scale($value) { - -webkit-transform: scale($value); - -moz-transform: scale($value); - -o-transform: scale($value); - -ms-transform: scale($value); - transform: scale($value); -} - -@mixin transform-translate-x($value) { - -webkit-transform: translate3d($value, 0, 0); - -moz-transform: translate3d($value, 0, 0); - -o-transform: translate3d($value, 0, 0); - -ms-transform: translate3d($value, 0, 0); - transform: translate3d($value, 0, 0); -} - -@mixin transform-translate-3d($value){ - -webkit-transform: translate3d($value, 0, 0); - -moz-transform: translate3d($value, 0, 0); - -o-transform: translate3d($value, 0, 0); - -ms-transform: translate3d($value, 0, 0); - transform: translate3d($value, 0, 0) !important; -} - -@mixin transform-origin($coordinates) { - -webkit-transform-origin: $coordinates; - -moz-transform-origin: $coordinates; - -o-transform-origin: $coordinates; - -ms-transform-origin: $coordinates; - transform-origin: $coordinates; -} - -@mixin icon-gradient($top-color, $bottom-color) { - background: $top-color; - background: -moz-linear-gradient(top, $top-color 0%, $bottom-color 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $top-color), color-stop(100%, $bottom-color)); - background: -webkit-linear-gradient(top, $top-color 0%, $bottom-color 100%); - background: -o-linear-gradient(top, $top-color 0%, $bottom-color 100%); - background: -ms-linear-gradient(top, $top-color 0%, $bottom-color 100%); - background: linear-gradient(to bottom, $top-color 0%, $bottom-color 100%); - background-size: 150% 150%; -} - -@mixin radial-gradient($extern-color, $center-color) { - background: $extern-color; - background: -moz-radial-gradient(center, ellipse cover, $center-color 0%, $extern-color 100%); /* FF3.6+ */ - background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, $center-color), color-stop(100%, $extern-color)); /* Chrome,Safari4+ */ - background: -webkit-radial-gradient(center, ellipse cover, $center-color 0%, $extern-color 100%); /* Chrome10+,Safari5.1+ */ - background: -o-radial-gradient(center, ellipse cover, $center-color 0%, $extern-color 100%); /* Opera 12+ */ - background: -ms-radial-gradient(center, ellipse cover, $center-color 0%, $extern-color 100%); /* IE10+ */ - background: radial-gradient(ellipse at center, $center-color 0%, $extern-color 100%); /* W3C */ - background-size: 550% 450%; -} - -@mixin vertical-align { - position: relative; - top: 50%; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); -} - -@mixin rotate-180() { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); -} - -@mixin bar-animation($type) { - -webkit-animation: $type 500ms linear 0s; - -moz-animation: $type 500ms linear 0s; - animation: $type 500ms 0s; - -webkit-animation-fill-mode: forwards; - -moz-animation-fill-mode: forwards; - animation-fill-mode: forwards; -} - -@mixin topbar-x-rotation() { - @keyframes topbar-x { - 0% { - top: 0px; - transform: rotate(0deg); - } - 45% { - top: 6px; - transform: rotate(145deg); - } - 75% { - transform: rotate(130deg); - } - 100% { - transform: rotate(135deg); - } - } - @-webkit-keyframes topbar-x { - 0% { - top: 0px; - -webkit-transform: rotate(0deg); - } - 45% { - top: 6px; - -webkit-transform: rotate(145deg); - } - 75% { - -webkit-transform: rotate(130deg); - } - 100% { - -webkit-transform: rotate(135deg); - } - } - @-moz-keyframes topbar-x { - 0% { - top: 0px; - -moz-transform: rotate(0deg); - } - 45% { - top: 6px; - -moz-transform: rotate(145deg); - } - 75% { - -moz-transform: rotate(130deg); - } - 100% { - -moz-transform: rotate(135deg); - } - } -} - -@mixin topbar-back-rotation() { - @keyframes topbar-back { - 0% { - top: 6px; - transform: rotate(135deg); - } - 45% { - transform: rotate(-10deg); - } - 75% { - transform: rotate(5deg); - } - 100% { - top: 0px; - transform: rotate(0); - } - } - - @-webkit-keyframes topbar-back { - 0% { - top: 6px; - -webkit-transform: rotate(135deg); - } - 45% { - -webkit-transform: rotate(-10deg); - } - 75% { - -webkit-transform: rotate(5deg); - } - 100% { - top: 0px; - -webkit-transform: rotate(0); - } - } - - @-moz-keyframes topbar-back { - 0% { - top: 6px; - -moz-transform: rotate(135deg); - } - 45% { - -moz-transform: rotate(-10deg); - } - 75% { - -moz-transform: rotate(5deg); - } - 100% { - top: 0px; - -moz-transform: rotate(0); - } - } -} - -@mixin bottombar-x-rotation() { - @keyframes bottombar-x { - 0% { - bottom: 0px; - transform: rotate(0deg); - } - 45% { - bottom: 6px; - transform: rotate(-145deg); - } - 75% { - transform: rotate(-130deg); - } - 100% { - transform: rotate(-135deg); - } - } - @-webkit-keyframes bottombar-x { - 0% { - bottom: 0px; - -webkit-transform: rotate(0deg); - } - 45% { - bottom: 6px; - -webkit-transform: rotate(-145deg); - } - 75% { - -webkit-transform: rotate(-130deg); - } - 100% { - -webkit-transform: rotate(-135deg); - } - } - @-moz-keyframes bottombar-x { - 0% { - bottom: 0px; - -moz-transform: rotate(0deg); - } - 45% { - bottom: 6px; - -moz-transform: rotate(-145deg); - } - 75% { - -moz-transform: rotate(-130deg); - } - 100% { - -moz-transform: rotate(-135deg); - } - } -} - -@mixin bottombar-back-rotation { - @keyframes bottombar-back { - 0% { - bottom: 6px; - transform: rotate(-135deg); - } - 45% { - transform: rotate(10deg); - } - 75% { - transform: rotate(-5deg); - } - 100% { - bottom: 0px; - transform: rotate(0); - } - } - @-webkit-keyframes bottombar-back { - 0% { - bottom: 6px; - -webkit-transform: rotate(-135deg); - } - 45% { - -webkit-transform: rotate(10deg); - } - 75% { - -webkit-transform: rotate(-5deg); - } - 100% { - bottom: 0px; - -webkit-transform: rotate(0); - } - } - @-moz-keyframes bottombar-back { - 0% { - bottom: 6px; - -moz-transform: rotate(-135deg); - } - 45% { - -moz-transform: rotate(10deg); - } - 75% { - -moz-transform: rotate(-5deg); - } - 100% { - bottom: 0px; - -moz-transform: rotate(0); - } - } - -} - - diff --git a/src/components/SidebarPlugin/SideBar.vue b/src/components/SidebarPlugin/SideBar.vue index f4dc756..9c94d00 100644 --- a/src/components/SidebarPlugin/SideBar.vue +++ b/src/components/SidebarPlugin/SideBar.vue @@ -11,7 +11,7 @@