Change icons at calendar paging buttons

Victor Costa
1 parent c54c2250
Showing 6 changed files with 7 additions and 93 deletions Show diff stats
fonts/slick.eot
fonts/slick.svg
fonts/slick.woff
images/arrow_left.jpg
images/arrow_right.jpg
sass/slick-theme.scss
@@ -1,14 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg">
-<metadata>Generated by Fontastic.me</metadata>
-<defs>
-<font id="slick" horiz-adv-x="512">
-<font-face font-family="slick" units-per-em="512" ascent="480" descent="-32"/>
-<missing-glyph horiz-adv-x="512" />
-
-<glyph unicode="&#8594;" d="M241 113l130 130c4 4 6 8 6 13 0 5-2 9-6 13l-130 130c-3 3-7 5-12 5-5 0-10-2-13-5l-29-30c-4-3-6-7-6-12 0-5 2-10 6-13l87-88-87-88c-4-3-6-8-6-13 0-5 2-9 6-12l29-30c3-3 8-5 13-5 5 0 9 2 12 5z m234 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
-<glyph unicode="&#8592;" d="M296 113l29 30c4 3 6 7 6 12 0 5-2 10-6 13l-87 88 87 88c4 3 6 8 6 13 0 5-2 9-6 12l-29 30c-3 3-8 5-13 5-5 0-9-2-12-5l-130-130c-4-4-6-8-6-13 0-5 2-9 6-13l130-130c3-3 7-5 12-5 5 0 10 2 13 5z m179 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
-<glyph unicode="&#8226;" d="M475 256c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
-<glyph unicode="&#97;" d="M475 439l0-128c0-5-1-9-5-13-4-4-8-5-13-5l-128 0c-8 0-13 3-17 11-3 7-2 14 4 20l40 39c-28 26-62 39-100 39-20 0-39-4-57-11-18-8-33-18-46-32-14-13-24-28-32-46-7-18-11-37-11-57 0-20 4-39 11-57 8-18 18-33 32-46 13-14 28-24 46-32 18-7 37-11 57-11 23 0 44 5 64 15 20 9 38 23 51 42 2 1 4 3 7 3 3 0 5-1 7-3l39-39c2-2 3-3 3-6 0-2-1-4-2-6-21-25-46-45-76-59-29-14-60-20-93-20-30 0-58 5-85 17-27 12-51 27-70 47-20 19-35 43-47 70-12 27-17 55-17 85 0 30 5 58 17 85 12 27 27 51 47 70 19 20 43 35 70 47 27 12 55 17 85 17 28 0 55-5 81-15 26-11 50-26 70-45l37 37c6 6 12 7 20 4 8-4 11-9 11-17z"/>
-</font></defs></svg>
@@ -2,52 +2,10 @@
  
 // Default Variables
  
-$slick-font-path: "./fonts/" !default;
-$slick-font-family: "slick" !default;
-$slick-loader-path: "./" !default;
-$slick-arrow-color: #00a9bd !default;
-$slick-prev-character: "←" !default;
-$slick-next-character: "→" !default;
 $slick-opacity-default: 0.75 !default;
 $slick-opacity-on-hover: 1 !default;
 $slick-opacity-not-active: 0.25 !default;
  
-@function slick-image-url($url) {
-    @if function-exists(image-url) {
-        @return image-url($url);
-    }
-    @else {
-        @return url($slick-loader-path + $url);
-    }
-}
-
-@function slick-font-url($url) {
-    @if function-exists(font-url) {
-        @return font-url($url);
-    }
-    @else {
-        @return url($slick-font-path + $url);
-    }
-}
-
-/* Slider */
-
-.slick-list {
-    .slick-loading & {
-    }
-}
-
-/* Icons */
-@if $slick-font-family == "slick" {
-    @font-face {
-        font-family: "slick";
-        src: slick-font-url("slick.eot");
-        src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.svg#slick") format("svg");
-        font-weight: normal;
-        font-style: normal;
-    }
-}
-
 /* Arrows */
  
 .slick-prev,
@@ -55,64 +13,34 @@ $slick-opacity-not-active: 0.25 !default;
     position: absolute;
     display: block;
     height: 20px;
-    width: 20px;
+    width: 14px;
     line-height: 0px;
     font-size: 0px;
     cursor: pointer;
-    background: transparent;
     color: transparent;
     top: 22%;
     margin-top: -10px;
     padding: 0;
     border: none;
     outline: none;
+    line-height: 1;
+    opacity: $slick-opacity-default;
     &:hover, &:focus {
         outline: none;
-        background: transparent;
         color: transparent;
-        &:before {
-            opacity: $slick-opacity-on-hover;
-        }
+        opacity: $slick-opacity-on-hover;
     }
-    &.slick-disabled:before {
+    &.slick-disabled {
         opacity: $slick-opacity-not-active;
     }
 }
  
-.slick-prev:before, .slick-next:before {
-    font-family: $slick-font-family;
-    font-size: 20px;
-    line-height: 1;
-    color: $slick-arrow-color;
-    opacity: $slick-opacity-default;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
 .slick-prev {
     left: -25px;
-    [dir="rtl"] & {
-        left: auto;
-        right: -25px;
-    }
-    &:before {
-        content: $slick-prev-character;
-        [dir="rtl"] & {
-            content: $slick-next-character;
-        }
-    }
+    background: url(images/arrow_left.jpg) no-repeat;
 }
  
 .slick-next {
     right: -25px;
-    [dir="rtl"] & {
-        left: -25px;
-        right: auto;
-    }
-    &:before {
-        content: $slick-next-character;
-        [dir="rtl"] & {
-            content: $slick-prev-character;
-        }
-    }
+    background: url(images/arrow_right.jpg) no-repeat;
 }
...	...	@@ -1,14 +0,0 @@
1		-<?xml version="1.0" standalone="no"?>
2		-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3		-<svg xmlns="http://www.w3.org/2000/svg">
4		-<metadata>Generated by Fontastic.me</metadata>
5		-<defs>
6		-<font id="slick" horiz-adv-x="512">
7		-<font-face font-family="slick" units-per-em="512" ascent="480" descent="-32"/>
8		-<missing-glyph horiz-adv-x="512" />
9		-
10		-<glyph unicode="→" d="M241 113l130 130c4 4 6 8 6 13 0 5-2 9-6 13l-130 130c-3 3-7 5-12 5-5 0-10-2-13-5l-29-30c-4-3-6-7-6-12 0-5 2-10 6-13l87-88-87-88c-4-3-6-8-6-13 0-5 2-9 6-12l29-30c3-3 8-5 13-5 5 0 9 2 12 5z m234 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
11		-<glyph unicode="←" d="M296 113l29 30c4 3 6 7 6 12 0 5-2 10-6 13l-87 88 87 88c4 3 6 8 6 13 0 5-2 9-6 12l-29 30c-3 3-8 5-13 5-5 0-9-2-12-5l-130-130c-4-4-6-8-6-13 0-5 2-9 6-13l130-130c3-3 7-5 12-5 5 0 10 2 13 5z m179 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
12		-<glyph unicode="•" d="M475 256c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
13		-<glyph unicode="a" d="M475 439l0-128c0-5-1-9-5-13-4-4-8-5-13-5l-128 0c-8 0-13 3-17 11-3 7-2 14 4 20l40 39c-28 26-62 39-100 39-20 0-39-4-57-11-18-8-33-18-46-32-14-13-24-28-32-46-7-18-11-37-11-57 0-20 4-39 11-57 8-18 18-33 32-46 13-14 28-24 46-32 18-7 37-11 57-11 23 0 44 5 64 15 20 9 38 23 51 42 2 1 4 3 7 3 3 0 5-1 7-3l39-39c2-2 3-3 3-6 0-2-1-4-2-6-21-25-46-45-76-59-29-14-60-20-93-20-30 0-58 5-85 17-27 12-51 27-70 47-20 19-35 43-47 70-12 27-17 55-17 85 0 30 5 58 17 85 12 27 27 51 47 70 19 20 43 35 70 47 27 12 55 17 85 17 28 0 55-5 81-15 26-11 50-26 70-45l37 37c6 6 12 7 20 4 8-4 11-9 11-17z"/>
14		-</font></defs></svg>
...	...	@@ -2,52 +2,10 @@
2	2
3	3	// Default Variables
4	4
5		-$slick-font-path: "./fonts/" !default;
6		-$slick-font-family: "slick" !default;
7		-$slick-loader-path: "./" !default;
8		-$slick-arrow-color: #00a9bd !default;
9		-$slick-prev-character: "←" !default;
10		-$slick-next-character: "→" !default;
11	5	$slick-opacity-default: 0.75 !default;
12	6	$slick-opacity-on-hover: 1 !default;
13	7	$slick-opacity-not-active: 0.25 !default;
14	8
15		-@function slick-image-url($url) {
16		- @if function-exists(image-url) {
17		- @return image-url($url);
18		- }
19		- @else {
20		- @return url($slick-loader-path + $url);
21		- }
22		-}
23		-
24		-@function slick-font-url($url) {
25		- @if function-exists(font-url) {
26		- @return font-url($url);
27		- }
28		- @else {
29		- @return url($slick-font-path + $url);
30		- }
31		-}
32		-
33		-/* Slider */
34		-
35		-.slick-list {
36		- .slick-loading & {
37		- }
38		-}
39		-
40		-/* Icons */
41		-@if $slick-font-family == "slick" {
42		- @font-face {
43		- font-family: "slick";
44		- src: slick-font-url("slick.eot");
45		- src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.svg#slick") format("svg");
46		- font-weight: normal;
47		- font-style: normal;
48		- }
49		-}
50		-
51	9	/* Arrows */
52	10
53	11	.slick-prev,
...	...	@@ -55,64 +13,34 @@ $slick-opacity-not-active: 0.25 !default;
55	13	position: absolute;
56	14	display: block;
57	15	height: 20px;
58		- width: 20px;
	16	+ width: 14px;
59	17	line-height: 0px;
60	18	font-size: 0px;
61	19	cursor: pointer;
62		- background: transparent;
63	20	color: transparent;
64	21	top: 22%;
65	22	margin-top: -10px;
66	23	padding: 0;
67	24	border: none;
68	25	outline: none;
	26	+ line-height: 1;
	27	+ opacity: $slick-opacity-default;
69	28	&:hover, &:focus {
70	29	outline: none;
71		- background: transparent;
72	30	color: transparent;
73		- &:before {
74		- opacity: $slick-opacity-on-hover;
75		- }
	31	+ opacity: $slick-opacity-on-hover;
76	32	}
77		- &.slick-disabled:before {
	33	+ &.slick-disabled {
78	34	opacity: $slick-opacity-not-active;
79	35	}
80	36	}
81	37
82		-.slick-prev:before, .slick-next:before {
83		- font-family: $slick-font-family;
84		- font-size: 20px;
85		- line-height: 1;
86		- color: $slick-arrow-color;
87		- opacity: $slick-opacity-default;
88		- -webkit-font-smoothing: antialiased;
89		- -moz-osx-font-smoothing: grayscale;
90		-}
91		-
92	38	.slick-prev {
93	39	left: -25px;
94		- [dir="rtl"] & {
95		- left: auto;
96		- right: -25px;
97		- }
98		- &:before {
99		- content: $slick-prev-character;
100		- [dir="rtl"] & {
101		- content: $slick-next-character;
102		- }
103		- }
	40	+ background: url(images/arrow_left.jpg) no-repeat;
104	41	}
105	42
106	43	.slick-next {
107	44	right: -25px;
108		- [dir="rtl"] & {
109		- left: -25px;
110		- right: auto;
111		- }
112		- &:before {
113		- content: $slick-next-character;
114		- [dir="rtl"] & {
115		- content: $slick-prev-character;
116		- }
117		- }
	45	+ background: url(images/arrow_right.jpg) no-repeat;
118	46	}
...	...