freeCodeCamp/public/css/styles.less

102 lines
1.6 KiB
Plaintext

@import (less) "lib/animate.css";
@import (less) "lib/font-awesome.min.css";
@import "lib/bootstrap/bootstrap";
@import "lib/bootstrap-social";
@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 140px;
}
#footer {
height: 110px;
padding-top: 15px;
}
// Navbar
// -------------------------
@navbar-height: 45px;
.navbar-nav .profile-image {
width: 30px;
height: 30px;
margin: -15px 15px -15px 0;
}
.navbar-brand {
background-image: url('../img/npm-logo.png');
background-repeat: no-repeat;
background-size: 40px;
background-position: left center;
padding-left: 50px;
margin-left: 15px;
height: 45px;
}
// Social Buttons
// -------------------------
.btn-social {
border-radius: 2px;
}
// Font Awesome
// -------------------------
[class^="fa-"],
[class*="fa-"] {
margin-right: 5px;
}
// API Examples
// -------------------------
.thumb {
padding-left: 0 !important;
padding-right: 0 !important;
}
.thumb img {
margin-bottom: 5px;
margin-right: 5px;
opacity: 0.2;
transition: opacity 0.2s;
}
.thumb:hover img {
opacity: 1;
box-shadow: 0 0 3px 1px @brand-primary;
}
.facebook-caption {
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
font-size: 12px;
color: #fff;
padding: 3px;
bottom: 25px;
}
.api-examples {
img {
padding-right: 10px;
}
}