css - Foundation: vertical sub-nav -
css - Foundation: vertical sub-nav -
is possible create vertical sub-nav? in doc page there's horizontal 1 , can't find out how display elements vertically
edit: here link foundation docs: http://foundation.zurb.com/docs/components/subnav.html
and original css (extracted foundation.css):
.sub-nav { display: block; width: auto; overflow: hidden; margin: -0.25rem 0 1.125rem; padding-top: 0.25rem; margin-right: 0; margin-left: -0.75rem; } .sub-nav dt { text-transform: uppercase; } .sub-nav dt, .sub-nav dd, .sub-nav li { float: left; display: inline; margin-left: 1rem; margin-bottom: 0.625rem; font-family: "helvetica neue", "helvetica", helvetica, arial, sans-serif; font-weight: normal; font-size: 0.875rem; color: #999999; } .sub-nav dt a, .sub-nav dd a, .sub-nav li { text-decoration: none; color: #999999; padding: 0.1875rem 1rem; } .sub-nav dt a:hover, .sub-nav dd a:hover, .sub-nav li a:hover { color: #737373; } .sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active { border-radius: 3px; font-weight: normal; background: #008cba; padding: 0.1875rem 1rem; cursor: default; color: white; } .sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover { background: #0078a0; }
css zurb-foundation
Comments
Post a Comment