debian-mirror-gitlab/app/assets/stylesheets/framework/tw_bootstrap.scss

215 lines
3.4 KiB
SCSS
Raw Normal View History

2014-09-02 18:07:02 +05:30
/*
* 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";
2015-04-26 12:48:37 +05:30
@import "bootstrap/buttons";
2014-09-02 18:07:02 +05:30
// 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";
@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";
// Labels
.label {
padding: 2px 4px;
2015-09-25 12:07:36 +05:30
font-size: 13px;
2014-09-02 18:07:02 +05:30
font-style: normal;
font-weight: normal;
display: inline-block;
&.label-gray {
2015-09-25 12:07:36 +05:30
background-color: #f8fafc;
color: $gl-gray;
2014-09-02 18:07:02 +05:30
text-shadow: none;
}
&.label-inverse {
background-color: #333333;
}
}
2015-09-11 14:41:01 +05:30
2014-09-02 18:07:02 +05:30
/**
* fix to keep tooltips position in top navigation bar
*
*/
.navbar .nav > li {
position: relative;
white-space: nowrap;
}
/**
* Add some extra stuff to panels
*
*/
2015-09-25 12:07:36 +05:30
.container-blank .panel .panel-heading {
font-size: 17px;
line-height: 38px;
}
2014-09-02 18:07:02 +05:30
.panel {
2015-09-25 12:07:36 +05:30
box-shadow: none;
2014-09-02 18:07:02 +05:30
2015-09-25 12:07:36 +05:30
.panel-heading {
2014-09-02 18:07:02 +05:30
.panel-head-actions {
position: relative;
2015-04-26 12:48:37 +05:30
top: -5px;
2014-09-02 18:07:02 +05:30
float: right;
}
}
.panel-body {
2015-11-26 14:37:03 +05:30
form, pre {
2014-09-02 18:07:02 +05:30
margin: 0;
}
.form-actions {
2015-04-26 12:48:37 +05:30
margin: -15px;
margin-top: 18px;
2014-09-02 18:07:02 +05:30
}
}
.panel-footer {
.pagination {
margin: 0;
}
2015-09-25 12:07:36 +05:30
.btn {
min-width: 124px;
}
2015-11-26 14:37:03 +05:30
.btn-clipboard {
min-width: 0px;
}
2014-09-02 18:07:02 +05:30
}
&.panel-small {
.panel-heading {
padding: 6px 15px;
font-size: 13px;
2015-04-26 12:48:37 +05:30
font-weight: normal;
2014-09-02 18:07:02 +05:30
a {
color: #777;
}
}
}
}
2015-04-26 12:48:37 +05:30
.panel-succes .panel-heading,
.panel-info .panel-heading,
.panel-danger .panel-heading,
.panel-warning .panel-heading,
.panel-primary .panel-heading,
.alert {
a:not(.btn) {
@extend .alert-link;
color: #fff;
text-decoration: underline;
2014-09-02 18:07:02 +05:30
}
}
2015-09-25 12:07:36 +05:30
.alert-help {
background-color: $background-color;
border: 1px solid $border-color;
color: $gl-gray;
}
2015-04-26 12:48:37 +05:30
// Typography =================================================================
.text-primary,
.text-primary:hover {
color: $brand-primary;
2014-09-02 18:07:02 +05:30
}
2015-04-26 12:48:37 +05:30
.text-success,
.text-success:hover {
color: $brand-success;
2014-09-02 18:07:02 +05:30
}
2015-04-26 12:48:37 +05:30
.text-danger,
.text-danger:hover {
color: $brand-danger;
2014-09-02 18:07:02 +05:30
}
2015-04-26 12:48:37 +05:30
.text-warning,
.text-warning:hover {
color: $brand-warning;
}
.text-info,
.text-info:hover {
color: $brand-info;
}