forked from Katello/katello
-
Notifications
You must be signed in to change notification settings - Fork 0
/
_katello_mixins.scss
78 lines (68 loc) · 2.01 KB
/
_katello_mixins.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
/**
Copyright 2014 Red Hat, Inc.
This software is licensed to you under the GNU General Public
License as published by the Free Software Foundation; either version
2 of the License (GPLv2) or (at your option) any later version.
There is NO WARRANTY for this software, express or implied,
including the implied warranties of MERCHANTABILITY,
NON-INFRINGEMENT, or FITNESS FOR A PARTICULAR PURPOSE. You should
have received a copy of GPLv2 along with this software; if not, see
http://www.gnu.org/licenses/old-licenses/gpl-2.0.txt.
*/
//katello specific mixins
@mixin column-count($c) {
-moz-column-count: $c;
-o-column-count: $c;
-webkit-column-count: $c;
column-count: $c;
}
@mixin column-gap($g) {
-moz-column-gap: $g;
-o-column-gap: $g;
-webkit-column-gap: $g;
column-gap: $g;
}
@mixin background-size($size) {
-webkit-background-size: $size;
-o-background-size: $size;
-moz-background-size: $size;
background-size: $size;
}
@mixin crumb-disable-hover {
&:hover {
background: $breadcrumbbg_color !important;
color: #000;
text-shadow: none;
&:after { border-left-color: $breadcrumbbg_color !important; }
}
}
@mixin crumb-disable-hover-selected {
&:hover {
background: $listhover_color !important;
color: $white_color;
text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
&:after {
border-left-color: $listhover_color !important;
}
}
}
@mixin crumb-nohover {
.crumb-nohover {
// crumb without any hover effect (color, cursor...etc)
cursor: default;
@include crumb-disable-hover;
}
.crumb-nohover-selected {
// a selected crumb without any hover effect (color, cursor...etc)
cursor: default;
@include crumb-disable-hover-selected;
}
.crumb-editable {
// a crumb that is editable... hover effect disabled, but cursor will be a hand
@include crumb-disable-hover;
}
.crumb-editable-selected {
// a selected crumb that is editable... hover effect disabled, but cursor will be a hand
@include crumb-disable-hover-selected;
}
}