fox-css

about fox-css

use fox-css to style your semantic html. no need to memorize class names. light and dark

navigation


core

fox-css styles all html elements to make them look adequate. nothing fancy. we recomend you place content inside <section> and <article> elements

section

article

nest <article>'s, <section>'s, and <aside>'s 2 times or less

<body>
  <main>
    <article>
      <article>

      <article>
    <article>
  <main>
<body>

single elements

quotes

are you saying that because he's a sloth he can't be fast? i thought in zootopia, anyone could be anything

nick wilde, zootopia

terms and definitions

term 1
definition 1
term 2
definition 2

lists

  1. ordered list item 2
  2. ordered list item 1
  3. ordered list item 3
  4. ordered list item 4
  5. ordered list item 5

preformatted text

    _
    / \      _-'
  _/|  \-''- _ /
__-' { |          \
/             \
/       'o.  |o }
|            \ ;
              ',
    \_         __\
      ''-_    \.//
        / '-____'
      /
    _'
  _-'
  

insertions and deletions

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': nav
40. -   }
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>
      

details, summary

did you know that... the red fox is the most common type of fox?

footers