API tools faq
paste
Advertisement
JasoN_Sy

DEFAULT STYLE SCSS

JasoN_Sy
Feb 6th, 2017
165
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
SAS 2.34 KB | None | 0 0
raw download clone embed print report
  1. // Gebruik dit document om alle styles binnen de content te stylen.
  2.  
  3. // Generieke titel styles hier
  4. h1, h2, h3, h4, h5,
  5. .entry-content h1,
  6. .entry-content h2,
  7. .entry-content h3,
  8. .entry-content h4,
  9. .entry-content h5,
  10. .entry-content h6 {
  11.  
  12. }
  13.  
  14. // Zet hier styles die per se apart moeten van de overige heading titles, zoals verandering van font-size etc.
  15. h1, .entry-content h1 {
  16.  
  17. }
  18.  
  19. h2, .entry-content h2 {
  20.  
  21. }
  22.  
  23. h3, .entry-content h3 {
  24.  
  25. }
  26.  
  27. h4, .entry-content h4 {
  28.  
  29. }
  30.  
  31. h5, .entry-content h5 {
  32.  
  33. }
  34.  
  35. // Generieke tekst styles hier
  36. p, span {
  37.     //generieke tekst
  38. }
  39.  
  40. p {
  41.  
  42. }
  43.  
  44. span {
  45.  
  46. }
  47.  
  48. strong {
  49.     // bold
  50. }
  51.  
  52. em {
  53.     // cursief
  54. }
  55.  
  56. // Generieke list style hier
  57. ul {
  58.  
  59.     li {
  60.  
  61.         // voor sub elementen
  62.         // ul {
  63.         //
  64.         //     li {
  65.         //
  66.         //
  67.         //     }
  68.         // }
  69.     }
  70. }
  71.  
  72. ol {
  73.  
  74.     li {
  75.  
  76.     // voor sub elementen
  77.     // ol {
  78.     //
  79.     //     li {
  80.     //
  81.     //
  82.     //     }
  83.     // }
  84.     }
  85. }
  86.  
  87. // Generieke link styles hier
  88. .entry-content a, a {
  89.  
  90.     &:hover {
  91.  
  92.     }//:hover
  93. }//entry-content a, a
  94.  
  95. //Generieke button styles hier
  96. .ow-button-base {
  97.  
  98.     a.ow-button-hover {
  99.     //hier zet je de button styles over het algemeen
  100.  
  101.         &:hover {
  102.  
  103.             span {
  104.             // span verandert bijvoorbeeld van kleur als er gehovert word op de button
  105.  
  106.             }
  107.         }//:hover
  108.  
  109.         span {
  110.  
  111.         }//span
  112.     }//ow-button-hover
  113. }//ow-button-base
  114.  
  115. // Gebruik hier je generieke tekst pagina styles
  116.  
  117. #main {
  118.  
  119.     .full-container {
  120.  
  121.         #primary {
  122.  
  123.             #content {
  124.  
  125.                 .entry-content {
  126.  
  127.                 }//entry-content
  128.             }//content
  129.         }//primary
  130.     }//full-container
  131. }//main
  132.  
  133. // Gebruik hier je styles voor de home pagina
  134.  
  135. .home {
  136.  
  137.     #main {
  138.  
  139.         .full-container {
  140.  
  141.             #primary {
  142.  
  143.                 #content {
  144.  
  145.                     .entry-content {
  146.  
  147.                     }//entry-content
  148.                 }//content
  149.             }//primary
  150.         }//full-container
  151.     }//main
  152. }//home
  153.  
  154. // Gebruik hier je styles voor de single pagina
  155.  
  156. .single {
  157.  
  158.     #main {
  159.  
  160.         .full-container {
  161.  
  162.             #primary {
  163.  
  164.                 #content {
  165.  
  166.                     .entry-content {
  167.  
  168.                     }//entry-content
  169.                 }//content
  170.             }//primary
  171.         }//full-container
  172.     }//main
  173. }//home
  174.  
  175.  
  176.  
  177. //Gallerij
  178. #main {
  179.  
  180.     .full-container {
  181.  
  182.         #primary {
  183.  
  184.             #content {
  185.  
  186.                 .entry-content {
  187.  
  188.                     .panel-grid{
  189.  
  190.                         .gallerij {
  191.  
  192.                             .panel-grid-cell {
  193.  
  194.                                 padding: 0;
  195.                             }
  196.                         }
  197.                     }
  198.                 }//entry-content
  199.             }//content
  200.         }//primary
  201.     }//full-container
  202. }//main
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!