summaryrefslogtreecommitdiff
path: root/templates/assets/sass/material-kit/_popups.scss
diff options
context:
space:
mode:
authorschneefux <schneefux+commit@schneefux.xyz>2017-03-22 19:19:26 +0100
committerschneefux <schneefux+commit@schneefux.xyz>2017-03-22 19:19:26 +0100
commitd42c8b528eb595101954f478e0024e3f079f6fbf (patch)
tree61a528cf94f1f6941f4683ae8736a4a0135c035e /templates/assets/sass/material-kit/_popups.scss
downloadminionlivesmatter-d42c8b528eb595101954f478e0024e3f079f6fbf.tar.gz
minionlivesmatter-d42c8b528eb595101954f478e0024e3f079f6fbf.zip
first implementation of fun stats site
Diffstat (limited to 'templates/assets/sass/material-kit/_popups.scss')
-rwxr-xr-xtemplates/assets/sass/material-kit/_popups.scss72
1 files changed, 72 insertions, 0 deletions
diff --git a/templates/assets/sass/material-kit/_popups.scss b/templates/assets/sass/material-kit/_popups.scss
new file mode 100755
index 0000000..c41cf26
--- /dev/null
+++ b/templates/assets/sass/material-kit/_popups.scss
@@ -0,0 +1,72 @@
+// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
+
+.popover, .tooltip-inner {
+ color: $gray;
+ line-height: 1.5em;
+ background: $white-color;
+ border: none;
+ border-radius: $border-radius-base;
+ @include shadow-8dp();
+}
+
+.popover{
+ padding: 0;
+ @include shadow-16dp();
+
+ &.left,
+ &.right,
+ &.top,
+ &.bottom{
+ > .arrow{
+ border: none;
+ }
+ }
+}
+
+.popover-title{
+ background-color: $white-color;
+ border: none;
+ padding: 15px 15px 5px;
+ font-size: $font-size-h4;
+}
+
+.popover-content{
+ padding: 10px 15px 15px;
+ line-height: 1.4;
+}
+
+.tooltip.in{
+ opacity: 1;
+ @include transform-translate-y(0px);
+}
+.tooltip{
+ opacity: 0;
+ transition: opacity, transform .2s ease;
+ @include transform-translate-y(5px);
+
+ &.left{
+ .tooltip-arrow{
+ border-left-color: $white-color;
+ }
+ }
+ &.right{
+ .tooltip-arrow{
+ border-right-color: $white-color;
+ }
+ }
+ &.top{
+ .tooltip-arrow{
+ border-top-color: $white-color;
+ }
+ }
+ &.bottom{
+ .tooltip-arrow{
+ border-bottom-color: $white-color;
+ }
+ }
+}
+
+.tooltip-inner{
+ padding: 10px 15px;
+ min-width: 130px;
+}