Add a device selector on the launching page

2015-04-27 15:40:46 +02:00
parent 9cad9ad2f9
commit cae23d61e2
8 changed files with 105 additions and 3 deletions
@@ -30,6 +30,38 @@
    
 }

+.device {
+    margin-top: 2em;
+    .item {
+        display: inline-block;
+        margin: 0.7em 0.3em;
+        width: 5.5em;
+        height: 5.5em;
+        color: #FFF;
+        border: 1px solid #FFF;
+        padding: 1px;
+        border-radius: 0.5em;
+        cursor: pointer;
+        text-decoration: none;
+        font-size: 0.8em;
+
+        &.active {
+            color: #ffa319;
+            border: 2px solid #ffa319;
+            padding: 0;
+        }
+
+        &:hover {
+            color: #ffa319;
+        }
+
+        > div {
+            margin: 0.2em 0 0.1em;
+            font-size: 3em;
+        }
+    }
+}
+
 .features {
    display: table;
    width: 50%;