about fox-css
use fox-css to style your semantic html. no need to memorize class names. light and dark
use fox-css to style your semantic html. no need to memorize class names. light and dark
fox-css styles all html elements to make them look adequate. nothing fancy. we
recomend you place content inside <section>
and
<article>
elements
nest <article>
's, <section>
's, and
<aside>
's 2 times or less
<body> <main> <article> <article> <article> <article> <main> <body>
_ / \ _-' _/| \-''- _ / __-' { | \ / \ / 'o. |o } | \ ; ', \_ __\ ''-_ \.// / '-____' / _' _-'
26. <script> 27. import navitem from '@/components/navigation/navitem'28. - import nav from '@/components/navigation/nav'29. 30. export defalt {31. - name: 'nav',32. - data: {33. - return {34. - foo: 'bar'35. - }36. - },37. components: { 38. 'nav-item': navitem,39. - 'nav': nav40. - } 41. } 42. </script>
26. <script> 27. import { mapstate } from 'vuex' 28. import navitem from '@/components/navigation/navitem' 29. + import navbar from '@/components/navigation/navbar' 30. 31. export defalt { 32. name: 'navigation', 33. + computed: { 34. + ...mapstate('themes/', ['currentthemes']) 35. + }, 36. components: { 37. 'nav-item': navitem, 38. + 'navbar': 'navbar' 39. + } 40. } 41. </script>