Guest User

Untitled

a guest
Jun 19th, 2018
102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.69 KB | None | 0 0
  1. =clear
  2. clear: both
  3. =block
  4. display: block
  5. =relative
  6. position: relative
  7. =inline-block
  8. display: block
  9. =left
  10. float: left
  11. =right
  12. float: right
  13. =none
  14. display: none
  15. =width(!width = "auto")
  16. :width = !width
  17. =height(!height = "auto")
  18. :height = !height
  19. =bold
  20. font-weight: bold
  21. =uppercase
  22. text-transform: uppercase
  23. letter-spacing: .1em
  24. =basediv
  25. :clear both
  26. :margin 0
  27. :padding 0
  28. :overflow hidden
  29. =replace
  30. margin: 0
  31. padding: 0
  32. text-indent: -20000em
  33. overflow: hidden
  34. font-size: .01em
  35. border: 0
  36.  
  37. =abs( !top = "auto", !right = "auto", !bottom = "auto", !left = "auto")
  38. :position absolute
  39. :top= !top
  40. :right= !right
  41. :bottom= !bottom
  42. :left= !left
  43.  
  44. =clearfix
  45. +block
  46. &:after
  47. +block
  48. :content "."
  49. :height 0
  50. :clear both
  51. :visibility hidden
  52.  
  53. =testred
  54. background-color: red
  55. =testgreen
  56. background-color: green
  57. =testyellow
  58. background-color: yellow
  59.  
  60. =curve( !topleft = "0", !topright = "0", !bottomleft = "0", !bottomright = "0")
  61. :-moz-border-radius-topleft = !topleft
  62. :-webkit-border-top-left-radius = !topleft
  63. :border-top-left-radius = !topleft
  64. :-moz-border-radius-topright = !topright
  65. :-webkit-border-top-right-radius = !topright
  66. :border-top-right-radius = !topright
  67. :-moz-border-radius-bottomleft = !topleft
  68. :-webkit-border-bottom-left-radius = !bottomleft
  69. :border-bottom-left-radius = !bottomleft
  70. :-moz-border-radius-bottomright = !bottomright
  71. :-webkit-border-bottom-right-radius = !bottomright
  72. :border-bottom-right-radius = !bottomright
  73.  
  74. =border( !radius = "0" )
  75. :-moz-border-radius = !radius
  76. :-webkit-border-radius = !radius
  77.  
  78. =listnone
  79. list-style: none
  80. margin: 0
  81. padding: 0
  82.  
  83. .notice, .errorExplanation, .message, .flash
  84. +basediv
  85. +border(5px)
  86. margin: 0 0 1em 0
  87. padding: .5em 1em
  88. color: #fff
  89. background: #fc0
  90. border: 1px solid #ffc732
  91. p
  92. +none
  93. h2
  94. font-size: 1.25em
  95. font-weight: bold
  96. .info
  97. color: #111
  98. border: 1px solid #a2b4ee
  99. .success
  100. color: #556652
  101. border: 1px solid #9adf8f
  102. .error
  103. color: #fff
  104. background: #fc0
  105. border: 1px solid #ffc732
  106.  
  107. html
  108. text-rendering: optimizeLegibility
  109. -webkit-font-smoothing: antialiased
  110.  
  111. body
  112. font-family: sans-serif
  113. line-height: 1.5em
  114.  
  115. fieldset
  116. +basediv
  117. ol
  118. +basediv
  119. +left
  120. li
  121. +basediv
  122. list-style-type: none
  123. margin-bottom: 1em
  124. position: relative
  125. &.checkbox
  126. padding-left: 2em
  127. input
  128. position: absolute
  129. top: 0
  130. left: 0
  131. width: auto
  132. label
  133. +basediv
  134. +block
  135. :font-weight normal
  136. :cursor pointer
  137. li .fieldWithErrors
  138. label
  139. :color #996633
  140. :font-weight bold
  141. :padding-left 20px
  142. input
  143. :border 1px solid #fc0
Add Comment
Please, Sign In to add comment