102 lines
2.2 KiB
Plaintext
102 lines
2.2 KiB
Plaintext
// Brand Colors
|
|
// -------------------------
|
|
|
|
@brand-primary: #4d90fc;
|
|
@brand-success: #60bf60;
|
|
@brand-warning: #ff9800;
|
|
@brand-danger: #de4b33;
|
|
@brand-info: #5bc0dd;
|
|
|
|
// Typography
|
|
// -------------------------
|
|
|
|
@headings-font-family: "HelveticaNeue-CondensedBold", "Helvetica Neue", "Arial Narrow", Arial, sans-serif;
|
|
|
|
// 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-link {
|
|
box-shadow: 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);
|
|
}
|
|
|
|
// Navbar
|
|
// -------------------------
|
|
|
|
@navbar-default-bg: rgba(255, 255, 255, 0.9);
|
|
@navbar-default-link-color: #252525;
|
|
@navbar-default-link-hover-color: #4da5f4;
|
|
@navbar-default-link-active-color: #4da5f4;
|
|
@navbar-default-link-hover-bg: transparent;
|
|
@navbar-default-link-active-bg: transparent;
|
|
@navbar-default-color: #fafafa;
|
|
@navbar-default-brand-hover-color: #4da5f4;
|
|
|
|
.navbar-default {
|
|
border: 0;
|
|
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
|
|
|
|
.navbar-nav {
|
|
> li > a {
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
text-transform: uppercase;
|
|
transition: all 0.2s linear;
|
|
}
|
|
}
|
|
} |