summaryrefslogtreecommitdiff
path: root/minionlivesmatter/templates/assets/tether/src/css/helpers/_tether-theme-arrows.sass
diff options
context:
space:
mode:
Diffstat (limited to 'minionlivesmatter/templates/assets/tether/src/css/helpers/_tether-theme-arrows.sass')
-rw-r--r--minionlivesmatter/templates/assets/tether/src/css/helpers/_tether-theme-arrows.sass192
1 files changed, 0 insertions, 192 deletions
diff --git a/minionlivesmatter/templates/assets/tether/src/css/helpers/_tether-theme-arrows.sass b/minionlivesmatter/templates/assets/tether/src/css/helpers/_tether-theme-arrows.sass
deleted file mode 100644
index 55f2463..0000000
--- a/minionlivesmatter/templates/assets/tether/src/css/helpers/_tether-theme-arrows.sass
+++ /dev/null
@@ -1,192 +0,0 @@
-=tether-theme-arrows($themePrefix: "tether", $themeName: "arrows", $arrowSize: 16px, $arrowPointerEvents: null, $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
- pointer-events: $arrowPointerEvents
-
- // 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
- border-bottom: 0
-
- &.#{ $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
- border-top: 0
-
- &.#{ $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
- border-right: 0
-
- &.#{ $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
- border-left: 0
-
- // Target middle/center, element corner
-
- &.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-center .#{ $themePrefix }-content
- left: - $arrowSize * 2
-
- &.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-center .#{ $themePrefix }-content
- left: $arrowSize * 2
-
- &.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-middle .#{ $themePrefix }-content
- margin-top: $arrowSize
-
- &:before
- bottom: 100%
- left: $arrowSize
- border-bottom-color: $backgroundColor
- border-top: 0
-
- &.#{ $themePrefix }-element-attached-top.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-middle .#{ $themePrefix }-content
- margin-top: $arrowSize
-
- &:before
- bottom: 100%
- right: $arrowSize
- border-bottom-color: $backgroundColor
- border-top: 0
-
- &.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-left.#{ $themePrefix }-target-attached-middle .#{ $themePrefix }-content
- margin-bottom: $arrowSize
-
- &:before
- top: 100%
- left: $arrowSize
- border-top-color: $backgroundColor
- border-bottom: 0
-
- &.#{ $themePrefix }-element-attached-bottom.#{ $themePrefix }-element-attached-right.#{ $themePrefix }-target-attached-middle .#{ $themePrefix }-content
- margin-bottom: $arrowSize
-
- &:before
- top: 100%
- right: $arrowSize
- border-top-color: $backgroundColor
- border-bottom: 0
-
-
- // 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
- border-top: 0
-
- &.#{ $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
- border-top: 0
-
- &.#{ $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
- border-bottom: 0
-
- &.#{ $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
- border-bottom: 0
-
- // 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
- border-right: 0
-
- &.#{ $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
- border-left: 0
-
- &.#{ $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
- border-right: 0
-
- &.#{ $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
- border-left: 0