freeCodeCamp/public/css/styles.less

93 lines
1.3 KiB
Plaintext

@import (less) "lib/animate.css";
@import (less) "lib/font-awesome.min.css";
@import "lib/bootstrap/bootstrap";
@import "themes/default";
// Scaffolding
// ---- ---------------------
html, body {
height: 100%;
}
body {
padding-top: 70px;
}
#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
/* Negative indent footer by its height */
margin: 0 auto -110px;
/* Pad bottom by footer height + (optional) extra spacing */
padding: 0 0 120px;
}
#footer {
height: 110px;
padding-top: 15px;
}
// Navbar
// -------------------------
@navbar-height: 45px;
.navbar-nav .profile-image {
width: 30px;
height: 30px;
margin: -15px 15px -15px 0;
}
// Social Buttons
// -------------------------
.btn-facebook {
color: #fff;
background: #3b5998;
border: 1px solid rgba(0, 0, 0, 0.07);
&:hover {
color: #fff;
}
}
.btn-twitter {
color: #fff;
background: #00aced;
border: 1px solid rgba(0, 0, 0, 0.07);
&:hover {
color: #fff;
}
}
.btn-google-plus {
color: #fff;
background: #dd4b39;
border: 1px solid rgba(0, 0, 0, 0.07);
&:hover {
color: #fff;
}
}
.btn-github {
color: #fff;
background: #333;
border: 1px solid rgba(0, 0, 0, 0.07);
&:hover {
color: #fff;
}
}
// Extra space between font-awesome icons and text
[class^="fa-"],
[class*="fa-"] {
margin-right: 5px;
}