ironic-webclient/app/css/bootstrap.scss

59 lines
1.7 KiB
SCSS

@import "./bootstrap_variables";
@import "../../bower_components/bootstrap-sass/assets/stylesheets/bootstrap";
@import "./bootstrap_mixins";
.pull-right-bottom {
position: absolute;
right: $grid-gutter-width / 2;
bottom: $padding-base-horizontal;
}
// Navbar form that respects the column-grid
.navbar-form-grid {
margin-left: -$navbar-padding-horizontal;
margin-right: -$navbar-padding-horizontal;
padding: 8px $navbar-padding-horizontal;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
$shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
@include box-shadow($shadow);
}
/**
* Button default should have button primary active state.
*/
.btn-default {
&.active, &.active:active, &.active:focus, &.active:hover {
background-color: $brand-primary;
color: $btn-primary-color;
border-color: $btn-primary-border;
}
}
/**
* Custom button gradient styles.
*/
.btn-default-gradient {
@include button-gradient-variant($btn-default-color, $btn-default-bg, $btn-default-border);
}
.btn-primary-gradient {
@include button-gradient-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
}
// Success appears as green
.btn-success-gradient {
@include button-gradient-variant($btn-success-color, $btn-success-bg, $btn-success-border);
}
// Info appears as blue-green
.btn-info-gradient {
@include button-gradient-variant($btn-info-color, $btn-info-bg, $btn-info-border);
}
// Warning appears as orange
.btn-warning-gradient {
@include button-gradient-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border);
}
// Danger and error appear as red
.btn-danger-gradient {
@include button-gradient-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border);
}