Add is-right and is-fullwidth for file

This commit is contained in:
Jeremy Thomas
2017-07-30 00:22:26 +01:00
parent 057c272f6f
commit 01835c071e
3 changed files with 109 additions and 7 deletions

View File

@@ -23,7 +23,7 @@ $input-radius: $radius !default
$file-border-color: transparent !default
$file-radius: $radius !default
$file-cta-background-color: $white-ter !default
$file-cta-background-color: $red !default
$file-cta-color: $grey-dark !default
$file-cta-hover-color: $grey-darker !default
$file-cta-active-color: $grey-darker !default
@@ -278,6 +278,19 @@ $help-size: $size-small !default
.file-name
border-radius: 0 0 $file-radius $file-radius
border-width: 0 1px 1px
&.is-right
.file-cta
border-radius: 0 $file-radius $file-radius 0
.file-name
border-radius: $file-radius 0 0 $file-radius
border-width: 1px 0 1px 1px
order: -1
&.is-fullwidth
.file-label
width: 100%
.file-name
flex-grow: 1
max-width: none
.file-label
align-items: stretch