Skip to content

Instantly share code, notes, and snippets.

@davegaeddert davegaeddert/style.less
Last active Aug 29, 2015

Embed
What would you like to do?
Bootstrap variables-custom.less example
// (reference) is important, read more on that here: http://lesscss.org/features/#import-options-reference
@import (reference) "../bootstrap/less/variables.less";
@import (reference) "../bootstrap-custom/less/variables-custom.less";
@import (reference) "../bootstrap/less/mixins.less";
// now your styles...
.specific-class {
color: @brand-primary;
.transition(color .25s linear);
&:hover {
color: @brand-success;
}
@media (min-width: @screen-sm) {
padding-top: 100px;
}
}
//
// Variables
// --------------------------------------------------
//== Colors
@brand-primary: #66A5DF;
@brand-success: #7B9F6E;
@brand-info: #80BEF8;
//== Scaffolding
//
//## Settings for some of the most global styles.
//** Background color for `<body>`.
@body-bg: @gray-light;
//** Global text color on `<body>`.
@text-color: @gray;
//** Global textual link color.
@link-color: @gray-darker;
//** Link hover color set via `darken()` function.
@link-hover-color: darken(@link-color, 15%);
//** Link hover decoration.
@link-hover-decoration: none;
// Core variables and mixins
@import "variables.less";
@import "../../bootstrap-custom/less/variables-custom.less";
@import "mixins.less";
// all of the other Bootstrap @imports will follow...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.