summaryrefslogtreecommitdiffstats
path: root/afm-client/bower_components/tether/sass/helpers
diff options
context:
space:
mode:
authorFulup Ar Foll <fulup@iot.bzh>2016-01-28 16:30:12 +0100
committerFulup Ar Foll <fulup@iot.bzh>2016-01-28 16:30:12 +0100
commitbe83a8f382cf2fea98161bfd6d51719aacbf9aa9 (patch)
tree3fb02337f8d7d308ef7ca7818ecc3d3a6ee05d88 /afm-client/bower_components/tether/sass/helpers
parent1a4ed39bf86b2115eb0f1387d1e988462b492776 (diff)
Update JSON API
Diffstat (limited to 'afm-client/bower_components/tether/sass/helpers')
-rw-r--r--afm-client/bower_components/tether/sass/helpers/_tether-theme-arrows.sass136
-rw-r--r--afm-client/bower_components/tether/sass/helpers/_tether-theme-basic.sass16
-rw-r--r--afm-client/bower_components/tether/sass/helpers/_tether.sass14
3 files changed, 166 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