Warning, /webapps/ocs-webserver/httpdocs/theme/flatui/less/modules/select.less is written in an unsupported language. File is not indexed.

0001 //
0002 // Bootstrap Select
0003 // --------------------------------------------------
0004 // Credits: Silvio Moreto
0005 // http://github.com/silviomoreto/bootstrap-select
0006 
0007 .select {
0008   display: inline-block;
0009   margin-bottom: 10px;
0010 
0011   // Select grid
0012   &[class*="span"] {
0013     [class*="span"] > & {
0014       margin-left: 0; // No margin if select is a closest child of the grid
0015     }
0016     .btn {
0017       width: 100%; // Button should take all available space of its parent
0018       .box-sizing();
0019     }
0020   }
0021 
0022   // Fluid width. Takes all available space and behaves like a block
0023   &.select-block {
0024     display: block;
0025     float: none;
0026     margin-left: 0;
0027     width: auto;
0028 
0029     .btn {
0030       width: 100%;
0031       .box-sizing();
0032     }
0033   }
0034   
0035   
0036   // Button Sizes
0037   // --------------------------------------------------
0038 
0039   .btn {
0040     width: 220px; // Default select width until .span* is applied
0041     
0042     // Huge
0043     &.btn-huge {
0044       .filter-option {
0045         left: 20px;
0046         right: 40px;
0047         top: 16px;
0048       }
0049       .caret {
0050         right: 20px;
0051       }
0052     }
0053     
0054     // Large
0055     &.btn-large {
0056       .filter-option {
0057         left: 18px;
0058         right: 38px;
0059         top: 12px;
0060       }
0061     }
0062     
0063     // Small
0064     &.btn-small {
0065       .filter-option {
0066         left: 13px;
0067         right: 33px;
0068         top: 7px;
0069       }
0070       .caret {
0071         right: 13px;
0072       }
0073     }
0074     
0075     // Mini
0076     &.btn-mini {
0077       .filter-option {
0078         left: 13px;
0079         right: 33px;
0080         top: 5px;
0081       }
0082       .caret {
0083         right: 13px;
0084       }
0085     }
0086     .filter-option {
0087       height: 26px;
0088       left: 13px;
0089       overflow: hidden;
0090       position: absolute;
0091       right: 33px;
0092       text-align: left;
0093       top: 10px;
0094     }
0095     .caret {
0096       position: absolute;
0097       right: 16px;
0098     }
0099     .dropdown-toggle {
0100       .border-radius(6px);
0101     }
0102 
0103     // Dropdown menu
0104     .dropdown-menu {
0105       min-width: 100%;
0106       .box-sizing;
0107 
0108       dt {
0109         cursor: default;
0110         display: block;
0111         padding: 3px 20px;
0112       }
0113       li {
0114         &:not(.disabled) > a:hover small {
0115           color: fade(@inverse, .4);
0116         }
0117         > a {
0118           min-height: 20px;
0119           
0120           &.opt {
0121             padding-left: 35px;
0122           }
0123         }
0124         small {
0125           padding-left: 0.5em;
0126         }
0127         > dt small {
0128           font-weight: normal;
0129         }
0130       }
0131     }
0132 
0133     // Disabled state
0134     > .disabled,
0135     .dropdown-menu li.disabled > a {
0136       cursor: default;
0137     }
0138   }
0139 
0140   // Caret
0141   .caret {
0142     .caret(@inverse);
0143   }
0144 }
0145