New repository of icons: x64

examples/test/index.html

@@ -44,7 +44,7 @@
     <section id="test-1" class="pop">
         <header class="extended">
             <nav class="onleft">
-                <a href="#kitchen-sink-scroll" data-target="aside" data-icon="user"></a>
+                <a href="#kitchen-sink-scroll" data-target="aside" data-icon="home"></a>
                 <a href="#kitchen-sink-scroll" data-article="nav-2" data-target="aside" data-icon="heart" data-count="8"></a>
             </nav>
             <div class="onleft">
@@ -58,17 +58,17 @@
 
 
         <nav class="groupbar">
-            <a href="#nav-1" data-target="article" class="current"  data-icon="clock">&nbsp;Lists</a>
+            <a href="#nav-1" data-target="article" class="current"  data-icon="html5">&nbsp;Lists</a>
             <a href="#nav-2" data-target="article" data-icon="calendar">&nbsp;Form</a>
         </nav>
 
 
         <footer class="toolbar with-labels">
             <nav>
-                <a href="#nav-1" data-target="article" data-title="d" data-icon="phone" class="current" data-label="boxes" data-count="1"></a>
-                <a href="#nav-2" data-target="article" data-title="b" data-icon="calendar" data-count="12" data-label="Form"></a>
-                <a href="#nav-3" data-target="article" data-title="c"  data-icon="mail" data-label="Emails" data-count="123"></a>
-                <a href="#nav-4" data-target="article" data-title="lists"  data-icon="clock" data-label="lists"></a>
+                <a href="#nav-1" data-target="article" data-title="d" data-icon="settings" class="current" data-label="boxes" data-count="1"></a>
+                <a href="#nav-2" data-target="article" data-title="b" data-icon="refresh" data-count="12" data-label="Form"></a>
+                <a href="#nav-3" data-target="article" data-title="c"  data-icon="share" data-label="Emails" data-count="123"></a>
+                <a href="#nav-4" data-target="article" data-title="lists"  data-icon="inbox-full" data-label="lists"></a>
             </nav>
         </footer>
 
@@ -213,9 +213,9 @@
                 </li>
                 <li class="red">
                     <a href="#"  data-icon="home">
-                        <div class="bubble red onright"><span class="icon pushpin"></span>125m</div>
+                        <div class="bubble red onright"><span class="icon map"></span>125m</div>
                         <strong>List: .red</strong>
-                        <small data-icon="home">a: data-icon & .bubble</small>
+                        <small data-icon="clock">a: data-icon & .bubble</small>
                     </a>
                 </li>
 
@@ -239,11 +239,6 @@
 
         </article>
 
-
-
-
-
-
         <article id="nav-3" class="list indented">
             <div>
                 <a href="#test-2" data-target="section" class="button big" data-icon="check">Test 2</a>

src/stylesheets/Lungo.layout.list.less

@@ -45,9 +45,8 @@
             width: 32px;
             height: 32px;
             margin-right: 8px;
-
-            font-size: 46px;
-            line-height: 32px;
+            font-size: 2.6em;
+            line-height: 1.0em;
             text-align: center;
         }
 
@@ -71,9 +70,8 @@
     & .onright .icon, & small .icon {
         height: 13px;
         width: auto;
-        //width: 13px;
         margin-right: 1px;
-        font-size: 1.4em !important;
+        font-size: 1.2em;
         line-height: 0.8em;
     }
 

src/stylesheets/Lungo.layout.nav.less

@@ -21,10 +21,9 @@ nav {
         float: left;
 
         & .icon {
-            position: relative;
-            top:  3px;
-            font-size: 24px;
-            display: inline-block;
+            //position: relative;
+            font-size: 1.7em;
+            //display: inline-block;
         }
 
         & img {
@@ -42,10 +41,34 @@ nav {
 
     & .bubble {
         position: relative;
-        top:  -5px;
+        top:  -12px;
         left: -5px;
         margin-right: -20px;
     }
+
+    &.groupbar {
+        position: absolute;
+        top: 43px;
+        height: 28px;
+        display: block;
+        width: 100%;
+        padding: 4px 0 2px;
+        display: block;
+        line-height: 28px;
+        z-index: 2;
+
+        & a {
+            padding: 0px;
+            font-weight: bold;
+            & .icon {
+                font-size: 1.0em;
+            }
+        }
+    }
+
+    &.toolbar {
+
+    }
 }
 
 header, footer {
@@ -75,7 +98,7 @@ header, footer {
     & .icon {
         display: block;
         top:  0px;
-        font-size: 34px;
+        font-size: 2.1em;
         line-height: 34px;
     }
 
@@ -86,7 +109,7 @@ header, footer {
 
     & abbr {
         position: absolute;
-        top: 32px;
+        top: 34px;
         width: inherit;
         height: 14px;
         margin-left: 0px;
@@ -99,18 +122,4 @@ header, footer {
         white-space: nowrap;
         text-overflow: ellipsis;
     }
-}
-
-.groupbar {
-    position: absolute;
-    top: 43px;
-    height: 28px;
-    display: block;
-    width: 100%;
-    padding: 4px 0 2px;
-    display: block;
-    line-height: 28px;
-    z-index: 2;
-
-    & a { padding: 0px; font-weight: bold;}
 }

src/stylesheets/css/Lungo.layout.list.css

@@ -1,11 +1,11 @@
 .list li{list-style-type:none;}.list li.padding{padding:8px;}
 .list li a{position:relative;display:block;padding:8px;}
 .list li.arrow>a::after{content:'';display:block;width:6px;height:6px;border-right:3px solid #D0D0D8;border-top:3px solid #D0D0D8;position:absolute;right:12px;top:43%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
-.list li .icon,.list li img{float:left;width:32px;height:32px;margin-right:8px;font-size:46px;line-height:32px;text-align:center;}
+.list li .icon,.list li img{float:left;width:32px;height:32px;margin-right:8px;font-size:2.6em;line-height:1.0em;text-align:center;}
 .list li.thumb img{margin:-8px 8px -8px -8px;height:46px;width:46px;}
 .list .bubble{padding-left:5px;padding-right:5px;}
 .list .onright{font-size:0.75em;font-weight:bold;}
-.list .onright .icon,.list small .icon{height:13px;width:auto;margin-right:1px;font-size:1.4em !important;line-height:0.8em;}
+.list .onright .icon,.list small .icon{height:13px;width:auto;margin-right:1px;font-size:1.2em;line-height:0.8em;}
 .list li.anchor{font-size:0.85em;padding:4px 4px 3px;}.list li.anchor .icon{width:14px !important;height:14px !important;margin-right:2px !important;font-size:1.6em !important;line-height:14px !important;}
 .list li.anchor .bubble{display:none;}
 .list .tip{font-size:0.85em;font-weight:bold;}