diff options
Diffstat (limited to 'afm-client/bower_components/tether/sass')
8 files changed, 211 insertions, 0 deletions
diff --git a/afm-client/bower_components/tether/sass/helpers/_tether-theme-arrows.sass b/afm-client/bower_components/tether/sass/helpers/_tether-theme-arrows.sass new file mode 100644 index 0000000..999ae4c --- /dev/null +++ b/afm-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/afm-client/bower_components/tether/sass/helpers/_tether-theme-basic.sass b/afm-client/bower_components/tether/sass/helpers/_tether-theme-basic.sass new file mode 100644 index 0000000..34642c2 --- /dev/null +++ b/afm-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/afm-client/bower_components/tether/sass/helpers/_tether.sass b/afm-client/bower_components/tether/sass/helpers/_tether.sass new file mode 100644 index 0000000..fc50993 --- /dev/null +++ b/afm-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 diff --git a/afm-client/bower_components/tether/sass/mixins/_pointer-events.scss b/afm-client/bower_components/tether/sass/mixins/_pointer-events.scss new file mode 100644 index 0000000..66c7e77 --- /dev/null +++ b/afm-client/bower_components/tether/sass/mixins/_pointer-events.scss @@ -0,0 +1,6 @@ +@mixin pointer-events($type: none) { + $type: unquote($type); + @include experimental(pointer-events, $type, + -moz, -webkit, not -o, not -ms, -khtml, official + ); +}
\ No newline at end of file diff --git a/afm-client/bower_components/tether/sass/tether-theme-arrows-dark.sass b/afm-client/bower_components/tether/sass/tether-theme-arrows-dark.sass new file mode 100644 index 0000000..ad1caf0 --- /dev/null +++ b/afm-client/bower_components/tether/sass/tether-theme-arrows-dark.sass @@ -0,0 +1,12 @@ +@import helpers/tether +@import helpers/tether-theme-arrows + +$themePrefix: "tether" +$themeName: "arrows-dark" +$arrowSize: 16px +$backgroundColor: #000 +$color: #fff +$useDropShadow: false + ++tether($themePrefix: $themePrefix) ++tether-theme-arrows($themePrefix: $themePrefix, $themeName: $themeName, $arrowSize: $arrowSize, $backgroundColor: $backgroundColor, $color: $color, $useDropShadow: $useDropShadow) diff --git a/afm-client/bower_components/tether/sass/tether-theme-arrows.sass b/afm-client/bower_components/tether/sass/tether-theme-arrows.sass new file mode 100644 index 0000000..87765b2 --- /dev/null +++ b/afm-client/bower_components/tether/sass/tether-theme-arrows.sass @@ -0,0 +1,12 @@ +@import helpers/tether +@import helpers/tether-theme-arrows + +$themePrefix: "tether" +$themeName: "arrows" +$arrowSize: 16px +$backgroundColor: #fff +$color: inherit +$useDropShadow: true + ++tether($themePrefix: $themePrefix) ++tether-theme-arrows($themePrefix: $themePrefix, $themeName: $themeName, $arrowSize: $arrowSize, $backgroundColor: $backgroundColor, $color: $color, $useDropShadow: $useDropShadow) diff --git a/afm-client/bower_components/tether/sass/tether-theme-basic.sass b/afm-client/bower_components/tether/sass/tether-theme-basic.sass new file mode 100644 index 0000000..9a2be06 --- /dev/null +++ b/afm-client/bower_components/tether/sass/tether-theme-basic.sass @@ -0,0 +1,10 @@ +@import helpers/tether +@import helpers/tether-theme-basic + +$themePrefix: "tether" +$themeName: "basic" +$backgroundColor: #fff +$color: inherit + ++tether($themePrefix: $themePrefix) ++tether-theme-basic($themePrefix: $themePrefix, $themeName: $themeName, $backgroundColor: $backgroundColor, $color: $color)
\ No newline at end of file diff --git a/afm-client/bower_components/tether/sass/tether.sass b/afm-client/bower_components/tether/sass/tether.sass new file mode 100644 index 0000000..6421016 --- /dev/null +++ b/afm-client/bower_components/tether/sass/tether.sass @@ -0,0 +1,5 @@ +@import helpers/tether + +$themePrefix: "tether" + ++tether($themePrefix: $themePrefix)
\ No newline at end of file |