gitlab-org--gitlab-foss/app/assets/stylesheets/framework/tw_bootstrap.scss
2018-04-09 10:26:28 -05:00

201 lines
3.2 KiB
SCSS

/*
* Twitter bootstrap with GitLab customizations/additions
*
*/
// 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";
@import "bootstrap/buttons";
// Components
@import "bootstrap/component-animations";
// @import "bootstrap/dropdowns";
@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";
@import "bootstrap/panels";
// Components w/ JavaScript
@import "bootstrap/modals";
@import "bootstrap/tooltip";
@import "bootstrap/popovers";
// Utility classes
.clearfix {
@include clearfix();
}
.mx-auto {
@include center-block();
}
.float-right {
float: right !important;
}
.float-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;
}
/*
* 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;
}
@import "bootstrap/responsive-utilities";
// Labels
.badge.badge-pill {
padding: 4px 5px;
font-size: 12px;
font-style: normal;
font-weight: $gl-font-weight-normal;
display: inline-block;
&.badge.badge-pill-gray {
background-color: $label-gray-bg;
color: $gl-text-color;
text-shadow: none;
}
&.badge.badge-pill-inverse {
background-color: $label-inverse-bg;
}
}
/**
* fix to keep tooltips position in top navigation bar
*
*/
.navbar .nav > li {
position: relative;
white-space: nowrap;
}
/**
* Add some extra stuff to panels
*
*/
.card {
box-shadow: none;
.card-body {
form,
pre {
margin: 0;
}
.form-actions {
margin: -15px;
margin-top: 18px;
}
}
.card-footer {
.pagination {
margin: 0;
}
.btn {
min-width: 124px;
}
.btn-clipboard {
min-width: 0;
}
}
&.card-small {
.card-heading {
padding: 6px 15px;
font-size: 13px;
font-weight: $gl-font-weight-normal;
a {
color: $panel-heading-link-color;
}
}
}
&.card-without-border {
border: 0;
}
&.card-without-margin {
margin: 0;
}
}
.card-succes .card-heading,
.card-info .card-heading,
.card-danger .card-heading,
.card-warning .card-heading,
.card-primary .card-heading,
.alert {
a:not(.btn) {
@extend .alert-link;
color: $white-light;
text-decoration: underline;
}
}
// Prevent datetimes on tooltips to break into two lines
.local-timeago {
white-space: nowrap;
}