-
Notifications
You must be signed in to change notification settings - Fork 0
/
_bundle.scss
74 lines (66 loc) · 2.47 KB
/
_bundle.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
/**
* @file sass-mixins.scss
* @author Michael Zalla
* @date 9-16-2014
*
* Provides a collection of Sass mixins designed to simplify common styling tasks.
*/
// Note: Directory imports are yet to be implemented in the native Sass language
// One solution is the Sass Globbing Plugin (https://github.com/chriseppstein/sass-globbing),
// but this creates an additional dependency for projects with multiple authors.
/**
* @desc Allows you to assign one value to multiple properties simultaneously
* @param $values[] A list of properties followed by a single property value
* @example '@include same(padding-left, padding-right, 18px);'
*/
@import "mixins/same";
/**
* @desc Auto-prefixing for CSS properties that are still experimental/proprietary
* @param $property The base name of a given property
* @param $value The value to assign to that property
* @example '@include vendorize("transition", color 0.5s linear);'
*/
@import "mixins/vendorize";
/**
* @desc Provides better semantics for defining pointer-dependent styles.
* @param property A given property name
* @param value The value for that property, for the given state
* @example '@include mouseover(color, $lighter-blue);'
* @example '@include mouseout(color, $darker-blue);'
*/
@import "mixins/mouseover";
@import "mixins/mouseout";
/**
* @desc Allows you to quickly make new web fonts available in your stylesheets
* @param $family A chosen name that you'll use to reference the font
* @param $source An absolute or relative path to the font file
* @param $weight (optional)
* @param $style (optional)
* @example '@include fontface("Avenir", "../fonts/avenir/Avenir-Regular");'
*/
@import "mixins/fontface";
/**
* @desc Provides a shorthand for declaring common typographic styles
* @param $fontSize (optional)
* @param $lineHeight (optional)
* @param $letterSpacing (optional)
* @param $fontFamily (optional)
* @param $fontWeight (optional)
* @param $fontStyle (optional)
* @example '@include typeset(1.125rem, 1.5, 0em, "Avenir");'
*/
@import "mixins/typeset";
/**
* @desc Provides a shorthand for applying background images to elements
* @param $imagePath
* @param $size (optional)
* @param $position (optional)
* @param $repeat (optional)
* @example '@include background("../img/hero-background.jpg");'
*/
@import "mixins/background";
/**
* @desc Provides a (mostly) cross-browser grayscale filter for visual elements
* @example '@extend grayscale;'
*/
@import "mixins/grayscale";