diff options
Diffstat (limited to 'WebContent/VAADIN/themes/valo/components/_link.scss')
-rw-r--r-- | WebContent/VAADIN/themes/valo/components/_link.scss | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/valo/components/_link.scss b/WebContent/VAADIN/themes/valo/components/_link.scss new file mode 100644 index 0000000000..e02a64f678 --- /dev/null +++ b/WebContent/VAADIN/themes/valo/components/_link.scss @@ -0,0 +1,46 @@ +$v-link-font-color: null !default; +$v-link-text-decoration: underline !default; +$v-link-cursor: pointer !default; + + +@mixin v-valo-link ($primary-stylename: v-link) { + .#{$primary-stylename} { + @include v-valo-link-style; + + a { + cursor: inherit; + color: inherit; + text-decoration: inherit; + @if $v-animations-enabled { + @include transition(inherit); + } + } + + .v-icon { + cursor: inherit; + } + } +} + + +@mixin v-valo-link-style { + cursor: $v-link-cursor; + color: v-valo-link-font-color(); + text-decoration: $v-link-text-decoration; + font-weight: inherit; + + @if $v-animations-enabled { + @include transition(color 140ms); + } + + &:hover { + color: lighten(v-valo-link-font-color(), 10%); + } +} + + + +@function v-valo-link-font-color ($color: null, $context: null) { + $link-color: $color or $v-link-font-color or v-valo-focus-color($color: $color, $context: $context); + @return $link-color; +}
\ No newline at end of file |