diff options
author | Luke Shumaker <lukeshu@sbcglobal.net> | 2016-05-01 15:12:12 -0400 |
---|---|---|
committer | Luke Shumaker <lukeshu@sbcglobal.net> | 2016-05-01 15:12:12 -0400 |
commit | c9aa36da061816dee256a979c2ff8d2ee41824d9 (patch) | |
tree | 29f7002b80ee984b488bd047dbbd80b36bf892e9 /resources/mediawiki.ui/sourcefiles/scss/mixins/_effects.scss | |
parent | b4274e0e33eafb5e9ead9d949ebf031a9fb8363b (diff) | |
parent | d1ba966140d7a60cd5ae4e8667ceb27c1a138592 (diff) |
Merge branch 'archwiki'
# Conflicts:
# skins/ArchLinux.php
# skins/ArchLinux/archlogo.gif
Diffstat (limited to 'resources/mediawiki.ui/sourcefiles/scss/mixins/_effects.scss')
-rw-r--r-- | resources/mediawiki.ui/sourcefiles/scss/mixins/_effects.scss | 62 |
1 files changed, 0 insertions, 62 deletions
diff --git a/resources/mediawiki.ui/sourcefiles/scss/mixins/_effects.scss b/resources/mediawiki.ui/sourcefiles/scss/mixins/_effects.scss deleted file mode 100644 index 2efff820..00000000 --- a/resources/mediawiki.ui/sourcefiles/scss/mixins/_effects.scss +++ /dev/null @@ -1,62 +0,0 @@ -/* _effects.scss */ - -/* Mixins for visual effects in CSS3 */ - -// ---------------------------------------------------------------------------- -// Gradients -// ---------------------------------------------------------------------------- -@mixin vertical-gradient ($startColor: lighten($agoraGray, 95%), $endColor: $agoraGray) { - // Fallback - background-color: $endColor; - *background-color: $endColor; // IE7 - - // IE6-8 - @include filter-gradient($startColor, $endColor, vertical); - - // IE9+, Opera, Gecko, WebKit - @include background-image(linear-gradient(top, $startColor, $endColor)); -} - -// ---------------------------------------------------------------------------- -// Button styling -// ---------------------------------------------------------------------------- -@mixin buttonColors ($baseColor: $agoraGray) { - // Background color - @include vertical-gradient(lighten($baseColor, 7.5%), $baseColor); - - @if $baseColor == $agoraGray { - color: black; - @include text-shadow(0 1px 1px rgba($baseColor, 0.3)); - } @else { - color: white; - @include text-shadow(0 1px 1px rgba($baseColor, 0.75)); - } - - border: 1px solid darken($baseColor, 2%); - - &:hover, - &.mw-ui-hover { - @include vertical-gradient(lighten($baseColor, 12.5%), lighten($baseColor, 7.5%)); - text-decoration: none; - } - - &:active, - &.mw-ui-active { - background: { - image: none; - color: darken($baseColor, 3%); - } - - text-shadow: none; - } - - &:disabled, - &.mw-ui-disabled { - background: { - image: none; - color: $baseColor; - } - opacity: 0.5; - text-shadow: none; - } -} |