cartodb/CartoAssets
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

clean html

Browse Source
This commit is contained in:
Emilio García 2016-01-25 23:51:01 +01:00
parent 37f5c9df9d
commit f0313766b3
2 changed files with 24 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,7 +1,7 @@
{ {
"name": "cartoassets", "name": "cartoassets",
"description": "Share frontend assets between different CartoDB repositories", "description": "Share frontend assets between different CartoDB repositories",
"version": "0.1.20", "version": "0.1.21",
"homepage": "https://github.com/cartodb/CartoAssets", "homepage": "https://github.com/cartodb/CartoAssets",
"author": { "author": {
"name": "CartoDB", "name": "CartoDB",

39
src/scss/cdb-components/menu.scss
View File

@ -7,25 +7,25 @@
``` ```
<nav class="CDB-NavMenu"> <nav class="CDB-NavMenu">
<ul class="CDB-NavMenu-Inner"> <ul class="CDB-NavMenu-Inner Text is-semibold Size-medium">
<li class="CDB-NavMenu-Item Text is-semibold Size-medium u-rSpace--m u-iBlock"> <li class="CDB-NavMenu-Item">
<a class="CDB-NavMenu-Link" href="#">DATA</a> <a class="CDB-NavMenu-Link" href="#">DATA</a>
</li> </li>
<li class="CDB-NavMenu-Item Text is-semibold Size-medium u-rSpace--m u-iBlock"> <li class="CDB-NavMenu-Item">
<a class="CDB-NavMenu-Link" href="#">STYLE</a> <a class="CDB-NavMenu-Link" href="#">STYLE</a>
</li> </li>
<li class="CDB-NavMenu-Item is-active Text is-semibold Size-medium u-rSpace--m u-iBlock"> <li class="CDB-NavMenu-Item">
<a class="CDB-NavMenu-Link" href="#">POP-UP</a> <a class="CDB-NavMenu-Link" href="#">POP-UP</a>
<ul class="CDB-NavSubmenu"> <ul class="CDB-NavSubmenu Size-small">
<li class="CDB-NavSubmenu-Item Text is-semibold Size-small u-rSpace--m u-iBlock is-active"> <li class="CDB-NavSubmenu-Item is-active">
<a href="#" class="CDB-NavSubmenu-Link">CLICK <span class="CDB-NavSubmenu-Status">NONE</span></a> <a href="#" class="CDB-NavSubmenu-Link">CLICK <span class="CDB-NavSubmenu-Status">NONE</span></a>
</li> </li>
<li class="CDB-NavSubmenu-Item Text is-semibold Size-small u-rSpace--m u-iBlock"> <li class="CDB-NavSubmenu-Item">
<a href="#" class="CDB-NavSubmenu-Link">HOVER <span class="CDB-NavSubmenu-Status">NONE</span></a> <a href="#" class="CDB-NavSubmenu-Link">HOVER <span class="CDB-NavSubmenu-Status">NONE</span></a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="CDB-NavMenu-Item Text is-semibold Size-medium u-rSpace--m u-iBlock"> <li class="CDB-NavMenu-Item">
<a class="CDB-NavMenu-Link" href="#">LEGEND</a> <a class="CDB-NavMenu-Link" href="#">LEGEND</a>
</li> </li>
</ul> </ul>
@ -39,25 +39,25 @@
<div style="background: #2E3C43; height: 100px; padding: 20px;"> <div style="background: #2E3C43; height: 100px; padding: 20px;">
<nav class="CDB-NavMenu is-dark"> <nav class="CDB-NavMenu is-dark">
<ul class="CDB-NavMenu-Inner"> <ul class="CDB-NavMenu-Inner Text is-semibold Size-medium">
<li class="CDB-NavMenu-Item Text is-semibold Size-medium u-rSpace--m u-iBlock"> <li class="CDB-NavMenu-Item Text">
<a class="CDB-NavMenu-Link" href="#">DATA</a> <a class="CDB-NavMenu-Link" href="#">DATA</a>
</li> </li>
<li class="CDB-NavMenu-Item Text is-semibold Size-medium u-rSpace--m u-iBlock"> <li class="CDB-NavMenu-Item">
<a class="CDB-NavMenu-Link" href="#">STYLE</a> <a class="CDB-NavMenu-Link" href="#">STYLE</a>
</li> </li>
<li class="CDB-NavMenu-item is-active Text is-semibold Size-medium u-rSpace--m u-iBlock"> <li class="CDB-NavMenu-item is-active">
<a class="CDB-NavMenu-Link" href="#">POP-UP</a> <a class="CDB-NavMenu-Link" href="#">POP-UP</a>
<ul class="CDB-NavSubmenu"> <ul class="CDB-NavSubmenu Size-small">
<li class="CDB-NavSubmenu-Item Text is-semibold Size-small u-rSpace--m u-iBlock is-active"> <li class="CDB-NavSubmenu-Item is-active">
<a href="#" class="CDB-NavSubmenu-Link">CLICK <span class="CDB-NavSubmenu-Status">NONE</span></a> <a href="#" class="CDB-NavSubmenu-Link">CLICK <span class="CDB-NavSubmenu-Status">NONE</span></a>
</li> </li>
<li class="CDB-NavSubmenu-Item Text is-semibold Size-small u-rSpace--m u-iBlock"> <li class="CDB-NavSubmenu-Item">
<a href="#" class="CDB-NavSubmenu-Link">HOVER <span class="CDB-NavSubmenu-Status">NONE</span></a> <a href="#" class="CDB-NavSubmenu-Link">HOVER <span class="CDB-NavSubmenu-Status">NONE</span></a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="CDB-NavMenu-Item Text is-semibold Size-medium u-rSpace--m u-iBlock"> <li class="CDB-NavMenu-Item">
<a class="CDB-NavMenu-Link" href="#">LEGEND</a> <a class="CDB-NavMenu-Link" href="#">LEGEND</a>
</li> </li>
</ul> </ul>
@ -89,6 +89,13 @@
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
} }
.CDB-NavMenu-Item,
.CDB-NavSubmenu-Item {
display: inline-block;
margin-right: 8px;
vertical-align: middle;
}
.CDB-NavMenu-Item.is-active .CDB-NavMenu-Link { .CDB-NavMenu-Item.is-active .CDB-NavMenu-Link {
border-bottom: 1px solid $cMainDark; border-bottom: 1px solid $cMainDark;
color: $cMainDark; color: $cMainDark;