3b93574a35
Enable SingleLinePerSelector in scss-lint ## What does this MR do? Enables `SingleLinePerSelector` in `.scss-lint.yml` ## Are there points in the code the reviewer needs to double check? This MR touches a lot of files, just need another pair of eyes to look through and make sure I didn't break anything. ## Why was this MR needed? Improve SCSS maintainability and consistency ## Screenshots (if relevant) None ## Does this MR meet the acceptance criteria? - Tests - [x] Added for this feature/bug - [x] All builds are passing - [x] Conform by the [merge request performance guides](http://docs.gitlab.com/ce/development/merge_request_performance_guidelines.html) - [x] Conform by the [style guides](https://gitlab.com/gitlab-org/gitlab-ce/blob/master/CONTRIBUTING.md#style-guides) - [x] Branch has no merge conflicts with `master` (if it does - rebase it please) - [x] [Squashed related commits together](https://git-scm.com/book/en/Git-Tools-Rewriting-History#Squashing-Commits) ## What are the relevant issue numbers? #23485 See merge request !7081
52 lines
1.1 KiB
SCSS
52 lines
1.1 KiB
SCSS
// This file is based off animate.css 3.5.1, available here:
|
|
// https://github.com/daneden/animate.css/blob/3.5.1/animate.css
|
|
//
|
|
// animate.css - http://daneden.me/animate
|
|
// Version - 3.5.1
|
|
// Licensed under the MIT license - http://opensource.org/licenses/MIT
|
|
//
|
|
// Copyright (c) 2016 Daniel Eden
|
|
|
|
.animated {
|
|
@include webkit-prefix(animation-duration, 1s);
|
|
@include webkit-prefix(animation-fill-mode, both);
|
|
|
|
&.infinite {
|
|
@include webkit-prefix(animation-iteration-count, infinite);
|
|
}
|
|
|
|
&.once {
|
|
@include webkit-prefix(animation-iteration-count, 1);
|
|
}
|
|
|
|
&.hinge {
|
|
@include webkit-prefix(animation-duration, 2s);
|
|
}
|
|
|
|
&.flipOutX,
|
|
&.flipOutY,
|
|
&.bounceIn,
|
|
&.bounceOut {
|
|
@include webkit-prefix(animation-duration, .75s);
|
|
}
|
|
|
|
&.short {
|
|
@include webkit-prefix(animation-duration, 321ms);
|
|
@include webkit-prefix(animation-fill-mode, none);
|
|
}
|
|
}
|
|
|
|
@include keyframes(pulse) {
|
|
from,
|
|
to {
|
|
@include webkit-prefix(transform, scale3d(1, 1, 1));
|
|
}
|
|
|
|
50% {
|
|
@include webkit-prefix(transform, scale3d(1.05, 1.05, 1.05));
|
|
}
|
|
}
|
|
|
|
.pulse {
|
|
@include webkit-prefix(animation-name, pulse);
|
|
}
|