]> git.r.bdr.sh - rbdr/dotfiles/blob - atom/packages/aesthetic-ui/styles/ui-mixins.less
Update vim plugins
[rbdr/dotfiles] / atom / packages / aesthetic-ui / styles / ui-mixins.less
1 @import "ui-variables";
2
3 // Pattern matching; ish is cray.
4 // http://lesscss.org/#-pattern-matching-and-guard-expressions
5 .text(normal) {
6 font-weight: normal;
7 color: @text-color;
8 text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
9 }
10 .text(subtle) {
11 font-weight: normal;
12 color: @text-color-subtle;
13 text-shadow: none;
14 }
15 .text(highlight) {
16 font-weight: normal;
17 color: @text-color-highlight;
18 }
19 .text(selected) {
20 font-weight: normal;
21 color: @text-color-selected;
22 text-shadow: none;
23 }
24
25 .text(info) {
26 color: @text-color-info;
27 text-shadow: none;
28 }
29 .text(success) {
30 color: @text-color-success;
31 text-shadow: none;
32 }
33 .text(warning) {
34 color: @text-color-warning;
35 text-shadow: none;
36 }
37 .text(error) {
38 color: @text-color-error;
39 text-shadow: none;
40 }
41
42 .ui-tab-shadow {
43 box-shadow:
44 inset -1px 0px 0 @shadow-2-color,
45 inset 1px 1px 0 @highlight-2-color,
46 inset -2px 0px 0 @shadow-1-color,
47 inset 2px 2px 0 @highlight-1-color;
48 }
49 .ui-raised-shadow {
50 box-shadow:
51 inset -1px -1px 0 @shadow-2-color,
52 inset 1px 1px 0 @highlight-2-color,
53 inset -2px -2px 0 @shadow-1-color,
54 inset 2px 2px 0 @highlight-1-color;
55 }
56 .ui-raised-shadow-active {
57 box-shadow:
58 inset -1px -1px 0 @shadow-2-color,
59 inset 1px 1px 0 @highlight-2-color,
60 inset -2px -2px 0 @shadow-1-color,
61 inset 2px 2px 0 @highlight-1-color,
62 -1px -1px black,
63 -1px 1px black,
64 1px -1px black,
65 1px 1px black;
66 }
67 .ui-inset-shadow {
68 box-shadow:
69 inset -1px -1px 0 @highlight-2-color,
70 inset 1px 1px 0 @shadow-2-color,
71 inset -2px -2px 0 @highlight-1-color,
72 inset 2px 2px 0 @shadow-1-color;
73 }
74 .ui-inset-shadow-active {
75 box-shadow:
76 inset -1px -1px 0 @highlight-2-color,
77 inset 1px 1px 0 @shadow-2-color,
78 inset -2px -2px 0 @highlight-1-color,
79 inset 2px 2px 0 @shadow-1-color,
80 -1px -1px black,
81 -1px 1px black,
82 1px -1px black,
83 1px 1px black;
84 }