Home Explore Help
Register Sign In
fgm
/
front__codeschool-angular-2
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 0ad841a423
Branches Tags
front__codescho...
/
app
/
sass
/
components
/
_panel.sass

_panel.sass 995 B
History Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 
  1. // *************************************
    2. 

  2. //
    3. 

  3. //   Panel
    4. 

  4. //   -> Sticky panel
    5. 

  5. //
    6. 

  6. // -------------------------------------
    7. 

  7. //   Template (Haml)
    8. 

  8. // -------------------------------------
    9. 

  9. //
    10. 

  10. // .panel[.panel--scroll|top--1of4|top--s--1of2|etc.]
    11. 

  11. //   .panel-content
    12. 

  12. //
    13. 

  13. // *************************************
    14. 

  14. 

  15. // -------------------------------------
    16. 

  16. //   Helpers
    17. 

  17. // -------------------------------------
    18. 

  18. 

  19. // ----- Stretch ----- //
    20. 

  20. 

  21. .stretch, %stretch
    22. 

  22.   bottom: 0
    23. 

  23.   left: 0
    24. 

  24.   position: absolute
    25. 

  25.   right: 0
    26. 

  26.   top: 0
    27. 

  27. 

  28. // -------------------------------------
    29. 

  29. //   Variables
    30. 

  30. // -------------------------------------
    31. 

  31. 

  32. // ----- Sizing ----- //
    33. 

  33. 

  34. $panel-space: 1.25em !default
    35. 

  35. 

  36. // -------------------------------------
    37. 

  37. //   Base
    38. 

  38. // -------------------------------------
    39. 

  39. 

  40. .panel
    41. 

  41.   @extend %stretch
    42. 

  42.   box-sizing: border-box
    43. 

  43.   overflow: hidden
    44. 

  44. 

  45. // -------------------------------------
    46. 

  46. //   Scaffolding
    47. 

  47. // -------------------------------------
    48. 

  48. 

  49. // ----- Content ----- //
    50. 

  50. 

  51. .panel-content
    52. 

  52.   padding: $panel-space
    53.