[Summary view] [Print] [Text view]

   1  // Defaults
   2  $gutter-width:                      15px;
   3  $highlight-color:                   #2a69b8;
   4  $border-color:                      var(--template-bg-dark-7);
   5  $border-radius:                     .25rem;
   6  
   7  // Layout
   8  $col-main-panel-width:              83.3333%;
   9  $col-side-panel-width:              16.6667%;
  10  $col-gutter-width:                  $gutter-width;
  11  $col-box-shadow:                    0 2px 10px -8px var(--template-bg-dark-50);
  12  
  13  // Sidebar
  14  $sidebar-drive-bg:                  #fff;
  15  $sidebar-tree-line-color:           $border-color;
  16  $sidebar-tree-icon-color:           #aaa;
  17  $sidebar-tree-line-height:          26px;
  18  $sidebar-tree-folder-icon:          "\f07b";
  19  $sidebar-tree-item-hover-bg:        #e1e1e1;
  20  $sidebar-active-icon-color:         $highlight-color;
  21  
  22  // Toolbar
  23  $toolbar-height:                    46px;
  24  $toolbar-bg:                        #fff;
  25  $toolbar-icon-width:                50px;
  26  $toolbar-icon-color:                lighten(#2a69b8,30%);
  27  $toolbar-icon-bg-hover:             #f0f0f0;
  28  $toolbar-loader-color:              linear-gradient(to right, #59afff 0, #59daff 100%);
  29  $toolbar-loader-height:             2px;
  30  
  31  // Breadcrumbs
  32  $breadcrumbs-bg:                    var(--template-bg-dark-3);
  33  $breadcrumbs-current-bg:            #fff;
  34  
  35  // Media Browser Grid
  36  $grid-gutter-width:                 $col-gutter-width;
  37  $grid-outside-padding:              $col-gutter-width;
  38  $grid-item-hover-color:             rgba(#000, .5);
  39  $grid-item-border-radius:           $border-radius;
  40  $grid-item-icon-size:               1.3rem;
  41  $grid-item-icon-color:              #fff;
  42  $grid-item-icon-bg-color:           rgba(0,0,0,.8);
  43  $grid-item-icon-color-hover:        rgba(0,0,0,.8);
  44  $grid-item-icon-bg-color-hover:     #fff;
  45  $grid-item-icon-warning-icon-bg:    #d9534f;
  46  $grid-item-no-preview-bg:           #f5f5f5;
  47  $grid-item-width-sm:                12.5%;
  48  $grid-item-width-md:                16.666%;
  49  $grid-item-width-lg:                25%;
  50  $grid-item-width-xl:                50%;
  51  
  52  // Media Browser Table
  53  $table-item-height:                 30px;
  54  $table-item-icon-size:              1.2rem;
  55  $table-item-icon-color:             #656565;
  56  $table-item-icon-bg:                rgba(0, 0, 0, .015);
  57  $table-item-icon-color-selected:    #fff;
  58  $table-item-icon-bg-selected:       #006898;
  59  $table-item-bg-hover:               rgba(0, 0, 0, .03);
  60  
  61  // Media Info bar
  62  $info-bg:                           var(--template-bg-dark-3);
  63  $info-title-bg:                     var(--template-bg-dark-5);
  64  $info-dt-width:                     33.33333%;
  65  $info-dd-width:                     66.66667%;
  66  $info-close-color:                  var(--template-bg-dark-60);
  67  $info-close-color-hover:            var(--template-bg-dark-40);
  68  
  69  // Table Icon Mapping
  70  $icon-type-default:                 "\f016";
  71  $icon-type-folder:                  "\f07b";
  72  $icon-type-images:                  "\f1c5";
  73  $icon-type-video:                   "\f1c8";
  74  $icon-type-audio:                   "\f1c7";
  75  $icon-type-docs:                    "\f1c1";
  76  $icon-type-code:                    "\f1c9";
  77  
  78  // Drag n Drop Upload
  79  $dnd-bg:                            rgba(245, 245, 245, .8);
  80  $dnd-icon-color:                    #1c3d5c;
  81  $dnd-border:                        3px dashed #999;
  82  
  83  // Modal
  84  $modal-backdrop-color:              rgba(0, 0, 0, .7);
  85  $modal-box-shadow:                  0 0 10px rgba(0, 0, 0, .5);
  86  $modal-preview-text-color:          #fff;