diff options
Diffstat (limited to 'afb-client/bower_components/tether/sass/helpers')
3 files changed, 166 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 diff --git a/afb-client/bower_components/tether/sass/helpers/_tether-theme-basic.sass b/afb-client/bower_components/tether/sass/helpers/_tether-theme-basic.sass new file mode 100644 index 0000000..34642c2 --- /dev/null +++ b/afb-client/bower_components/tether/sass/helpers/_tether-theme-basic.sass @@ -0,0 +1,16 @@ +@import compass/css3 + +=tether-theme-basic($themePrefix: "tether", $themeName: "basic", $backgroundColor: #fff, $color: inherit) + .#{ $themePrefix }-element.#{ $themePrefix }-theme-#{ $themeName } + max-width: 100% + max-height: 100% + + .#{ $themePrefix }-content + +border-radius(5px) + +box-shadow(0 2px 8px rgba(0, 0, 0, .2)) + font-family: inherit + background: $backgroundColor + color: $color + padding: 1em + font-size: 1.1em + line-height: 1.5em
\ No newline at end of file diff --git a/afb-client/bower_components/tether/sass/helpers/_tether.sass b/afb-client/bower_components/tether/sass/helpers/_tether.sass new file mode 100644 index 0000000..fc50993 --- /dev/null +++ b/afb-client/bower_components/tether/sass/helpers/_tether.sass @@ -0,0 +1,14 @@ +@import compass/css3 + +=tether($themePrefix: "tether") + .#{ $themePrefix }-element, .#{ $themePrefix }-element * + + &, &:after, &:before + +box-sizing(border-box) + + .#{ $themePrefix }-element + position: absolute + display: none + + &.#{ $themePrefix }-open + display: block |