BigW Consortium Gitlab

tw_bootstrap.scss 3.18 KB
Newer Older
Dmitriy Zaporozhets committed
1 2 3 4
/*
 * Twitter bootstrap with GitLab customizations/additions
 *
 */
5

6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
// Core variables and mixins
@import "bootstrap/variables";
@import "bootstrap/mixins";

// Reset
@import "bootstrap/normalize";
@import "bootstrap/print";

// Core CSS
@import "bootstrap/scaffolding";
@import "bootstrap/type";
@import "bootstrap/code";
@import "bootstrap/grid";
@import "bootstrap/tables";
@import "bootstrap/forms";
21
@import "bootstrap/buttons";
22 23 24

// Components
@import "bootstrap/component-animations";
Phil Hughes committed
25
// @import "bootstrap/dropdowns";
26 27 28 29 30 31 32 33 34 35 36 37 38 39
@import "bootstrap/button-groups";
@import "bootstrap/input-groups";
@import "bootstrap/navs";
@import "bootstrap/navbar";
@import "bootstrap/breadcrumbs";
@import "bootstrap/pagination";
@import "bootstrap/pager";
@import "bootstrap/labels";
@import "bootstrap/badges";
@import "bootstrap/alerts";
@import "bootstrap/progress-bars";
@import "bootstrap/list-group";
@import "bootstrap/wells";
@import "bootstrap/close";
40
@import "bootstrap/panels";
41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80

// Components w/ JavaScript
@import "bootstrap/modals";
@import "bootstrap/tooltip";
@import "bootstrap/popovers";

// Utility classes
.clearfix {
  @include clearfix();
}
.center-block {
  @include center-block();
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  @include text-hide();
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}

@import "bootstrap/responsive-utilities";
81 82 83

// Labels
.label {
84
  padding: 4px 5px;
Dmitriy Zaporozhets committed
85
  font-size: 13px;
86 87 88 89 90
  font-style: normal;
  font-weight: normal;
  display: inline-block;

  &.label-gray {
Dmitriy Zaporozhets committed
91 92
    background-color: #f8fafc;
    color: $gl-gray;
93 94 95 96
    text-shadow: none;
  }

  &.label-inverse {
97
    background-color: #333;
98 99
  }
}
100

101

Dmitriy Zaporozhets committed
102 103 104 105 106 107 108 109
/**
 * fix to keep tooltips position in top navigation bar
 *
 */
.navbar .nav > li {
  position: relative;
  white-space: nowrap;
}
110 111 112 113 114

/**
 * Add some extra stuff to panels
 *
 */
115

116
.panel {
117
  box-shadow: none;
118

119
  .panel-body {
120
    form, pre {
121 122 123 124
      margin: 0;
    }

    .form-actions {
125 126
      margin: -15px;
      margin-top: 18px;
127 128
    }
  }
129

130 131 132 133
  .panel-footer {
    .pagination {
      margin: 0;
    }
134 135 136 137

    .btn {
      min-width: 124px;
    }
138 139

    .btn-clipboard {
140
      min-width: 0;
141
    }
142 143
  }

144 145 146
  &.panel-small {
    .panel-heading {
      padding: 6px 15px;
147
      font-size: 13px;
148
      font-weight: normal;
149 150 151
      a {
        color: #777;
      }
152 153
    }
  }
154
}
155

156 157 158 159 160
.panel-succes .panel-heading,
.panel-info .panel-heading,
.panel-danger .panel-heading,
.panel-warning .panel-heading,
.panel-primary .panel-heading,
161
.alert {
162
  a:not(.btn) {
163 164 165 166 167
    @extend .alert-link;
    color: #fff;
    text-decoration: underline;
  }
}
168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194

// Typography =================================================================

.text-primary,
.text-primary:hover {
  color: $brand-primary;
}

.text-success,
.text-success:hover {
  color: $brand-success;
}

.text-danger,
.text-danger:hover {
  color: $brand-danger;
}

.text-warning,
.text-warning:hover {
  color: $brand-warning;
}

.text-info,
.text-info:hover {
  color: $brand-info;
}
195 196 197 198 199

// Prevent datetimes on tooltips to break into two lines
.local-timeago {
  white-space: nowrap;
}