summaryrefslogtreecommitdiff
path: root/paper/_bootswatch.scss
diff options
context:
space:
mode:
Diffstat (limited to 'paper/_bootswatch.scss')
-rw-r--r--paper/_bootswatch.scss56
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