aboutsummaryrefslogtreecommitdiff
path: root/p/themes/Mapco/_mixins.scss
diff options
context:
space:
mode:
authorGravatar Alexandre Alapetite <alexandre@alapetite.fr> 2019-03-31 16:38:46 +0200
committerGravatar GitHub <noreply@github.com> 2019-03-31 16:38:46 +0200
commitd413f67dd28738f4a6d8cf036e00714737f757b8 (patch)
tree1509f631dc8814bcf85d907a292ddd6437a2efcd /p/themes/Mapco/_mixins.scss
parent8dcdde6251ae4dfc690b1a014488df125c5e5cdc (diff)
parent2a935516d850d63a215f9650b96ede102311f7ca (diff)
Merge pull request #2298 from FreshRSS/dev1.14.0
FreshRSS 1.14.0
Diffstat (limited to 'p/themes/Mapco/_mixins.scss')
-rw-r--r--p/themes/Mapco/_mixins.scss59
1 files changed, 59 insertions, 0 deletions
diff --git a/p/themes/Mapco/_mixins.scss b/p/themes/Mapco/_mixins.scss
new file mode 100644
index 000000000..3542ade6b
--- /dev/null
+++ b/p/themes/Mapco/_mixins.scss
@@ -0,0 +1,59 @@
+/* FUNCTIONS */
+
+//animation
+@mixin transition($target, $duration, $ease) {
+ -webkit-transition: $target $duration $ease;
+ -moz-transition: $target $duration $ease;
+ -o-transition: $target $duration $ease;
+ -ms-transition: $target $duration $ease;
+ transition: $target $duration $ease;
+}
+
+//animation
+@mixin animation-delay($delay) {
+ -webkit-animation-delay: $delay;
+ /* Safari 4.0 - 8.0 */
+ animation-delay: $delay;
+}
+
+//animation
+@mixin animation($animate...) {
+ $max: length($animate);
+ $animations: '';
+ @for $i from 1 through $max {
+ $animations: #{$animations + nth($animate, $i)};
+ @if $i < $max {
+ $animations: #{$animations + ", "};
+ }
+ }
+ -webkit-animation: $animations;
+ -moz-animation: $animations;
+ -o-animation: $animations;
+ -ms-transition: $animations;
+ animation: $animations;
+}
+
+//keyframes
+@mixin keyframes($animationName) {
+ @-webkit-keyframes #{$animationName} {
+ @content;
+ }
+ @-moz-keyframes #{$animationName} {
+ @content;
+ }
+ @-o-keyframes #{$animationName} {
+ @content;
+ }
+ @keyframes #{$animationName} {
+ @content;
+ }
+}
+
+@mixin border-radius($radius: 4px){
+ -moz-border-radius: $radius;
+ -webkit-border-radius: $radius;
+ -ms-border-radius: $radius;
+ -o-border-radius: $radius;
+ -khtml-border-radius: $radius;
+ border-radius: $radius;
+}