forked from uxsolutions/bootstrap-datepicker
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add lesscss build file, and generate new, current .css file.
- Loading branch information
1 parent
e827bf9
commit e0f6856
Showing
2 changed files
with
193 additions
and
110 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,68 @@ | ||
// Datepicker .css buildfile. Includes select mixins/variables from bootstrap | ||
// and imports the included datepicker.less to output a minimal datepicker.css | ||
// | ||
// Usage: | ||
// lessc build.css css/datepicker.css | ||
// | ||
// Variables and mixins copied from bootstrap 2.0.2 | ||
// | ||
// Mixins must be included individually, else some (eg, .clearfix) will be | ||
// included in the built .css | ||
|
||
// Variables | ||
@grayLight: #999; | ||
@grayLighter: #eee; | ||
@white: #fff; | ||
@linkColor: #08c; | ||
@btnPrimaryBackground: @linkColor; | ||
|
||
// Mixins | ||
|
||
// Border Radius | ||
.border-radius(@radius: 5px) { | ||
-webkit-border-radius: @radius; | ||
-moz-border-radius: @radius; | ||
border-radius: @radius; | ||
} | ||
|
||
// Button backgrounds | ||
.buttonBackground(@startColor, @endColor) { | ||
.gradientBar(@startColor, @endColor); | ||
.reset-filter(); | ||
&:hover, &:active, &.active, &.disabled, &[disabled] { | ||
background-color: @endColor; | ||
} | ||
&:active, | ||
&.active { | ||
background-color: darken(@endColor, 10%) e("\9"); | ||
} | ||
} | ||
|
||
// Reset filters for IE | ||
.reset-filter() { | ||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | ||
} | ||
|
||
// Gradient Bar Colors for buttons and alerts | ||
.gradientBar(@primaryColor, @secondaryColor) { | ||
#gradient > .vertical(@primaryColor, @secondaryColor); | ||
border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%); | ||
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%); | ||
} | ||
|
||
// Gradients | ||
#gradient { | ||
.vertical(@startColor: #555, @endColor: #333) { | ||
background-color: mix(@startColor, @endColor, 60%); | ||
background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+ | ||
background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10 | ||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+ | ||
background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+ | ||
background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10 | ||
background-image: linear-gradient(top, @startColor, @endColor); // The standard | ||
background-repeat: repeat-x; | ||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down | ||
} | ||
} | ||
|
||
@import "less/datepicker.less"; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters