sass - Horizontal list with Susy grid -

-

i want build android main navigation fits susy grid. looks this:

enter image description here

the code goes here:

html:

<div class="container">     <nav>         <ul class="horizontal-list">             <li>                 <a href="#">one</a>             </li>             <li>                 <a href="#">two</a>             </li>             <li>                 <a href="#">three</a>             </li>             <li>                 <a href="#">four</a>             </li>         </ul>     </nav> </div>

sass:

header.main {     height: $headerheight;     background: url('images/headerbackground.gif');      .container {         @include container;         @include susy-grid-background;          nav {             @include span-columns(8);              ul.horizontal-list {                 @include horizontal-list;                 overflow: visible;                  li {                     @include isolate-grid(2, 8);                      padding: 0;                     display: table;                     {                         // vertical alignment                         display: table-cell;                         height: $headerheight / 2;                         padding-bottom: 2px;                         vertical-align: bottom;                          // appearance                         color: $greylight;                         font-size: 18px;                         text: {                             transform: uppercase;                             decoration: none;                         }                          // hover                         position: relative;                         &:before {                             content: '';                             display: block;                             width: $headerunderlinegap;                             background: $black;                             height: $headerheight;                             position: absolute;                             top: 0;                             margin-left: -$headerunderlinegap + 1;                         }                          &:hover {                             color: $white;                              &:after {                                 content: '';                                 display: block;                                 background: $cyanlight;                                 width: 114%; // todo check why space(2, 8) not work                                 height: 4px;                                 position: absolute;                                 margin: -1px 0 0 1px;                             }                         }                     }                 }             }         }     } }

i feel it's bit hacky set width of &:after element 114% , not space(2, 8). can tell me, how set horizontal navigation susy grid , continuous underline, hovers way next li element.

thanks in advance!

space(2,8) doesn't work in case because 8 not context: 2 is. need space(2,2).


Comments

Post a Comment

Popular posts from this blog

java - Run a .jar on Heroku -

-
i trying run .jar file on heroku, , can't find instructions anywhere on how this. have read wants me compile uploading heroku. possible, , if is, how this? if helps, trying run minecraft craftbukkit server, , don't have pom.xml file yet. you didn't provide details i'll try give , people reaches question way it. first of all, create heroku account , create heroku application (assumed have done that). second, need generate application jar , upload heroku. so, open terminal , install heroku cli (assuming unix terminal): $ sudo npm install -g heroku-cli you need have npm , nodejs installed, can check link: https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-ubuntu-16-04 once done that, can use npm update node version acceptable heroku-cli: $ sudo npm install -g n $ sudo n 7.10.0 and run: $ sudo npm install -g heroku-cli in order deploy jars, need install deploy plugin: $ sudo heroku plugins:install heroku-cli-deploy ...
Read more

java - Jtable duplicate Rows -

-
Image
when add new rows in jtable duplicate rows many times this method update jtable public final void tableaucomande(){ ((defaulttablemodel)tabcommande.getmodel()).getdatavector().clear(); session s=hibernateutil.getsessionfactory().opensession(); criteria cr1= s.createcriteria(commande.class); list <commande> lcs=cr1.list() ; criteria cr2= s.createcriteria(lignecommande.class); list <lignecommande> lck=cr2.list() ; if(lcs.size()!=0 && lck.size()!=0) { (commande lc:lcs) { for(lignecommande lig:lck){ ((defaulttablemodel)tabcommande.getmodel()).addrow(new object[]{ lc.getid_cmd(),lc.getnumcmd(),lc.getdate_cmd(),lc.getclient().getnomprenom(), lig.getproduit().getlib_prd(),lig.getquantite(),lig.getproduit().getid_prd() }); } } // tabcommande.setrowselectioninterval(tabcommande.getrowcount()-1,tabcommande.getrowcount()-1); } } this code add add data rows displaye...
Read more

validation - How to pass paramaters like unix into windows batch file -

-
i need pass various parameters .cmd file unix format file.cmd -configuration=value -source=value -flag but, try this: startlocal @echo off cls setlocal set cmdline=%* set configuration= set source= set badargs= set validation= goto main :splitargs echo splitargs(%*) if "%*" neq "" ( /f "tokens=1,2,* delims== " %%i in ("%*") call :assignkeyvalue %%i %%j & call :splitargs %%k ) goto :eof :assignkeyvalue echo assignkeyvalue(%1, %2) if /i %1==-configuration ( set configuration=%2 ) else if /i %1==-source ( set source=%2 ) else ( rem append unrecognised [key,value] badargs echo unknown key %1 set badargs=%badargs%[%1, %2] ) goto :eof :validate echo validating set validation=fail if defined configuration ( echo -configuration ok if defined source ( echo -source ok if not defined badargs ( set validation=success ) ) ) goto :eof :main cl...
Read more