Commit 8a1c7a4e833652e19004da290f35b06fcaf3b5c3
1 parent
54f74dbd
Exists in
master
and in
8 other branches
Revert "Change icons at calendar paging buttons"
This reverts commit 642d5e95f8cb0a293808eb7c82ed336d242faa33.
Showing
6 changed files
with
93 additions
and
7 deletions
Show diff stats
No preview for this file type
@@ -0,0 +1,14 @@ | @@ -0,0 +1,14 @@ | ||
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> |
No preview for this file type
images/arrow_left.jpg
7.71 KB
images/arrow_right.jpg
7.65 KB
sass/slick-theme.scss
@@ -2,10 +2,52 @@ | @@ -2,10 +2,52 @@ | ||
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; | ||
5 | $slick-opacity-default: 0.75 !default; | 11 | $slick-opacity-default: 0.75 !default; |
6 | $slick-opacity-on-hover: 1 !default; | 12 | $slick-opacity-on-hover: 1 !default; |
7 | $slick-opacity-not-active: 0.25 !default; | 13 | $slick-opacity-not-active: 0.25 !default; |
8 | 14 | ||
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 | + | ||
9 | /* Arrows */ | 51 | /* Arrows */ |
10 | 52 | ||
11 | .slick-prev, | 53 | .slick-prev, |
@@ -13,34 +55,64 @@ $slick-opacity-not-active: 0.25 !default; | @@ -13,34 +55,64 @@ $slick-opacity-not-active: 0.25 !default; | ||
13 | position: absolute; | 55 | position: absolute; |
14 | display: block; | 56 | display: block; |
15 | height: 20px; | 57 | height: 20px; |
16 | - width: 14px; | 58 | + width: 20px; |
17 | line-height: 0px; | 59 | line-height: 0px; |
18 | font-size: 0px; | 60 | font-size: 0px; |
19 | cursor: pointer; | 61 | cursor: pointer; |
62 | + background: transparent; | ||
20 | color: transparent; | 63 | color: transparent; |
21 | top: 22%; | 64 | top: 22%; |
22 | margin-top: -10px; | 65 | margin-top: -10px; |
23 | padding: 0; | 66 | padding: 0; |
24 | border: none; | 67 | border: none; |
25 | outline: none; | 68 | outline: none; |
26 | - line-height: 1; | ||
27 | - opacity: $slick-opacity-default; | ||
28 | &:hover, &:focus { | 69 | &:hover, &:focus { |
29 | outline: none; | 70 | outline: none; |
71 | + background: transparent; | ||
30 | color: transparent; | 72 | color: transparent; |
31 | - opacity: $slick-opacity-on-hover; | 73 | + &:before { |
74 | + opacity: $slick-opacity-on-hover; | ||
75 | + } | ||
32 | } | 76 | } |
33 | - &.slick-disabled { | 77 | + &.slick-disabled:before { |
34 | opacity: $slick-opacity-not-active; | 78 | opacity: $slick-opacity-not-active; |
35 | } | 79 | } |
36 | } | 80 | } |
37 | 81 | ||
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 | + | ||
38 | .slick-prev { | 92 | .slick-prev { |
39 | left: -25px; | 93 | left: -25px; |
40 | - background: url(images/arrow_left.jpg) no-repeat; | 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 | + } | ||
41 | } | 104 | } |
42 | 105 | ||
43 | .slick-next { | 106 | .slick-next { |
44 | right: -25px; | 107 | right: -25px; |
45 | - background: url(images/arrow_right.jpg) no-repeat; | 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 | + } | ||
46 | } | 118 | } |