structure | Atomic

  [19:17:45] Using gulpfile ~/Sites/run/wp-content/themes/run/gulpfile.js
  [19:17:45] Starting 'sass'...
  [19:17:45] Starting 'scriptsJs'...
  [19:17:45] Starting 'atomSource'...
  [19:17:45] Finished 'atomSource' after 743 μs
  [19:17:45] Starting 'atomsJs'...
  [19:17:45] Starting 'moleculeSource'...
             atomic molecule ==> modal
  [19:17:45] Finished 'moleculeSource' after 1.28 ms
  [19:17:45] Starting 'moleculesJs'...
  [19:17:45] Starting 'organismSource'...
             atomic organism ==> nav-top
  [19:17:45] Finished 'organismSource' after 321 μs
  [19:17:45] Starting 'organismsJs'...
  [19:17:46] Finished 'moleculesJs' after 348 ms
  [19:17:46] Finished 'sass' after 661 ms
  [19:17:46] Starting 'serve'...
  [19:17:46] Finished 'serve' after 233 ms
  [19:17:46] Finished 'default' after 13 μs
  [BS] Proxying: http://run.site
  [BS] Access URLs:
   ----------------------------------
         Local: http://localhost:9090
      External: http://10.0.1.6:9090
   ----------------------------------
            UI: http://localhost:3001
   UI External: http://10.0.1.6:3001
   ----------------------------------
  [BS] Watching files...

application structure

atomic

package.json
sass
contains the main style.scss file, global presets and libraries.
- amp.scss
- style.scss
- global
  oggeasfhjasd lfhaslkdj hflaksjhf lkajshf lashflkasjdhf
  - _grid-settings.scss
  - _layout.scss
  - normalize.scss
  - _variables.scss
  - _helper-classes.scss
  - _flex-grid.scss
  - _functions.scss
assets
contains the themes global assets (e.g. fonts, icons).
- placeholder.png
- font
  - social-icons
    - style.css
    - selection.json
    - fonts
      - icomoon.ttf
      - icomoon.svg
      - icomoon.eot
      - icomoon.woff
    - Read Me.txt
  - material-design-icon
    - MaterialIcons-Regular.eot
    - MaterialIcons-Regular.woff
    - codepoints
    - MaterialIcons-Regular.svg
    - MaterialIcons-Regular.ttf
    - README.md
    - MaterialIcons-Regular.ijmap
    - material-icons.css
    - MaterialIcons-Regular.woff2
style.css
stylesheet placed for wordpress theme conventions with simple include of css/style.css.
.dir-description
hie si informatione zu aune files und ördnerer.
styleguide
dynamic styleguide for components.
- content-styleguide.php
- style.css
- style.scss
- prettify.js
- prettify.css
- script.js
- lang-css.js
page-data-privacy.php
amp
- meta-time.php
- style.php
- css
  - amp.css
- single.php
- meta-taxonomy.php
- footer.php
- header-bar.php
- blog.php
functions.php
inc
contains theme configuration files. most of theme are included in function.php.
- extras.php
- PostTypes
- custom-header.php
- page-attributes.php
- customizer.php
- acf-default-fields.php
- acf-client-colors.php
- template-tags.php
- acf-default-fields.json
- atomic-admin-bar.php
- custom-excerpts.php
- svg-support.php
- wysiwyg-changes.php
- register-widget-area.php
- atomic-setup.php
- atomic-script-styles.php
- responsive-images.php
- environments.php
- detect-devices.php
- jetpack.php
.gitmodules
languages
contains translation files like .mo / .po.
- atomic.pot
- de_CH.mo
- de_DE.mo
- fr_FR.mo
- de_DE.po
- readme.txt
- fr_CH.mo
- fr_FR.po
.sass-lint.yml
_atoms
css
contains the compiled stylesheet from source sass/styles.scss.
- style.css
_organisms
README.md
layouts
märcu weisch du? i ha die no nie brucht…
- content-sidebar.css
- sidebar-content.css
js
contains main.js and all compiled .js files.
- vendors
  - modernizr-2.8.3.min.js
  - jquery.touchSwipe.js
  - min
    - vendors-min.js
- wp
  - navigation.js.old
  - skip-link-focus-fix.js
  - customizer.js
- main.js
- min
  - main-min.js
  - atoms-min.js
  - organisms-min.js
  - molecules-min.js
package-lock.json
gulpfile.js
the gulpfile for atomic. this script can be run with the console and manages tasks e.g. file changes, compiling tasks or concatenation. it is recommended to take a closer look if you'd like to develop with the atomic theme.
.jshintrc
_molecules

matter

package.json
sass
- style.scss
- global
  - _variables.scss
  - _fonts.scss
style.css
webpack.config.js
acfe-php
- .gitkeep
functions.php
inc
- scripts-styles.php
- custom-post-types.php
page-sandbox.php
.gitmodules
languages
- .gitkeep
.sass-lint.yml
atomic-styleguide
.stylelintrc.yml
_atoms
- readme.md
dist
- styleguide
  - styleguide.css
  - styleguide.css.map
- matter
  - style.css
  - style.css.map
  - gutenberg.js
  - gutenberg.js.map
  - script.js
  - script.js.map
_organisms
- readme.md
screenshot.png
js
- gutenberg.js
- script.js
- global
  - main.js
package-lock.json
gulpfile.js
.eslintrc
_molecules
- readme.md