This commit is contained in:
chrosey
2017-09-13 07:52:34 +02:00
parent a1f16c37f4
commit 2340b0226b
24621 changed files with 2912161 additions and 149 deletions
+192
View File
@@ -0,0 +1,192 @@
=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
+14
View File
@@ -0,0 +1,14 @@
=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
+12
View File
@@ -0,0 +1,12 @@
=tether($themePrefix: "tether")
.#{ $themePrefix }-element, .#{ $themePrefix }-element *
&, &:after, &:before
box-sizing: border-box
.#{ $themePrefix }-element
position: absolute
display: none
&.#{ $themePrefix }-open
display: block
+6
View File
@@ -0,0 +1,6 @@
@mixin inline-block
display: inline-block
vertical-align: middle
*vertical-align: auto
*zoom: 1
*display: inline
+7
View File
@@ -0,0 +1,7 @@
@mixin pie-clearfix
*zoom: 1
&:after
content: ""
display: table
clear: both
+12
View File
@@ -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)
+12
View File
@@ -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)
+10
View File
@@ -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)
+5
View File
@@ -0,0 +1,5 @@
@import helpers/tether
$themePrefix: "tether"
+tether($themePrefix: $themePrefix)