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 }