Comments (1)
Hi @ericraio ,
I think this leans towards opinionated. For me, they are conventional and intuitive. I don't believe them to be particularly unconventional.
The aim is to use BEM
in combination with abbreviated words to keep the class
attribute bloat to a minimum. It's ideal to keep doormat
classes discreet as they are likely to be used along with other classes on a project.
dm
is the abbreviation ofdoormat
.dm__pnl
is the abbreviation ofdoormat__panel
.
This is a common approach. Think of popular frameworks that instead of say;
<button class="button button--primary">I'm a button</button>
Actually use classes such as btn
;
<button class="btn btn--primary">I'm a button</button>
I have stripped it down further than that. Maybe drmt
would conform better. The foundation idea is to strip vowels and repeated consonants.
That being said, If you wish to change the class names being used, there are some details in the README
on how to "roll your own" custom version of doormat
.
Hope that helps.
from doormat.
Related Issues (15)
- index.html reference to the css/flat-ui.css HOT 4
- Fix screen jumping and scroll reset for mobile
- Change number of panels HOT 1
- Are there any good integrations for snapping? HOT 10
- Snap travel
- Doormats get skipped when scrolling with scrollbar HOT 1
- Behaves oddly when panels are bigger than viewport height HOT 1
- Deprecate CoffeeScript use in favor of Babel
- Fix snap travelling behavior
- Script not working after update HOT 1
- Programmatic way to go to a slide? HOT 7
- Scrollable Li
- Content flash on load
- Window resize should trigger reset
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 doormat.