Warning, /webapps/ocs-webserver/httpdocs/theme/flatui/less/modules/buttons.less is written in an unsupported language. File is not indexed.
0001 //
0002 // Buttons
0003 // --------------------------------------------------
0004
0005 // Base styles
0006 // --------------------------------------------------
0007 .btn,
0008 .btn-group > .btn,
0009 .btn-group > .dropdown-menu,
0010 .btn-group > .popover {
0011 font-size: @base-font-size * 1.071; /* 15px */
0012 font-weight: 500;
0013 }
0014
0015 .btn {
0016 //border: none;
0017 //background: @lightgray;
0018 //color: @button-text;
0019 //padding: 9px 12px 10px;
0020 //line-height: 22px;
0021 //text-decoration: none;
0022 //text-shadow: none;
0023 //.border-radius(6px);
0024 //.box-shadow(none);
0025 //.transition(0.25s);
0026
0027 // Alternate states
0028 // --------------------------------------------------
0029 &:hover,
0030 &:focus,
0031 .btn-group:focus &.dropdown-toggle {
0032 background-color: @button-hover;
0033 color: @button-text;
0034 outline: none;
0035 .transition(0.25s);
0036 }
0037
0038 // Active State
0039 &:active,
0040 .btn-group.open &.dropdown-toggle,
0041 &.active {
0042 background-color: @button-active;
0043 color: fade(@button-text, 75%);
0044 .box-shadow(none);
0045 }
0046
0047 // Disabled state
0048 &.disabled,
0049 &[disabled] {
0050 background-color: @lightgray;
0051 color: fade(@button-text, 75%);
0052 .box-shadow(none);
0053 .opacity(70);
0054 }
0055
0056 // Button sizes
0057 // --------------------------------------------------
0058
0059 // Large
0060 &.btn-large {
0061 font-size: @base-font-size * 1.214; /* 17px */
0062 line-height: 20px;
0063 padding: 12px 18px 13px;
0064
0065 > [class^="fui-"] {
0066 top: 0;
0067
0068 &.pull-right {
0069 margin-right: -2px;
0070 }
0071 }
0072 }
0073
0074 // Set the backgrounds
0075 // -------------------------
0076 &.btn-primary {
0077 .swap-button-color(@firm, @button-primary-hover, @button-primary-active);
0078 }
0079 &.btn-info {
0080 .swap-button-color(@info, @button-info-hover, @button-info-active);
0081 }
0082 &.btn-danger {
0083 .swap-button-color(@danger, @button-danger-hover, @button-danger-active);
0084 }
0085 &.btn-success {
0086 .swap-button-color(@success, @button-success-hover, @button-success-active);
0087 }
0088 &.btn-warning {
0089 .swap-button-color(@warning, @button-warning-hover, @button-warning-active);
0090 }
0091 &.btn-inverse {
0092 .swap-button-color(@base, @button-inverse-hover, @button-inverse-active);
0093 }
0094
0095 // Button icon
0096 // --------------------------------------------------
0097 > [class^="fui-"] {
0098 margin: 0 4px;
0099 position: relative;
0100 top: 1px;
0101 vertical-align: top;
0102 .inline-block();
0103
0104 &.pull-right {
0105 margin-right: 0px;
0106 }
0107 }
0108 }
0109
0110 // Other button locations
0111 // Button with icon inside
0112 .btn-toolbar .btn {
0113 &.active {
0114 color: @button-text;
0115 }
0116 &:first-child {
0117 .border-radius(6px 0 0 6px);
0118 }
0119 &:last-child {
0120 .border-radius(0 6px 6px 0);
0121 }
0122 > [class^="fui-"] {
0123 font-size: @icon-normal;
0124 top: 0;
0125 }
0126 }
0127
0128 // Button tip
0129 .btn-tip {
0130 font-weight: 300;
0131 padding-left: 10px;
0132 }
0133
0134 // BUTTON GROUP
0135 // ----------------------
0136 .btn-group {
0137 > .btn {
0138 border-radius: 0;
0139 text-align: center;
0140
0141 &:active,
0142 &.active {
0143 & + .btn {
0144 border-left-color: transparent;
0145 }
0146 }
0147 &:first-of-type {
0148 border-top-left-radius: 6px;
0149 border-bottom-left-radius: 6px;
0150 }
0151 &:last-of-type {
0152 border-top-right-radius: 6px;
0153 border-bottom-right-radius: 6px;
0154 }
0155 & + .btn {
0156 margin-left: 0;
0157 }
0158 & + .dropdown-toggle {
0159 border-left: 2px solid fade(@base, 15%);
0160 padding-left: 13px;
0161 padding-right: 13px;
0162 .box-shadow(none);
0163
0164 .caret {
0165 margin-left: 3px;
0166 margin-right: 3px;
0167 }
0168 }
0169 &.btn-huge + .dropdown-toggle {
0170 .caret {
0171 margin-left: 7px;
0172 margin-right: 7px;
0173 }
0174 }
0175 &.btn-small + .dropdown-toggle {
0176 .caret {
0177 margin-left: 0;
0178 margin-right: 0;
0179 }
0180 }
0181 }
0182 }