diff options
author | Thomas Park <thomas@thomaspark.co> | 2016-10-12 22:21:18 -0400 |
---|---|---|
committer | GitHub <noreply@github.com> | 2016-10-12 22:21:18 -0400 |
commit | a4a1888523044ecc1eccfa93d6cc256c10e7401d (patch) | |
tree | fd1a2eda938b8378c488805b6ac4defb0f45538d /paper/_bootswatch.scss | |
parent | 7773c1598c88a1e717e171c4ce70775f508680c9 (diff) | |
parent | bc5519490564602aa308adeed0d5a91e46d77370 (diff) |
Merge pull request #596 from Mystist/gh-pages
fix(paper): a mixin shoule always uses () as a function
Diffstat (limited to 'paper/_bootswatch.scss')
-rw-r--r-- | paper/_bootswatch.scss | 56 |
1 files changed, 28 insertions, 28 deletions
diff --git a/paper/_bootswatch.scss b/paper/_bootswatch.scss index 3f0b4f8d..11845cba 100644 --- a/paper/_bootswatch.scss +++ b/paper/_bootswatch.scss @@ -5,6 +5,34 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" !default; @import url($web-font-path); +// Effects ================================================================= + +@mixin ripple(){ + position: relative; + + &:after { + content: ""; + display: block; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + @include gradient-radial(#000 10%, transparent 10.01%); + background-size: 1000% 1000%; + background-position: 50%; + opacity: 0; + pointer-events: none; + transition: background .5s, opacity 1s; + } + + &:active:after { + background-size: 0% 0%; + opacity: .2; + transition: 0s; + } +} + // Navbar ===================================================================== .navbar { @@ -610,32 +638,4 @@ input[type="checkbox"], color: inherit; } } -} - -// Effects ================================================================= - -.ripple { - position: relative; - - &:after { - content: ""; - display: block; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - @include gradient-radial(#000 10%, transparent 10.01%); - background-size: 1000% 1000%; - background-position: 50%; - opacity: 0; - pointer-events: none; - transition: background .5s, opacity 1s; - } - - &:active:after { - background-size: 0% 0%; - opacity: .2; - transition: 0s; - } }
\ No newline at end of file |