skynexui_responsive_stylesheet 1.7.1 skynexui_responsive_stylesheet: ^1.7.1 copied to clipboard
You don't need to be worried just because you have to support multiple screens
@skynexui/responsive_stylesheet #
You don't need to be worried just because you have to support multiple screens 📺 🖥 💻 📱
It's a set of common utility strategies to work with responsive styles with CSS in JS and Flutter
Summary #
Dart/Flutter 🐦 #
How to install? #
flutter pub add skynexui_responsive_stylesheet
Demo #
body: Container(
color: responsive.value({
Breakpoints.xs: Colors.red.shade200,
Breakpoints.sm: Colors.yellow.shade200,
Breakpoints.md: Colors.green.shade200,
Breakpoints.lg: Colors.blue.shade200,
Breakpoints.xl: Colors.purple.shade200,
}),
)
JavaScript/React ⚛ #
How to install? #
yarn add @skynexui/responsive_stylesheet
Demo #
Docs #
What are the default values for the breakpoints? #
xs: 0
From 0 screen width until 479sm: 480
From 480 screen width until 767md: 768
From 768 screen width until 991lg: 992
From 992 screen width until 1199xl: 1200
From 1200 and beyond
All values from here came from other libraries and responsive Front End frameworks.
Can I customize the breakpoints? #
Today, no. But it's in the have a way to do this but the names xs
...xl
will remain part of the library to make easier to use the abstractions.