Advanced Search

rounded corners

/ Published in: SASS
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. .block
  2. 	+block(!light_blue)
  3.  
  4. 	.br, .bl, .tr, .tl
  5. 		height: 8px
  6. 		width: 8px
  7. 		position: absolute
  8.  
  9. 	.tr, .br
  10. 		right: 0
  11.  
  12. 	.bl, .tl
  13. 		left: 0
  14.  
  15. 	.bl, .br
  16. 		bottom: 0
  17.  
  18. 	.tl, .tr
  19. 		top: 0
  20.  
  21. 	.tl
  22. 		background: url(../images/corners/light-blue/tl.png) 0 0 no-repeat
  23. 	.tr
  24. 		background: url(../images/corners/light-blue/tr.png) 0 0 no-repeat
  25. 	.br
  26. 		background: url(../images/corners/light-blue/br.png) 0 0 no-repeat
  27. 	.bl
  28. 		background: url(../images/corners/light-blue/bl.png) 0 0 no-repeat

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.