BigW Consortium Gitlab

tw_bootstrap.scss 3.53 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

// Components
24
@import "bootstrap/component-animations";
Phil Hughes committed
25
// @import "bootstrap/dropdowns";
26 27 28 29 30 31 32 33 34 35
@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";
36
@import "bootstrap/progress-bars";
37
@import "bootstrap/list-group";
38
@import "bootstrap/wells";
39 40
@import "bootstrap/close";
@import "bootstrap/panels";
41 42 43 44 45 46 47 48 49 50

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

// Utility classes
.clearfix {
  @include clearfix();
}
51

52 53 54
.center-block {
  @include center-block();
}
55

56 57 58
.pull-right {
  float: right !important;
}
59

60 61 62
.pull-left {
  float: left !important;
}
63

64 65 66
.hide {
  display: none;
}
67

68 69 70
.show {
  display: block !important;
}
71

72 73 74
.invisible {
  visibility: hidden;
}
75

76 77 78
.text-hide {
  @include text-hide();
}
79

80 81 82 83
.hidden {
  display: none !important;
  visibility: hidden !important;
}
84

85 86 87 88
.affix {
  position: fixed;
}

89 90 91 92 93 94 95 96 97 98
/*
 * Fix <summary> elements on firefox
 * See https://github.com/necolas/normalize.css/issues/640
 * and https://github.com/twbs/bootstrap/issues/21060
 *
 */
summary {
  display: list-item;
}

99
@import "bootstrap/responsive-utilities";
100 101 102

// Labels
.label {
103
  padding: 4px 5px;
104
  font-size: 12px;
105 106 107 108 109
  font-style: normal;
  font-weight: normal;
  display: inline-block;

  &.label-gray {
110
    background-color: $label-gray-bg;
111
    color: $gl-text-color;
112 113 114 115
    text-shadow: none;
  }

  &.label-inverse {
116
    background-color: $label-inverse-bg;
117 118
  }
}
119

120

Dmitriy Zaporozhets committed
121 122 123 124 125 126 127 128
/**
 * fix to keep tooltips position in top navigation bar
 *
 */
.navbar .nav > li {
  position: relative;
  white-space: nowrap;
}
129 130 131 132 133

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

135
.panel {
136
  box-shadow: none;
137

138
  .panel-body {
139 140
    form,
    pre {
141 142 143 144
      margin: 0;
    }

    .form-actions {
145 146
      margin: -15px;
      margin-top: 18px;
147 148
    }
  }
149

150 151 152 153
  .panel-footer {
    .pagination {
      margin: 0;
    }
154 155 156 157

    .btn {
      min-width: 124px;
    }
158 159

    .btn-clipboard {
160
      min-width: 0;
161
    }
162 163
  }

164 165 166
  &.panel-small {
    .panel-heading {
      padding: 6px 15px;
167
      font-size: 13px;
168
      font-weight: normal;
169

170
      a {
171
        color: $panel-heading-link-color;
172
      }
173 174
    }
  }
175 176 177 178

  &.panel-without-border {
    border: 0;
  }
179 180 181 182

  &.panel-without-margin {
    margin: 0;
  }
183
}
184

185 186 187 188 189
.panel-succes .panel-heading,
.panel-info .panel-heading,
.panel-danger .panel-heading,
.panel-warning .panel-heading,
.panel-primary .panel-heading,
190
.alert {
191
  a:not(.btn) {
192
    @extend .alert-link;
193
    color: $white-light;
194 195 196
    text-decoration: underline;
  }
}
197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223

// 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;
}
224 225 226 227 228

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