Initial commit

Author: AMJones

README

@@ -0,0 +1,2 @@
+Custom Time
+=========

composer.json

@@ -0,0 +1,24 @@
+{
+    "name": "deviscoding/custom-time",
+    "description": "Cross browser time implementation using CSS and JQuery.  Compatible with Twitter Bootstrap",
+    "keywords": [
+        "bootstrap",
+        "time",
+        "replacement",
+        "sass"
+    ],
+    "homepage": "https://github.com/deviscoding/custom-time",
+    "version": "1.0",
+    "authors": [
+        {
+            "name": "AMJones",
+            "homepage": "https://www.deviscoding.com/"
+        }
+    ],
+    "license": "MIT",
+    "require": {
+        "deviscoding/colors": "^1.0",
+        "deviscoding/base": "^2.0",
+        "components/jquery": "^1.10"
+    }
+}

composer.lock

@@ -0,0 +1,62 @@
+/**
+ * CustomTime v1.0 (https://github.com/deviscoding/custom-time) with Icons from Open Iconic (https://useiconic.com/open)
+ * @author  AMJones [am@jonesiscoding.com]
+ * @licence MIT (https://github.com/deviscoding/custom-time/blob/master/LICENSE)
+ */
+.custom-time {
+  border: 1px solid #ced4da;
+  border-radius: 2px;
+  height: calc(2.25rem + 2px);
+  padding: 0 0 0 0.75rem;
+}
+
+.custom-time-wrapper {
+  background: #fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E%3Cpath%20fill%3D%22%23495057%22%20d%3D%22M4%200c-2.2%200-4%201.8-4%204s1.8%204%204%204%204-1.8%204-4-1.8-4-4-4zm0%201c1.66%200%203%201.34%203%203s-1.34%203-3%203-3-1.34-3-3%201.34-3%203-3zm-.5%201v2.22l.16.13.5.5.34.38.72-.72-.38-.34-.34-.34v-1.81h-1z%22%20%2F%3E%3C%2Fsvg%3E") no-repeat left calc(0.375rem + 4px) center;
+  border: 1px solid #ced4da;
+  border-radius: 2px;
+  height: calc(2.25rem + 2px);
+  padding: 0 0.1875rem 0 1.5rem;
+}
+
+.custom-time-wrapper:focus-within {
+  border: 1px solid #80bdff;
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+  outline: none;
+}
+
+.custom-time-wrapper .custom-time {
+  display: none;
+}
+
+.custom-time-wrapper .custom-h, .custom-time-wrapper .custom-i, .custom-time-wrapper .custom-s, .custom-time-wrapper .custom-a {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  background: transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E%3Cpath%20fill%3D%22rgba%2873%2C%2080%2C%2087%2C%200.5%29%22%20d%3D%22M0%200l4%204%204-4h-8z%22%20transform%3D%22translate%280%202%29%22%20%2F%3E%3C%2Fsvg%3E") no-repeat right 0.5rem center;
+  border: none !important;
+  border-radius: 0 !important;
+  height: 100%;
+  padding: 0 calc(1rem + 8px) 0 0.5rem;
+}
+
+.custom-time-wrapper .custom-h:focus, .custom-time-wrapper .custom-i:focus, .custom-time-wrapper .custom-s:focus, .custom-time-wrapper .custom-a:focus {
+  outline: none;
+  box-shadow: none;
+  border: none;
+}
+
+@media handheld, screen and (pointer: coarse) {
+  .custom-time-wrapper:focus-within {
+    border: none;
+    box-shadow: none;
+  }
+  .custom-time-wrapper .custom-time {
+    border: none;
+    height: 2.25rem;
+    display: inline-block;
+    padding: 0;
+  }
+  .custom-time-wrapper .custom-h, .custom-time-wrapper .custom-i, .custom-time-wrapper .custom-s, .custom-time-wrapper .custom-a {
+    display: none;
+  }
+}