New UI layout
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

_rotated-flipped.scss 2.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. .la-pull-left {
  2. float: left;
  3. }
  4. .la-pull-right {
  5. float: right;
  6. }
  7. .la.la-pull-left,
  8. .las.la-pull-left,
  9. .lar.la-pull-left,
  10. .lal.la-pull-left,
  11. .lab.la-pull-left {
  12. margin-right: .3em;
  13. }
  14. .la.la-pull-right,
  15. .las.la-pull-right,
  16. .lar.la-pull-right,
  17. .lal.la-pull-right,
  18. .lab.la-pull-right {
  19. margin-left: .3em;
  20. }
  21. .la-spin {
  22. -webkit-animation: la-spin 2s infinite linear;
  23. animation: la-spin 2s infinite linear;
  24. }
  25. .la-pulse {
  26. -webkit-animation: la-spin 1s infinite steps(8);
  27. animation: la-spin 1s infinite steps(8);
  28. }
  29. @-webkit-keyframes la-spin {
  30. 0% {
  31. -webkit-transform: rotate(0deg);
  32. transform: rotate(0deg);
  33. }
  34. 100% {
  35. -webkit-transform: rotate(360deg);
  36. transform: rotate(360deg);
  37. }
  38. }
  39. @keyframes la-spin {
  40. 0% {
  41. -webkit-transform: rotate(0deg);
  42. transform: rotate(0deg);
  43. }
  44. 100% {
  45. -webkit-transform: rotate(360deg);
  46. transform: rotate(360deg);
  47. }
  48. }
  49. .la-rotate-90 {
  50. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  51. -webkit-transform: rotate(90deg);
  52. transform: rotate(90deg);
  53. }
  54. .la-rotate-180 {
  55. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  56. -webkit-transform: rotate(180deg);
  57. transform: rotate(180deg);
  58. }
  59. .la-rotate-270 {
  60. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  61. -webkit-transform: rotate(270deg);
  62. transform: rotate(270deg);
  63. }
  64. .la-flip-horizontal {
  65. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  66. -webkit-transform: scale(-1, 1);
  67. transform: scale(-1, 1);
  68. }
  69. .la-flip-vertical {
  70. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  71. -webkit-transform: scale(1, -1);
  72. transform: scale(1, -1);
  73. }
  74. .la-flip-both, .la-flip-horizontal.la-flip-vertical {
  75. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  76. -webkit-transform: scale(-1, -1);
  77. transform: scale(-1, -1);
  78. }
  79. :root .la-rotate-90,
  80. :root .la-rotate-180,
  81. :root .la-rotate-270,
  82. :root .la-flip-horizontal,
  83. :root .la-flip-vertical,
  84. :root .la-flip-both {
  85. -webkit-filter: none;
  86. filter: none;
  87. }