vpn.email
Version:
vpn.email client
28 lines (23 loc) • 1.32 kB
text/less
@import (once) "vars";
.op-default {
background-color: rgba(red(@cyan), green(@cyan), blue(@cyan), .7);
}
.generate-colors(@color-list-length);
.generate-colors(@name, @i: 1) when (@i =< @color-list-length) {
@name: extract(@color-list, @i);
.bd-@{name} {border-color: @@name ;}
.ol-@{name} {outline-color: @@name ;}
.op-@{name} {background-color: rgba(red(@@name), green(@@name), blue(@@name), .7);}
.ribbed-@{name} {background: @@name linear-gradient(-45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent) ; background-size: 40px 40px ; }
.before-bg-@{name} {&:before {background: @@name ;}}
.before-fg-@{name} {&:before {color: @@name ;}}
.after-bg-@{name} {&:after {background: @@name ;}}
.after-fg-@{name} {&:after {color: @@name ;}}
.bg-hover-@{name} {&:hover{background: @@name ;}}
.bg-active-@{name} {&:active{background: @@name ;}}
.bg-focus-@{name} {&:focus{background: @@name ;}}
.fg-hover-@{name} {&:hover{color: @@name ;}}
.fg-active-@{name} {&:active{color: @@name ;}}
.fg-focus-@{name} {&:focus{color: @@name ;}}
.generate-colors(@name, @i + 1);
}