summaryrefslogtreecommitdiffstats
path: root/afb-client/bower_components/tether/sass/helpers/_tether-theme-arrows.sass
diff options
context:
space:
mode:
Diffstat (limited to 'afb-client/bower_components/tether/sass/helpers/_tether-theme-arrows.sass')
-rw-r--r--afb-client/bower_components/tether/sass/helpers/_tether-theme-arrows.sass136
1 files changed, 136 insertions, 0 deletions
diff --git a/afb-client/bower_components/tether/sass/helpers/_tether-theme-arrows.sass b/afb-client/bower_components/tether/sass/helpers/_tether-theme-arrows.sass
new file mode 100644
index 0000000..999ae4c
--- /dev/null
+++ b/afb-client/bower_components/tether/sass/helpers/_tether-theme-arrows.sass
@@ -0,0 +1,136 @@
+@import compass/css3
+
+=tether-theme-arrows($themePrefix: "tether", $themeName: "arrows", $arrowSize: 16px, $backgroundColor: #fff, $color: inherit, $useDropShadow: false)
+ .#{ $themePrefix }-element.#{ $themePrefix }-theme-#{ $themeName }
+ max-width: 100%
+ max-height: 100%
+
+ .#{ $themePrefix }-content
+ +border-radius(5px)
+ position: relative
+ font-family: inherit
+ background: $backgroundColor
+ color: $color
+ padding: 1em
+ font-size: 1.1em
+ line-height: 1.5em
+
+ @if $useDropShadow
+ +transform(translateZ(0))
+ +filter(drop-shadow(0 1px 4px rgba(0, 0, 0, .2)))
+
+ &:before
+ content: ""
+ display: block
+ position: absolute
+ width: 0
+ height: 0
+ border-color: transparent
+ border-width: $arrowSize
+ border-style: solid
+
+ // Centers and middles
+
+ &.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-center .#{ $themePrefix }-content
+ margin-bottom: $arrowSize
+
+ &:before
+ top: 100%
+ left: 50%
+ margin-left: - $arrowSize
+ border-top-color: $backgroundColor
+
+ &.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-center .#{ $themePrefix }-content
+ margin-top: $arrowSize
+
+ &:before
+ bottom: 100%
+ left: 50%
+ margin-left: - $arrowSize
+ border-bottom-color: $backgroundColor
+
+ &.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-element-attached-middle .#{ $themePrefix }-content
+ margin-right: $arrowSize
+
+ &:before
+ left: 100%
+ top: 50%
+ margin-top: - $arrowSize
+ border-left-color: $backgroundColor
+
+ &.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-element-attached-middle .#{ $themePrefix }-content
+ margin-left: $arrowSize
+
+ &:before
+ right: 100%
+ top: 50%
+ margin-top: - $arrowSize
+ border-right-color: $backgroundColor
+
+ // Top and bottom corners
+
+ &.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-bottom .#{ $themePrefix }-content
+ margin-top: $arrowSize
+
+ &:before
+ bottom: 100%
+ left: $arrowSize
+ border-bottom-color: $backgroundColor
+
+ &.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-bottom .#{ $themePrefix }-content
+ margin-top: $arrowSize
+
+ &:before
+ bottom: 100%
+ right: $arrowSize
+ border-bottom-color: $backgroundColor
+
+ &.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-top .#{ $themePrefix }-content
+ margin-bottom: $arrowSize
+
+ &:before
+ top: 100%
+ left: $arrowSize
+ border-top-color: $backgroundColor
+
+ &.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-top .#{ $themePrefix }-content
+ margin-bottom: $arrowSize
+
+ &:before
+ top: 100%
+ right: $arrowSize
+ border-top-color: $backgroundColor
+
+ // Side corners
+
+ &.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-left .#{ $themePrefix }-content
+ margin-right: $arrowSize
+
+ &:before
+ top: $arrowSize
+ left: 100%
+ border-left-color: $backgroundColor
+
+ &.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-right .#{ $themePrefix }-content
+ margin-left: $arrowSize
+
+ &:before
+ top: $arrowSize
+ right: 100%
+ border-right-color: $backgroundColor
+
+ &.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-left .#{ $themePrefix }-content
+ margin-right: $arrowSize
+
+ &:before
+ bottom: $arrowSize
+ left: 100%
+ border-left-color: $backgroundColor
+
+ &.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-right .#{ $themePrefix }-content
+ margin-left: $arrowSize
+
+ &:before
+ bottom: $arrowSize
+ right: 100%
+ border-right-color: $backgroundColor