]> git.r.bdr.sh - rbdr/dotfiles/blame - atom/packages/aesthetic-ui/styles/ui-mixins.less
Update atoms
[rbdr/dotfiles] / atom / packages / aesthetic-ui / styles / ui-mixins.less
CommitLineData
06a3d686
BB
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}