if-else.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. @if $media == phonePortrait {
  2. $k: .15625;
  3. } @else if $media == phoneLandscape {
  4. $k: .08803;
  5. } @else if $media == tabletPortrait {
  6. $k: .065106;
  7. }
  8. p {
  9. @if $type == ocean {}
  10. @if $type==ocean{}
  11. @if $type == ocean {}
  12. @if $type
  13. == ocean {}
  14. @if
  15. $type
  16. ==
  17. ocean
  18. {
  19. }
  20. @if
  21. $type
  22. ==
  23. ocean
  24. {
  25. }
  26. @if (($type) == (ocean)) {}
  27. @if (($type)==(ocean)){}
  28. @if ( ( $type ) == ( ocean ) ) {}
  29. @if (($type)
  30. == (ocean)) {}
  31. @if
  32. (
  33. (
  34. $type
  35. )
  36. ==
  37. (
  38. ocean
  39. )
  40. )
  41. {
  42. }
  43. @if
  44. (
  45. (
  46. $type
  47. )
  48. ==
  49. (
  50. ocean
  51. )
  52. )
  53. {
  54. }
  55. @if $type == ocean {
  56. color: blue;
  57. } @else if $type == matador {
  58. color: red;
  59. } @else if $type == monster {
  60. color: green;
  61. } @else {
  62. color: black;
  63. }
  64. @if $type == ocean {
  65. } @else if $type == matador {
  66. }
  67. @if $type==ocean{}@else if $type==matador{}
  68. @if $type == ocean { } @else if $type == matador { }
  69. @if $type == ocean {}
  70. @else if $type == matador {}
  71. @if
  72. $type == ocean {}
  73. @else if
  74. $type == matador {}
  75. @if
  76. $type
  77. ==
  78. ocean
  79. {
  80. }
  81. @else
  82. if
  83. $type
  84. ==
  85. matador
  86. {
  87. }
  88. @if
  89. $type
  90. ==
  91. ocean
  92. {
  93. }
  94. @else
  95. if
  96. $type
  97. ==
  98. matador
  99. {
  100. }
  101. @if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables {
  102. color: blue;
  103. } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables {
  104. color: red;
  105. } @else if $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables == $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-variables {
  106. color: green;
  107. } @else {
  108. color: black;
  109. }
  110. @if $very-very-very-long-var == 0 and $very-very-very-long-var == 0 {}
  111. @if $very-very-very-very-very-very-long-var == 0 and $very-very-very-long-var == 0 {}
  112. @if $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 and $very-very-very-very-very-very-very-very-very-very-very-long-var == 0 {}
  113. @if $base-font-size != 16px or $base-line-height != 24px or $base-unit != 'em' or $h1-font-size != 2 * $base-font-size or $h2-font-size != 1.5 * $base-font-size or $h3-font-size != 1.17 * $base-font-size or $h4-font-size != 1 * $base-font-size or $h5-font-size != 0.83 * $base-font-size or $h6-font-size != 0.67 * $base-font-size or $indent-amount != 40px {}
  114. @if (str-slice($item, 0, 1) == ":") {}
  115. @if (str-slice($item, 0, 3) == " : ") {}
  116. @if ($type == ocean) {} @else if ($type == matador) {} @else {}
  117. }