generator-fe-kit
Version:
Pixelant Front-End Starter Kit
59 lines (50 loc) • 1.17 kB
text/less
.saturated-inverse a {
color: tint(@main-color, 90%);
&:active,
&.active {
&:focus,
&.focus {
color: tint(@main-text-color, 100%);
border-color: tint(@main-color, 70%);
}
}
&:hover,
&:focus,
&.focus {
color: tint(@main-text-color, 100%);
border-color: tint(@main-color, 70%);
}
}
.saturated-inverse p {
color: tint(@main-text-color, 90%);
-webkit-font-smoothing: antialiased;
}
.saturated-inverse {
h1,h2,h3,h4,h5 {
color: tint(@main-text-color, 100%);
-webkit-font-smoothing: antialiased;
}
}
.saturated-inverse .icons{
color: tint(@main-color, 90%);
border-color: tint(@main-color, 70%);
}
.saturated-inverse .btn{
background: saturate(spin(@main-color, 177), 30%);
color: tint(@main-color, 90%);
border-color: transparent;
&:active,
&.active {
&:focus,
&.focus {
background: saturate(spin(@main-color, 177), 30%);
border-color: transparent;
}
}
&:hover,
&:focus,
&.focus {
background: saturate(spin(@main-color, 177), 30%);
border-color: transparent;
}
}