Refactored custom bootstrap styles into default.less and placed it into themes folder
parent
f8a80c129f
commit
ee0845a1f7
|
@ -0,0 +1,68 @@
|
|||
// Brand Colors
|
||||
// -------------------------
|
||||
|
||||
@brand-primary: #4d90fc;
|
||||
@brand-success: #60bf60;
|
||||
@brand-warning: #ff9800;
|
||||
@brand-danger: #de4b33;
|
||||
@brand-info: #5bc0dd;
|
||||
|
||||
// Buttons
|
||||
// -------------------------
|
||||
|
||||
@btn-primary-border: darken(@btn-primary-bg, 3.2%);
|
||||
@btn-success-border: darken(@btn-success-bg, 3.2%);
|
||||
@btn-warning-border: darken(@btn-warning-bg, 3.2%);
|
||||
@btn-danger-border: darken(@btn-danger-bg, 3.2%);
|
||||
@btn-info-border: darken(@btn-info-bg, 3.2%);
|
||||
|
||||
.btn {
|
||||
border-radius: 0;
|
||||
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.11), 1px 1px 0 rgba(255, 255, 255, 0.21) inset;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-default, .btn-default:focus {
|
||||
background-image: linear-gradient(to bottom, #ffffff 60%, #f8f8f8 100%);
|
||||
}
|
||||
|
||||
// Forms
|
||||
// -------------------------
|
||||
|
||||
@input-border-radius: 0;
|
||||
@input-border-focus: #2598f9;
|
||||
|
||||
.form-control:focus {
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
|
||||
}
|
||||
|
||||
// Form states and alerts
|
||||
// -------------------------
|
||||
|
||||
@state-success-text: #569845;
|
||||
@state-success-bg: #dbf5d3;
|
||||
@state-success-border: #aed3a5;
|
||||
|
||||
@state-info-text: #3a87ad;
|
||||
@state-info-bg: #d9edf7;
|
||||
@state-info-border: #98cce7;
|
||||
|
||||
@state-warning-text: #bf9853;
|
||||
@state-warning-bg: #fdf8e2;
|
||||
@state-warning-border: #f2daab;
|
||||
|
||||
@state-danger-text: #b94a48;
|
||||
@state-danger-bg: #f2dede;
|
||||
@state-danger-border: #e0b1b8;
|
||||
|
||||
// Alerts
|
||||
// -------------------------
|
||||
|
||||
.alert {
|
||||
border-radius: 0;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10);
|
||||
}
|
||||
|
Loading…
Reference in New Issue