tw_bootstrap.scss 3.11 KB
Newer Older
Dmitriy Zaporozhets's avatar
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's avatar
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 81

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

// 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";
82 83 84 85

// Labels
.label {
  padding: 2px 4px;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
86
  font-size: 13px;
87 88 89 90 91
  font-style: normal;
  font-weight: normal;
  display: inline-block;

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

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

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
102

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

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

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

120
  .panel-body {
Douwe Maan's avatar
Douwe Maan committed
121
    form, pre {
122 123 124 125
      margin: 0;
    }

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

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

    .btn {
      min-width: 124px;
    }
139 140 141 142

    .btn-clipboard {
      min-width: 0px;
    }
143 144
  }

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

157 158 159 160 161
.panel-succes .panel-heading,
.panel-info .panel-heading,
.panel-danger .panel-heading,
.panel-warning .panel-heading,
.panel-primary .panel-heading,
162
.alert {
163
  a:not(.btn) {
164 165 166 167 168
    @extend .alert-link;
    color: #fff;
    text-decoration: underline;
  }
}
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 195

// 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;
}