gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Refactored styles.less, it now contains only common styles between default and flatly theme

Browse Source
This commit is contained in:
Sahat Yalkabov
2014-01-28 22:51:25 -05:00
parent 471f53f28b
commit c66e629378
1 changed files with 12 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
public/css/styles.less
View File

@ -1,4 +1,5 @@
@import "lib/bootstrap/bootstrap"; @import "lib/bootstrap/bootstrap";
@import "themes/flatly";
// Scaffolding // Scaffolding
// ------------------------- // -------------------------
@ -17,27 +18,18 @@ body {
height: 100%; height: 100%;
/* Negative indent footer by its height */ /* Negative indent footer by its height */
margin: 0 auto -150px; margin: 0 auto -150px;
/* Pad bottom by footer height */ /* Pad bottom by footer height + (optional) extra spacing */
padding: 0 0 150px; padding: 0 0 170px;
} }
#footer { #footer {
height: 150px; height: 150px;
padding-top: 35px; padding-top: 35px;
color: @navbar-inverse-color;
background-color: @navbar-default-bg; background-color: @navbar-default-bg;
border-top: 1px solid @navbar-default-border; border-top: 1px solid @navbar-default-border;
} }
// Brand Colors
// -------------------------
@brand-primary: #4d90fc;
@brand-success: #60bf60;
@brand-warning: #ff9800;
@brand-danger: #de4b33;
@brand-info: #5bc0dd;
// Navbar // Navbar
// ------------------------- // -------------------------
@ -52,28 +44,15 @@ body {
margin-left: 15px; margin-left: 15px;
} }
// Buttons .navbar-nav .profile-image {
width: 30px;
height: 30px;
margin: -15px 15px -15px 0;
}
// Social 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%);
}
.btn-facebook { .btn-facebook {
color: #fff; color: #fff;
background: #3b5998; background: #3b5998;
@ -114,62 +93,10 @@ body {
} }
} }
// Forms // Extra space between font-awesome icons and text
// -------------------------
@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);
}
// Misc
.navbar-nav img {
width: 30px;
height: 30px;
margin: -15px 15px -15px 0;
}
[class^="fa-"], [class^="fa-"],
[class*="fa-"] { [class*="fa-"] {
margin-right: 5px; margin-right: 5px;
} }
.form-horizontal .checkbox,
.form-horizontal .radio,
.form-horizontal .radio-inline {
margin-top: 10px;
margin-bottom: 12px;
padding-top: 0;
}