SHARE
TWEET

Untitled

a guest Jul 22nd, 2019 48 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .archive.wrapper{
  2.     display: flex;
  3.     flex-wrap: wrap;
  4.     flex-direction: column;
  5.     padding-top: 30px;
  6. }
  7.  
  8. .archive.wrapper .hentry{
  9.     margin-right: auto;
  10.     margin-left: auto;
  11.     max-width: 320px;
  12.     width: 100%;
  13. }
  14.  
  15. .archive.wrapper .entry-content > *,
  16. .archive.wrapper .entry-header{
  17.     width: 100%;
  18. }
  19.  
  20. /** Entries go to two columns */
  21. @media screen and ( min-width: 750px ) {
  22.     .archive.wrapper{
  23.         flex-direction: row;
  24.     }
  25.     .archive.wrapper .hentry{
  26.         margin-right: 0;
  27.         margin-left: 0;
  28.         width: calc( 50% - 15px);
  29.     }
  30.     .archive.wrapper .hentry:nth-child(2n + 2){
  31.         margin-left: 30px;
  32.     }
  33. }
  34.  
  35. /** Entries go to three columns */
  36. @media screen and ( min-width: 990px ){
  37.     .archive.wrapper .hentry:nth-child(2n + 2){
  38.         margin-left: 0;
  39.     }
  40.     .archive.wrapper .hentry{
  41.         width: calc( 33.333333% - ( 60px / 3 ));
  42.     }
  43.     .archive.wrapper .hentry:not(:nth-child(3n + 3) ){
  44.         margin-right: 30px;
  45.     }
  46.     .archive.wrapper .hentry:nth-child(3n + 3){
  47.         margin-right: 0px;
  48.     }
  49. }
  50.  
  51. /** Entries go to four columns */
  52. @media screen and ( min-width: 1180px ){
  53.     .archive.wrapper .hentry{
  54.         width: calc( 25% - ( 90px / 4 ));
  55.     }
  56.     .archive.wrapper .hentry:not(:nth-child( 4n + 4 ) ){
  57.         margin-right: 30px;
  58.     }
  59.     .archive.wrapper .hentry:nth-child(4n + 4){
  60.         margin-right: 0px;
  61.     }
  62. }
RAW Paste Data
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
 
Top