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