diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2017-03-22 19:19:26 +0100 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2017-03-22 19:19:26 +0100 |
| commit | d42c8b528eb595101954f478e0024e3f079f6fbf (patch) | |
| tree | 61a528cf94f1f6941f4683ae8736a4a0135c035e /templates/assets/sass/material-kit/_popups.scss | |
| download | minionlivesmatter-d42c8b528eb595101954f478e0024e3f079f6fbf.tar.gz minionlivesmatter-d42c8b528eb595101954f478e0024e3f079f6fbf.zip | |
first implementation of fun stats site
Diffstat (limited to 'templates/assets/sass/material-kit/_popups.scss')
| -rwxr-xr-x | templates/assets/sass/material-kit/_popups.scss | 72 |
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; +} |
