maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-28 20:53:24 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Try to push TabNav items at the bottom of the bar

Browse source
This commit is contained in:
Vesa Luusua 2017-09-26 15:08:48 +03:00
parent 20bfefaddd
commit e79112c8ee
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/TabNav/TabNav.css
View file

@ -31,6 +31,10 @@
color: var(--matterColor);
padding-bottom: 10px;
padding-top: 10px;
/* push tabs against bottom of tab bar */
margin-top: auto;
border-bottom-width: 2px;
border-bottom-style: solid;
@ -50,6 +54,10 @@
margin-bottom: 14px;
width: var(--linkWidth);
/* Remove mobile (horizontally aligned) nav styling */
padding-top: 0;
margin-top: 0;
&:hover {
background-image: url("data:image/svg+xml;utf8,<svg width='4' height='32' viewBox='0 0 4 32' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h4v32H0z' fill='#C0392B' fill-rule='evenodd'/></svg>");
background-position: right center;