library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-14 11:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add display responsive classes

Browse Source
This commit is contained in:
Jeremy Thomas 2016-05-07 13:31:31 +01:00
commit fbf70dfc6d
8 changed files with 44 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -26,7 +26,7 @@ bower install bulma
### CDN
[https://cdnjs.cloudflare.com/ajax/libs/bulma](https://cdnjs.cloudflare.com/ajax/libs/bulma)
[https://cdnjs.com/libraries/bulma](https://cdnjs.com/libraries/bulma)
Feel free to raise an issue or submit a pull request.

2
css/bulma.css vendored
View File

@ -963,7 +963,7 @@ a.box:active {
}
.button.is-loading, .pagination a.is-loading {
color: transparent;
color: transparent !important;
pointer-events: none;
}

2
css/bulma.css.map
View File

File diff suppressed because one or more lines are too long

2
css/bulma.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
css/bulma.min.css.map
View File

File diff suppressed because one or more lines are too long

39
sass/base/helpers.sass
View File

@ -1,8 +1,31 @@
// Display
.is-flex
display: flex
$displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
@each $display in $displays
.is-#{$display}
display: #{$display}
.is-#{$display}-mobile
+mobile
display: #{$display} !important
.is-#{$display}-tablet
+tablet
display: #{$display} !important
.is-#{$display}-tablet-only
+tablet-only
display: #{$display} !important
.is-#{$display}-touch
+touch
display: #{$display} !important
.is-#{$display}-desktop
+desktop
display: #{$display} !important
.is-#{$display}-desktop-only
+desktop-only
display: #{$display} !important
.is-#{$display}-widescreen
+widescreen
display: #{$display} !important
// Float
.is-clearfix
@ -40,6 +63,10 @@
display: none !important
.is-hidden-tablet
+tablet
display: none !important
.is-hidden-tablet-only
+tablet-only
display: none !important
@ -48,9 +75,17 @@
display: none !important
.is-hidden-desktop
+desktop
display: none !important
.is-hidden-desktop-only
+desktop-only
display: none !important
.is-hidden-widescreen
+widescreen
display: none !important
// Other
.is-disabled

2
sass/elements/button.sass
View File

@ -101,7 +101,7 @@
display: block
width: 100%
&.is-loading
color: transparent
color: transparent !important
pointer-events: none
&:after
@extend .loader

1
sass/utilities/controls.sass
View File

@ -9,6 +9,7 @@
display: inline-flex
font-size: $size-normal
height: 32px
justify-content: flex-start
line-height: 24px
padding-left: 8px
padding-right: 8px