summaryrefslogtreecommitdiff
path: root/css/components/dotnav.gradient.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/components/dotnav.gradient.css')
-rwxr-xr-xcss/components/dotnav.gradient.css128
1 files changed, 128 insertions, 0 deletions
diff --git a/css/components/dotnav.gradient.css b/css/components/dotnav.gradient.css
new file mode 100755
index 0000000..30d9b16
--- /dev/null
+++ b/css/components/dotnav.gradient.css
@@ -0,0 +1,128 @@
1/*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2/* ========================================================================
3 Component: Dotnav
4 ========================================================================== */
5/*
6 * 1. Gutter
7 * 2. Remove default list style
8 */
9.uk-dotnav {
10 display: -ms-flexbox;
11 display: -webkit-flex;
12 display: flex;
13 -ms-flex-wrap: wrap;
14 -webkit-flex-wrap: wrap;
15 flex-wrap: wrap;
16 /* 1 */
17 margin-left: -15px;
18 margin-top: -15px;
19 /* 2 */
20 padding: 0;
21 list-style: none;
22}
23/*
24 * 1. Space is allocated solely based on content dimensions
25 * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied
26 */
27.uk-dotnav > * {
28 /* 1 */
29 -ms-flex: none;
30 -webkit-flex: none;
31 flex: none;
32 /* 2 */
33 padding-left: 15px;
34 margin-top: 15px;
35}
36/*
37 * DEPRECATED IE9 Support
38 */
39.uk-dotnav:before,
40.uk-dotnav:after {
41 content: "";
42 display: block;
43 overflow: hidden;
44}
45.uk-dotnav:after {
46 clear: both;
47}
48.uk-dotnav > * {
49 float: left;
50}
51/* Items
52 ========================================================================== */
53/*
54 * Items
55 * 1. Hide text if present
56 */
57.uk-dotnav > * > * {
58 display: block;
59 box-sizing: content-box;
60 width: 20px;
61 height: 20px;
62 border-radius: 50%;
63 background: rgba(50, 50, 50, 0.1);
64 /* 1 */
65 text-indent: 100%;
66 overflow: hidden;
67 white-space: nowrap;
68 -webkit-transition: all 0.2s ease-in-out;
69 transition: all 0.2s ease-in-out;
70}
71/*
72 * Hover
73 * 1. Apply hover style also to focus state
74 * 2. Remove default focus style
75 */
76.uk-dotnav > * > :hover,
77.uk-dotnav > * > :focus {
78 background: rgba(50, 50, 50, 0.4);
79 /* 2 */
80 outline: none;
81}
82/* OnClick */
83.uk-dotnav > * > :active {
84 background: rgba(50, 50, 50, 0.6);
85}
86/* Active */
87.uk-dotnav > .uk-active > * {
88 background: rgba(50, 50, 50, 0.4);
89 -webkit-transform: scale(1.3);
90 transform: scale(1.3);
91}
92/* Modifier: `uk-dotnav-contrast`
93 ========================================================================== */
94.uk-dotnav-contrast > * > * {
95 background: rgba(255, 255, 255, 0.4);
96}
97/*
98 * Hover
99 * 1. Apply hover style also to focus state
100 */
101.uk-dotnav-contrast > * > :hover,
102.uk-dotnav-contrast > * > :focus {
103 background: rgba(255, 255, 255, 0.7);
104}
105/* OnClick */
106.uk-dotnav-contrast > * > :active {
107 background: rgba(255, 255, 255, 0.9);
108}
109/* Active */
110.uk-dotnav-contrast > .uk-active > * {
111 background: rgba(255, 255, 255, 0.9);
112}
113/* Modifier: 'uk-dotnav-vertical'
114 ========================================================================== */
115/*
116 * DEPRECATED
117 */
118.uk-dotnav-vertical {
119 -ms-flex-direction: column;
120 -webkit-flex-direction: column;
121 flex-direction: column;
122}
123/*
124 * DEPRECATED IE9 Support
125 */
126.uk-dotnav-vertical > * {
127 float: none;
128}