mirror of
https://github.com/ansible/awx.git
synced 2026-05-12 11:57:37 -02:30
Update project structure
This commit is contained in:
63
awx/ui/client/lib/theme/_mixins.less
Normal file
63
awx/ui/client/lib/theme/_mixins.less
Normal file
@@ -0,0 +1,63 @@
|
||||
.at-mixin-Placeholder (@color) {
|
||||
&:-moz-placeholder {
|
||||
color: @color;
|
||||
}
|
||||
&:-ms-input-placeholder {
|
||||
color: @color;
|
||||
}
|
||||
&::-webkit-input-placeholder {
|
||||
color: @color;
|
||||
}
|
||||
}
|
||||
|
||||
.at-mixin-Button () {
|
||||
padding: @at-space-2x @at-space-4x;
|
||||
}
|
||||
|
||||
.at-mixin-ButtonColor (@background, @color, @hover: '@{background}--hover') {
|
||||
background-color: @@background;
|
||||
|
||||
&, &:hover, &:focus {
|
||||
color: @@color;
|
||||
}
|
||||
|
||||
&:hover, &:focus {
|
||||
background-color: @@hover;
|
||||
}
|
||||
|
||||
&[disabled] {
|
||||
background-color: fade(@@background, 60%);
|
||||
}
|
||||
}
|
||||
|
||||
.at-mixin-ButtonHollow (@color, @hover: '@{color}--hover') {
|
||||
background-color: @at-white;
|
||||
|
||||
color: @@color;
|
||||
border-color: @@color;
|
||||
|
||||
&:hover, &:focus {
|
||||
color: @@hover;
|
||||
border-color: @@hover;
|
||||
background-color: @at-white;
|
||||
}
|
||||
|
||||
&[disabled] {
|
||||
background-color: fade(@@color, 30%);
|
||||
border-color: fade(@@color, 30%);
|
||||
color: @at-white;
|
||||
}
|
||||
}
|
||||
|
||||
.at-mixin-ButtonIcon () {
|
||||
line-height: @at-line-height-short;
|
||||
color: @at-gray-dark-2x;
|
||||
|
||||
& > i {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
& > i:hover {
|
||||
color: @at-gray-dark-3x;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user