Comments (7)
Thanks a lot for the examples @futurist I'll look into it today ;)
from bss.
from bss.
When adding style to drag & drop element, I like the -webkit-grab
cursor style, but for others don't support it, I'd like to fallback to ns-resize
, but cannot get it in one rule, that's why I post this issue.
from bss.
Ah I see. That makes perfect sense. I'll look into it.
Until then you can define them in separate instances like this :
b.cursor('ns-resize') + b.cursor('-webkit-grab')
That will generate 2 classes but still achieve the desired end result.
from bss.
About this issue, I'm also facing the flexbox problem:
.page-wrap {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
}
.main-nav,
.main-sidebar {
-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
width: 20%; /* For old syntax, otherwise collapses. */
-webkit-flex: 1; /* Safari 6.1+. iOS 7.1+, BB10 */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, Spec - Firefox, Chrome, Opera */
}
I'm struggled to include above into bss also.
from bss.
Hi @futurist.. So I did look into it, but got caught up in a small mind game about the last flex-box example you posted. So optimally I'd want bss to handle this behind the scenes. That means I'd want bss to simply take display: flex;
and flex: 1
, and then do the cross-browser support automatically. This is probably something that will take some time to do properly, and your initial use case of doing various cursors would still be present.
So — I'll be introducing support for multiple same named properties (as one expects would be possible), but I'll hold out on documenting it for now until I've thought through a proper solution for seamless cross-browser support..
I've just pushed the changes now, but I'll hold on with a new release until I've done some more testing.
Would you mind trying out how it works for you with the latest commit?
from bss.
Yes, the lastest commit allow same property repeation, thanks!
from bss.
Related Issues (20)
- POJO style question HOT 7
- using bss-react module just for react HOT 10
- Make shorthands a little magic HOT 13
- Allow multiline property value declarations HOT 2
- v2: Extract shorthands into helpers object
- v2: letter-spacing auto px
- Unit interpolation fails in node HOT 1
- convert fractions to percentage values HOT 6
- assign deeper HOT 3
- document how helpers can be used in lean strings HOT 1
- Simple integration width vuejs. HOT 1
- Line Height when given a unitless value doesn't return as expected HOT 3
- SVGs defined in background data urls don't work HOT 1
- Helpers defined with hyphen-case never get called HOT 1
- `$nest` and `$media` not applying style. HOT 3
- Feature Request: Built-in CSS Class Composition HOT 7
- Partial application overload for binary signature methods HOT 9
- Duplicate selector doesn't concat style. HOT 2
- Debug mode makes bugs harder to find HOT 1
- Some functions don't work on Mozilla Firefox lastest update (97.0) HOT 2
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 bss.