greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Refactored custom bootstrap styles into default.less and placed it into themes folder

pull/2/head
Sahat Yalkabov 2014-01-28 22:47:31 -05:00
parent f8a80c129f
commit ee0845a1f7
1 changed files with 68 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
public/css/themes/default.less Normal file
View File

@ -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);
}