| 12345678910111213141516171819202122232425262728 |
- /* styles.less */
- @base: #f938ab;
- .box-shadow(@style, @c) when (iscolor(@c)) {
- box-shadow: @style @c;
- -webkit-box-shadow: @style @c;
- -moz-box-shadow: @style @c;
- }
- .box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) {
- .box-shadow(@style, rgba(0, 0, 0, @alpha));
- }
- // Box styles
- .box {
- color: saturate(@base, 5%);
- border-color: lighten(@base, 30%);
-
- div { .box-shadow(0 0 5px, 30%) }
-
- a {
- color: @base;
-
- &:hover {
- color: lighten(@base, 50%);
- }
- }
- }
|