Merge pull request #1 from marcwieland95/develop

Beta 2

README.md

@@ -8,7 +8,10 @@
 In progress
 
 ##ToDo
-- Reduce JS in calculation function - achieve more trought css
+- Reduce JS in calculation function (improve) - achieve more trought css (flexbox)
+- Improve margin/padding handling
+- Rewritte title functions
+- Don't hardcode arrow and close sizes inside css (height and width)
 
 ##Building
 Build using Grunt and Bower. The following tasks are available:
@@ -21,6 +24,13 @@ Build using Grunt and Bower. The following tasks are available:
 See [Trello-Board](https://trello.com/b/kjfwYtGe/litbx) to check future feature and current work state.
 
 ##Changelog
+### Beta 2 (Sprint 2) - 19.10.2015
+* Keyboard (2)
+* Arrow-Handling (4)
+* Preload (3)
+* Divide into galleries (data-attr) (2)
+* Overlay (stop scroll, color) (2)
+
 ### Beta 1 (Sprint 1) - 06.09.2015
 * Bootstrap (3)
 * Grunt, Bower and Travis (1)

dist/css/litbx.core.css

@@ -2,6 +2,12 @@
   /*
 		Arrow
 	 */
+  /*
+		Close
+	 */
+  /*
+		Title
+	 */
   /*
 		Loading
 	 */
@@ -42,6 +48,8 @@
   -webkit-align-items: center;
       -ms-flex-align: center;
           align-items: center;
+  width: 80%;
+  height: auto;
 }
 .litbx__inner {
   width: 100%;
@@ -85,6 +93,27 @@
 .litbx__arrow--next {
   right: 0;
 }
+.litbx__close {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  right: 0;
+  width: 70px;
+  height: 70px;
+  text-align: center;
+  line-height: 70px;
+}
+.litbx__title {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+.litbx__title.outside {
+  -webkit-transform: translateY(100%);
+      -ms-transform: translateY(100%);
+          transform: translateY(100%);
+}
 .litbx__overlay.loading::after {
   content: "";
   position: fixed;