diff options
author | Victor Häggqvist <[email protected]> | 2016-01-14 22:54:43 +0100 |
---|---|---|
committer | Victor Häggqvist <[email protected]> | 2016-01-14 22:54:43 +0100 |
commit | 382401d527314b270e1c67b4f88cd3bfbca81d46 (patch) | |
tree | 77c4831118fc9fd2d19e044ce5ffb60b8533163f /style/plugins/closebutton.scss | |
parent | dd52fd3f463c254cf54309db848aa88899caeaa0 (diff) |
create plugin architecture
Diffstat (limited to '')
-rw-r--r-- | style/plugins/closebutton.scss | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/style/plugins/closebutton.scss b/style/plugins/closebutton.scss new file mode 100644 index 0000000..68b813b --- /dev/null +++ b/style/plugins/closebutton.scss @@ -0,0 +1,54 @@ +$closebutton-size: 40px; + +#imagelightbox-close { + border-radius: 50%; + + background-color: #666; + height: $closebutton-size; + position: fixed; + right: $closebutton-size; + text-align: left; + text-indent: -9999px; + top: $closebutton-size; + transition: color .3s ease; + width: $closebutton-size; + z-index: 10002; + + &:hover { + background-color: #111; + } + + &:before, + &:after { + background-color: #fff; + bottom: 20%; + content: ''; + left: 50%; + margin-left: -1px; + position: absolute; + top: 20%; + width: 2px; + } + + &:before { + rotate: 45deg; + } + + &:after { + rotate: -45deg; + } + + animation: fade-in .25s linear; +} + +@keyframes fade-in { + 0% { opacity: 0; } + 100% { opacity: 1; } +} + +@media only screen and (max-width: 660px) { + #imagelightbox-close { + right: 20px; + top: 20px; + } +} |