1 $file-border-color: $border !default
2 $file-radius: $radius !default
4 $file-cta-background-color: $scheme-main-ter !default
5 $file-cta-color: $text !default
6 $file-cta-hover-color: $text-strong !default
7 $file-cta-active-color: $text-strong !default
9 $file-name-border-color: $border !default
10 $file-name-border-style: solid !default
11 $file-name-border-width: 1px 1px 1px 0 !default
12 $file-name-max-width: 16em !default
18 justify-content: flex-start
21 @each $name, $pair in $colors
23 $color-invert: nth($pair, 2)
26 background-color: $color
27 border-color: transparent
32 background-color: darken($color, 2.5%)
33 border-color: transparent
38 border-color: transparent
39 box-shadow: 0 0 0.5em rgba($color, 0.25)
44 background-color: darken($color, 5%)
45 border-color: transparent
49 font-size: $size-small
51 font-size: $size-medium
56 font-size: $size-large
63 border-bottom-right-radius: 0
64 border-top-right-radius: 0
66 border-bottom-left-radius: 0
67 border-top-left-radius: 0
70 border-radius: $file-radius
75 flex-direction: column
77 flex-direction: column
81 border-width: 0 1px 1px
98 border-radius: $file-radius $file-radius 0 0
100 border-radius: 0 0 $file-radius $file-radius
101 border-width: 0 1px 1px
103 justify-content: center
111 justify-content: flex-end
113 border-radius: 0 $file-radius $file-radius 0
115 border-radius: $file-radius 0 0 $file-radius
116 border-width: 1px 0 1px 1px
123 justify-content: flex-start
128 background-color: darken($file-cta-background-color, 2.5%)
129 color: $file-cta-hover-color
131 border-color: darken($file-name-border-color, 2.5%)
134 background-color: darken($file-cta-background-color, 5%)
135 color: $file-cta-active-color
137 border-color: darken($file-name-border-color, 5%)
151 border-color: $file-border-color
152 border-radius: $file-radius
159 background-color: $file-cta-background-color
160 color: $file-cta-color
163 border-color: $file-name-border-color
164 border-style: $file-name-border-style
165 border-width: $file-name-border-width
167 max-width: $file-name-max-width
170 text-overflow: ellipsis
176 justify-content: center