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 flex shrink

Browse Source
This commit is contained in:
Jeremy Thomas 2016-09-10 21:52:27 +01:00
parent 895202e48f
commit e26bf7b234
9 changed files with 76 additions and 296 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

351
css/bulma.css vendored
View File

File diff suppressed because it is too large Load Diff

2
css/bulma.css.map
View File

File diff suppressed because one or more lines are too long

1
sass/components/media.sass
View File

@ -23,6 +23,7 @@
.media-content .media-content
flex-grow: 1 flex-grow: 1
flex-shrink: 0
text-align: left text-align: left
.media .media

2
sass/components/modal.sass
View File

@ -48,6 +48,7 @@
.modal-card-title .modal-card-title
color: $text-strong color: $text-strong
flex-grow: 1 flex-grow: 1
flex-shrink: 0
font-size: $size-4 font-size: $size-4
line-height: 1 line-height: 1
@ -59,6 +60,7 @@
.modal-card-body .modal-card-body
flex-grow: 1 flex-grow: 1
flex-shrink: 0
overflow: auto overflow: auto
padding: 20px padding: 20px

3
sass/components/nav.sass
View File

@ -13,6 +13,7 @@
padding: 10px padding: 10px
a a
flex-grow: 1 flex-grow: 1
flex-shrink: 0
img img
max-height: 24px max-height: 24px
.button + .button .button + .button
@ -72,6 +73,7 @@ a.nav-item
display: flex display: flex
flex-basis: 0 flex-basis: 0
flex-grow: 1 flex-grow: 1
flex-shrink: 0
justify-content: flex-start justify-content: flex-start
overflow: hidden overflow: hidden
overflow-x: auto overflow-x: auto
@ -91,6 +93,7 @@ a.nav-item
display: flex display: flex
flex-basis: 0 flex-basis: 0
flex-grow: 1 flex-grow: 1
flex-shrink: 0
justify-content: flex-end justify-content: flex-end
// Main container // Main container

2
sass/components/pagination.sass
View File

@ -17,6 +17,7 @@
align-items: center align-items: center
display: flex display: flex
flex-grow: 1 flex-grow: 1
flex-shrink: 0
justify-content: center justify-content: center
// Responsiveness // Responsiveness
+mobile +mobile
@ -27,6 +28,7 @@
margin-left: 10px margin-left: 10px
li li
flex-grow: 1 flex-grow: 1
flex-shrink: 0
ul ul
margin-top: 10px margin-top: 10px
+tablet +tablet

2
sass/components/tabs.sass
View File

@ -31,6 +31,7 @@
border-bottom: 1px solid $border border-bottom: 1px solid $border
display: flex display: flex
flex-grow: 1 flex-grow: 1
flex-shrink: 0
justify-content: flex-start justify-content: flex-start
&.is-left &.is-left
padding-right: 10px padding-right: 10px
@ -73,6 +74,7 @@
&.is-fullwidth &.is-fullwidth
li li
flex-grow: 1 flex-grow: 1
flex-shrink: 0
&.is-toggle &.is-toggle
a a
border: 1px solid $border border: 1px solid $border

5
sass/elements/form.sass
View File

@ -128,6 +128,7 @@
margin-bottom: 5px margin-bottom: 5px
+tablet +tablet
flex-grow: 1 flex-grow: 1
flex-shrink: 0
margin-right: 20px margin-right: 20px
padding-top: 7px padding-top: 7px
text-align: right text-align: right
@ -162,6 +163,7 @@
border-radius: 0 $radius $radius 0 border-radius: 0 $radius $radius 0
&.is-expanded &.is-expanded
flex-grow: 1 flex-grow: 1
flex-shrink: 0
&.has-addons-centered &.has-addons-centered
justify-content: center justify-content: center
&.has-addons-right &.has-addons-right
@ -171,6 +173,7 @@
.input, .input,
.select .select
flex-grow: 1 flex-grow: 1
flex-shrink: 0
&.has-icon &.has-icon
& > .fa & > .fa
+fa(14px, 24px) +fa(14px, 24px)
@ -234,6 +237,7 @@
margin-right: 10px margin-right: 10px
&.is-expanded &.is-expanded
flex-grow: 1 flex-grow: 1
flex-shrink: 0
&.is-grouped-centered &.is-grouped-centered
justify-content: center justify-content: center
&.is-grouped-right &.is-grouped-right
@ -244,6 +248,7 @@
& > .control & > .control
display: flex display: flex
flex-grow: 5 flex-grow: 5
flex-shrink: 0
&.is-loading &.is-loading
&:after &:after
@extend .loader @extend .loader

4
sass/layout/hero.sass
View File

@ -39,9 +39,10 @@
.hero-body .hero-body
flex-grow: 1 flex-grow: 1
flex-shrink: 0
padding: 40px 20px padding: 40px 20px
// Responsiveness // Responsiveness
+desktop +widescreen
padding-left: 0 padding-left: 0
padding-right: 0 padding-right: 0
@ -144,3 +145,4 @@
display: flex display: flex
& > .container & > .container
flex-grow: 1 flex-grow: 1
flex-shrink: 0