| Revision 2670:27aac7dcd0e6,
712 bytes
checked in by Anne Kozlika <kozlika@…>, 11 years ago
(diff) |
|
Berlin: footer's widgets presentation. Closes #1928 (needs to be tests with lot of use cases, please)
|
| Line | |
|---|
| 1 | // mixin svg fallback |
|---|
| 2 | @mixin svg( |
|---|
| 3 | $file-name, |
|---|
| 4 | $css-img-path: $css-img-path) { |
|---|
| 5 | background-image: url($css-img-path+'/'+$file-name+'.png'); |
|---|
| 6 | background-image: url($css-img-path+'/'+$file-name+'.svg'), none; |
|---|
| 7 | } |
|---|
| 8 | |
|---|
| 9 | @mixin bg-with-svg( |
|---|
| 10 | $file-name, |
|---|
| 11 | $css-img-path: $css-img-path, |
|---|
| 12 | $repeat: no-repeat, |
|---|
| 13 | $position: 50% 50%, |
|---|
| 14 | $bg-color: transparent) { |
|---|
| 15 | background: url($css-img-path+'/'+$file-name+'.png') $repeat, $position, $bg-color; |
|---|
| 16 | background-image: url($css-img-path+'/'+$file-name+'.svg'), none; |
|---|
| 17 | } |
|---|
| 18 | |
|---|
| 19 | @mixin visually-hidden { |
|---|
| 20 | border: 0; |
|---|
| 21 | clip: rect(0 0 0 0); |
|---|
| 22 | height: 1px; |
|---|
| 23 | margin: -1px; |
|---|
| 24 | overflow: hidden; |
|---|
| 25 | padding: 0; |
|---|
| 26 | position: absolute; |
|---|
| 27 | width: 1px; |
|---|
| 28 | } |
|---|
Note: See
TracBrowser
for help on using the repository browser.
