Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | @mixin border-radius($val) { |
| 2 | -moz-border-radius: $val; |
||
| 3 | -webkit-border-radius: $val; |
||
| 4 | border-radius: $val; |
||
| 5 | } |
||
| 6 | |||
| 7 | @mixin border-radius-right($val) { |
||
| 8 | -moz-border-radius-topright: $val; |
||
| 9 | -webkit-border-top-right-radius: $val; |
||
| 10 | border-top-right-radius: $val; |
||
| 11 | -moz-border-radius-bottomright: $val; |
||
| 12 | -webkit-border-bottom-right-radius: $val; |
||
| 13 | border-bottom-right-radius: $val; |
||
| 14 | } |
||
| 15 | |||
| 16 | @mixin border-radius-left($val) { |
||
| 17 | -moz-border-radius-topleft: $val; |
||
| 18 | -webkit-border-top-left-radius: $val; |
||
| 19 | border-top-left-radius: $val; |
||
| 20 | -moz-border-radius-bottomleft: $val; |
||
| 21 | -webkit-border-bottom-left-radius: $val; |
||
| 22 | border-bottom-left-radius: $val; |
||
| 23 | } |
||
| 24 | |||
| 25 | @mixin border-radius-top($val) { |
||
| 26 | -moz-border-radius-topleft: $val; |
||
| 27 | -webkit-border-top-left-radius: $val; |
||
| 28 | border-top-left-radius: $val; |
||
| 29 | -moz-border-radius-topright: $val; |
||
| 30 | -webkit-border-top-right-radius: $val; |
||
| 31 | border-top-right-radius: $val; |
||
| 32 | } |
||
| 33 | |||
| 34 | @mixin border-radius-bottom($val) { |
||
| 35 | -moz-border-radius-bottomleft: $val; |
||
| 36 | -webkit-border-bottom-left-radius: $val; |
||
| 37 | border-bottom-left-radius: $val; |
||
| 38 | -moz-border-radius-bottomright: $val; |
||
| 39 | -webkit-border-bottom-right-radius: $val; |
||
| 40 | border-bottom-right-radius: $val; |
||
| 41 | } |
||
| 42 | |||
| 43 | @mixin gradient($deg, $color1, $color2) { |
||
| 44 | background: -moz-linear-gradient($deg, $color1 0%, $color2 100%); /* ff3.6+ */ |
||
| 45 | background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, $color1), color-stop(100%, $color2)); /* safari4+,chrome */ |
||
| 46 | background: -webkit-linear-gradient($deg, $color1 0%, $color2 100%); /* safari5.1+,chrome10+ */ |
||
| 47 | background: -o-linear-gradient($deg, $color1 0%, $color2 100%); /* opera 11.10+ */ |
||
| 48 | background: -ms-linear-gradient($deg, $color1 0%, $color2 100%); /* ie10+ */ |
||
| 49 | background: linear-gradient($deg, $color1 0%, $color2 100%); /* w3c */ |
||
| 50 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$color1}', endColorstr='#{$color2}',GradientType=1 ); /* ie6-9 */ |
||
| 51 | } |
||
| 52 | |||
| 53 | @mixin transition($transition...) { |
||
| 54 | -moz-transition: $transition; |
||
| 55 | -o-transition: $transition; |
||
| 56 | -webkit-transition: $transition; |
||
| 57 | transition: $transition; |
||
| 58 | } |
||
| 59 | |||
| 60 | @mixin content-shadow() { |
||
| 61 | box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12); |
||
| 62 | -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12); |
||
| 63 | -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12) |
||
| 64 | } |
||
| 65 | |||
| 66 | @mixin overlay-content-shadow() { |
||
| 67 | -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); |
||
| 68 | -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); |
||
| 69 | box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); |
||
| 70 | } |
||
| 71 | |||
| 72 | @mixin overlay-input-shadow() { |
||
| 73 | -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); |
||
| 74 | -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); |
||
| 75 | box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); |
||
| 76 | } |
||
| 77 | |||
| 78 | @mixin no-shadow() { |
||
| 79 | box-shadow: none; |
||
| 80 | -webkit-box-shadow: none; |
||
| 81 | -moz-box-shadow: none; |
||
| 82 | } |
||
| 83 | |||
| 84 | @mixin hover-element { |
||
| 85 | background-color: $hoverBgColor; |
||
| 86 | color: $hoverTextColor; |
||
| 87 | } |
||
| 88 | |||
| 89 | @mixin hover-element-primary { |
||
| 90 | background-color: $primaryLightColor; |
||
| 91 | color: $hoverTextColor; |
||
| 92 | } |
||
| 93 | |||
| 94 | @mixin opacity($opacity) { |
||
| 95 | opacity: $opacity; |
||
| 96 | $opacity-ie: $opacity * 100; |
||
| 97 | filter: alpha(opacity=$opacity-ie); |
||
| 98 | } |
||
| 99 | |||
| 100 | @mixin icon-override($icon) { |
||
| 101 | &:before { |
||
| 102 | content: $icon; |
||
| 103 | } |
||
| 104 | } |
||
| 105 | |||
| 106 | @mixin material-icon($icon) { |
||
| 107 | font-family: 'Material Icons'; |
||
| 108 | font-weight: normal; |
||
| 109 | font-style: normal; |
||
| 110 | font-size: 24px; /* Preferred icon size */ |
||
| 111 | display: inline-block; |
||
| 112 | width: 1em; |
||
| 113 | height: 1em; |
||
| 114 | line-height: 1; |
||
| 115 | text-transform: none; |
||
| 116 | letter-spacing: normal; |
||
| 117 | word-wrap: normal; |
||
| 118 | white-space: nowrap; |
||
| 119 | direction: ltr; |
||
| 120 | |||
| 121 | /* Support for all WebKit browsers. */ |
||
| 122 | -webkit-font-smoothing: antialiased; |
||
| 123 | /* Support for Safari and Chrome. */ |
||
| 124 | text-rendering: optimizeLegibility; |
||
| 125 | |||
| 126 | /* Support for Firefox. */ |
||
| 127 | -moz-osx-font-smoothing: grayscale; |
||
| 128 | |||
| 129 | /* Support for IE. */ |
||
| 130 | font-feature-settings: 'liga'; |
||
| 131 | |||
| 132 | &:before { |
||
| 133 | content: $icon; |
||
| 134 | } |
||
| 135 | } |
||
| 136 | |||
| 137 | @mixin rotate($deg) { |
||
| 138 | -webkit-transform: rotate($deg); |
||
| 139 | -moz-transform: rotate($deg); |
||
| 140 | -o-transform: rotate($deg); |
||
| 141 | -ms-transform: rotate($deg); |
||
| 142 | transform: rotate($deg); |
||
| 143 | } |
||
| 144 | |||
| 145 | @mixin scale($deg) { |
||
| 146 | -webkit-transform: scale($deg); |
||
| 147 | -moz-transform: scale($deg); |
||
| 148 | -o-transform: scale($deg); |
||
| 149 | -ms-transform: scale($deg); |
||
| 150 | transform: scale($deg); |
||
| 151 | } |
||
| 152 | |||
| 153 | @mixin rippleitem() { |
||
| 154 | position: relative; |
||
| 155 | overflow: hidden; |
||
| 156 | } |