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,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,52 +2,10 @@
2		2
3	// Default Variables	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	$slick-opacity-default: 0.75 !default;	5	$slick-opacity-default: 0.75 !default;
12	$slick-opacity-on-hover: 1 !default;	6	$slick-opacity-on-hover: 1 !default;
13	$slick-opacity-not-active: 0.25 !default;	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	/* Arrows */	9	/* Arrows */
52		10
53	.slick-prev,	11	.slick-prev,
	@@ -55,64 +13,34 @@ $slick-opacity-not-active: 0.25 !default;		@@ -55,64 +13,34 @@ $slick-opacity-not-active: 0.25 !default;
55	position: absolute;	13	position: absolute;
56	display: block;	14	display: block;
57	height: 20px;	15	height: 20px;
58	- width: 20px;	16	+ width: 14px;
59	line-height: 0px;	17	line-height: 0px;
60	font-size: 0px;	18	font-size: 0px;
61	cursor: pointer;	19	cursor: pointer;
62	- background: transparent;
63	color: transparent;	20	color: transparent;
64	top: 22%;	21	top: 22%;
65	margin-top: -10px;	22	margin-top: -10px;
66	padding: 0;	23	padding: 0;
67	border: none;	24	border: none;
68	outline: none;	25	outline: none;
		26	+ line-height: 1;
		27	+ opacity: $slick-opacity-default;
69	&:hover, &:focus {	28	&:hover, &:focus {
70	outline: none;	29	outline: none;
71	- background: transparent;
72	color: transparent;	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	opacity: $slick-opacity-not-active;	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	.slick-prev {	38	.slick-prev {
93	left: -25px;	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	.slick-next {	43	.slick-next {
107	right: -25px;	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	}