BigW Consortium Gitlab

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

// 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 89
.affix {
  position: fixed;
}

@import "bootstrap/responsive-utilities";
90 91 92

// Labels
.label {
93
  padding: 4px 5px;
Dmitriy Zaporozhets committed
94
  font-size: 13px;
95 96 97 98 99
  font-style: normal;
  font-weight: normal;
  display: inline-block;

  &.label-gray {
Dmitriy Zaporozhets committed
100 101
    background-color: #f8fafc;
    color: $gl-gray;
102 103 104 105
    text-shadow: none;
  }

  &.label-inverse {
106
    background-color: #333;
107 108
  }
}
109

110

Dmitriy Zaporozhets committed
111 112 113 114 115 116 117 118
/**
 * fix to keep tooltips position in top navigation bar
 *
 */
.navbar .nav > li {
  position: relative;
  white-space: nowrap;
}
119 120 121 122 123

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

125
.panel {
126
  box-shadow: none;
127

128
  .panel-body {
129 130
    form,
    pre {
131 132 133 134
      margin: 0;
    }

    .form-actions {
135 136
      margin: -15px;
      margin-top: 18px;
137 138
    }
  }
139

140 141 142 143
  .panel-footer {
    .pagination {
      margin: 0;
    }
144 145 146 147

    .btn {
      min-width: 124px;
    }
148 149

    .btn-clipboard {
150
      min-width: 0;
151
    }
152 153
  }

154 155 156
  &.panel-small {
    .panel-heading {
      padding: 6px 15px;
157
      font-size: 13px;
158
      font-weight: normal;
159

160 161 162
      a {
        color: #777;
      }
163 164
    }
  }
165
}
166

167 168 169 170 171
.panel-succes .panel-heading,
.panel-info .panel-heading,
.panel-danger .panel-heading,
.panel-warning .panel-heading,
.panel-primary .panel-heading,
172
.alert {
173
  a:not(.btn) {
174 175 176 177 178
    @extend .alert-link;
    color: #fff;
    text-decoration: underline;
  }
}
179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205

// 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;
}
206 207 208 209 210

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