diff options
author | Stephane Desneux <stephane.desneux@iot.bzh> | 2016-05-31 18:16:48 +0200 |
---|---|---|
committer | Stephane Desneux <stephane.desneux@iot.bzh> | 2016-05-31 18:16:48 +0200 |
commit | 5b1e6cc132f44262a873fa8296a2a3e1017b0278 (patch) | |
tree | 43b2cd54e2e300b399ff3f2af4458a2c4ed8a144 /afb-client/bower_components/tether/sass/helpers | |
parent | f7d2f9ac4168ee5064580c666d508667a73cefc0 (diff) | |
parent | 85ace9c1ce9a98e9b8a22f045c7dd752b38d9129 (diff) |
Merge afb-client
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 |