Comments (8)
Hmm...reverse alphabetical order? That's surprising, the default should be alphabetical based on the name
you give each component.
As of now there is no standardized way to override the order. There was one section of a guide I made where I had to control the order a little differently. I hacked it by prepending a number to each name (e.g. 1_button_sizes
) to have better control. Not great, but works for small sections.
from hologram.
Thanks @aflanagan. Just curious, what would you see as the best way to accomplish ordering? A name/value pair in the YAML comments?
from hologram.
We currently do it this way:
/*doc
---
title: Buttons
name: 00_button
category: Base CSS
---
if you remove the numbers on the name it should order alphabetically. If you leave the numbers then you can manually order your components by setting the numbers to different values.
from hologram.
Yeah, I think that is just as easy (or easier) than adding an optional sort key to the yaml config block. What do you guys think?
from hologram.
I'm cool with that. I'll close this out. Thanks gents!
from hologram.
Running into this as well. Ordinal naming can become a pain for maintenance. I'd love to have it at least respect import order:
@import elements/buttons/buttons
@import elements/buttons/base-button
@import elements/buttons/minor-button
@import elements/buttons/save-button
@import elements/buttons/close-button
@import elements/forms/input-labels
@import elements/forms/text-inputs
@import elements/forms/radio-inputs
@import elements/forms/checkbox-inputs
would output in the same order, ideally.
from hologram.
@VinSpee you should be able to get that ordering by default if you run hologram on your generated css instead of the sass files. I think in that case you would want to avoid using the name attr (which might mean you have to use the git version of hologram until the next gem update)
from hologram.
Since I use sass-style (//comment) comments, I’m pretty sure that’s a no-go, as they’re stripped from output.
--
Vince Speelman
Sent with Airmail
On May 1, 2014 at 2:22:54 PM, JD Cantrell ([email protected]) wrote:
@VinSpee you should be able to get that ordering by default if you run hologram on your generated css instead of the sass files. I think in that case you would want to avoid using the name attr (which might mean you have to use the git version of hologram until the next gem update)
—
Reply to this email directly or view it on GitHub.
from hologram.
Related Issues (20)
- Auto-generated nested navigation HOT 3
- `get_binding` error HOT 8
- Markdown not being parsed HOT 2
- How to doc colors HOT 3
- Link external files into HTML-example area? HOT 1
- Multiple styleguides for different sections? HOT 2
- Create new categories with .md files HOT 2
- How would you support multiple languages?
- Ignore subdirectories or specific file
- Can we access markdown variables inside a template? HOT 1
- `ignore_paths` causing error
- SCSS variables and mixins seem to be ignored HOT 1
- Annoying <p class="styleguide"> generated listing CSS styles commented HOT 1
- Seperate JSON file output
- Possible issue with latest rouge update HOT 1
- Primary menu is not useful in its current state
- Provide a means to set order to nav and section items
- haml rendering without code block output
- Still maintained? HOT 4
- Loop in the Markdown HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from hologram.