You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
136 lines
3.0 KiB
SCSS
136 lines
3.0 KiB
SCSS
11 months ago
|
/*!
|
||
|
|
* bootstrap-fileinput v4.4.9
|
||
|
|
* http://plugins.krajee.com/file-input
|
||
|
|
*
|
||
|
|
* Krajee RTL (Right To Left) default styling for bootstrap-fileinput.
|
||
|
|
*
|
||
|
|
* Author: Kartik Visweswaran
|
||
|
|
* Copyright: 2014 - 2018, Kartik Visweswaran, Krajee.com
|
||
|
|
*
|
||
|
|
* Licensed under the BSD 3-Clause
|
||
|
|
* https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
|
||
|
|
*/
|
||
|
|
|
||
|
|
//colors
|
||
|
|
$zorba: #a2958a !default;
|
||
|
|
$mine-shaft: #333 !default;
|
||
|
|
|
||
|
|
//standard measures
|
||
|
|
$radius: 4px !default;
|
||
|
|
$pad: 5px !default;
|
||
|
|
$border: 1px !default;
|
||
|
|
|
||
|
|
//operations
|
||
|
|
@function multiply($pixels, $multiplier) {
|
||
|
|
@return $pixels * $multiplier;
|
||
|
|
}
|
||
|
|
|
||
|
|
//@extend-elements
|
||
|
|
%set_float_left {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
%set_float_right {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
%set_text_right {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.kv-rtl {
|
||
|
|
direction: rtl;
|
||
|
|
.floating-buttons {
|
||
|
|
left: multiply($pad, 2);
|
||
|
|
right: auto;
|
||
|
|
.btn-kv {
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: multiply($pad, 0.6);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.file-caption-icon {
|
||
|
|
left: auto;
|
||
|
|
right: multiply($pad, 1.6);
|
||
|
|
}
|
||
|
|
.close {
|
||
|
|
@extend %set_float_left;
|
||
|
|
}
|
||
|
|
.file-zoom-dialog {
|
||
|
|
@extend %set_text_right;
|
||
|
|
}
|
||
|
|
.file-error-message {
|
||
|
|
pre {
|
||
|
|
@extend %set_text_right;
|
||
|
|
}
|
||
|
|
ul {
|
||
|
|
@extend %set_text_right;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.file-drop-zone {
|
||
|
|
margin: multiply($pad, 2.4) multiply($pad, 2.4) multiply($pad, 2.4) multiply($pad, 3);
|
||
|
|
}
|
||
|
|
.btn-prev {
|
||
|
|
right: multiply($pad, 0.2);
|
||
|
|
left: auto;
|
||
|
|
}
|
||
|
|
.btn-next {
|
||
|
|
left: multiply($pad, 0.2);
|
||
|
|
right: auto;
|
||
|
|
}
|
||
|
|
.pull-right {
|
||
|
|
float: left !important;
|
||
|
|
}
|
||
|
|
.pull-left {
|
||
|
|
float: right !important;
|
||
|
|
}
|
||
|
|
.float-right {
|
||
|
|
@extend .pull-right;
|
||
|
|
}
|
||
|
|
.float-left {
|
||
|
|
@extend .pull-left;
|
||
|
|
}
|
||
|
|
.kv-zoom-title {
|
||
|
|
direction: ltr;
|
||
|
|
}
|
||
|
|
.krajee-default {
|
||
|
|
&.file-preview-frame {
|
||
|
|
@extend %set_float_right;
|
||
|
|
box-shadow: (-$border) $border multiply($border, 5) 0 $zorba;
|
||
|
|
&:not(.file-preview-error):hover {
|
||
|
|
box-shadow: multiply($border, -3) multiply($border, 3) multiply($border, 5) 0 $mine-shaft;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.file-actions {
|
||
|
|
@extend %set_float_left;
|
||
|
|
}
|
||
|
|
.file-other-error {
|
||
|
|
@extend %set_float_left;
|
||
|
|
}
|
||
|
|
.file-drag-handle {
|
||
|
|
@extend %set_float_right;
|
||
|
|
}
|
||
|
|
.file-upload-indicator {
|
||
|
|
@extend %set_float_right;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kv-zoom-actions .btn-kv {
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: multiply($pad, 0.6);
|
||
|
|
}
|
||
|
|
.file-caption.icon-visible .file-caption-name {
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right: multiply($pad, 3);
|
||
|
|
}
|
||
|
|
.input-group-btn > .btn:last-child {
|
||
|
|
border-radius: $radius 0 0 $radius;
|
||
|
|
}
|
||
|
|
.input-group .form-control:first-child {
|
||
|
|
border-radius: 0 $radius $radius 0;
|
||
|
|
}
|
||
|
|
.btn-file input[type=file] {
|
||
|
|
left: auto;
|
||
|
|
right: 0;
|
||
|
|
text-align: left;
|
||
|
|
background: none repeat scroll 100% 0 transparent;
|
||
|
|
}
|
||
|
|
}
|