Prem Regmi premregmi
premregmi
/ px-to-rem.scss
Created
February 1, 2018 07:07
PX TO REM FUNCTION in SASS - Convert px value to rem easily in SASS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // SASS FUNCTION TO CONVERT PX INTO REM | |
| // Defining base font size | |
| // The default font size for html is 16px | |
| $base-size: 16; | |
| //Function to convert px value into rem | |
| //You can replace rem with any other value you want (rem is most preferred value for web) | |
| @function size($target, $context: $base-size) { | |
| @return ($target / $context) * 1em; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <section class="blog"> | |
| <div class="container"> | |
| <div class="row"> | |
| <!--blog-page-title--> | |
| <div class="col-xs-12 col-md-6 col-md-offset-3 text-center title"> | |
| <h3>LATEST FROM BLOG</h3> | |
| <p>A free Bootstrap blog theme perfect for personal blogs.</p> | |
| </div> | |
| <!--blog-page-title/--> | |
| </div> |
premregmi
/ blog.css
Created
February 13, 2016 05:58
Responsive Blog Post Design Code Snippet : CSS http://www.nextbootstrap.com/p/responsive-blog-post-design-code.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .news-blog { | |
| padding-bottom: 80px; | |
| } | |
| .news-blog .btn { | |
| color: #60b94e; | |
| border-color: #60b94e; | |
| } | |
| .news-blog .btn:hover { | |
| color: #fff; | |
| background: #60b94e; |
premregmi
/ blog.html
Created
February 13, 2016 05:56
Responsive Blog Post Design Code Snippet : HTML http://www.nextbootstrap.com/p/responsive-blog-post-design-code.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container news-blog"> | |
| <div class="row"> | |
| <div class="col-sm-6"> | |
| <div class="single"> | |
| <div class="image"> | |
| <img src="images/slider3.jpg" class="img-responsive center-block" alt=""> | |
| </div> | |
| <div class="content"> | |
| <div class="date"><strong>19</strong>jan 2016</div> | |
| <div class="post-item"> |
premregmi
/ wp-masonry.css
Last active
January 22, 2016 00:28
WordPress Ready Responsive Masonry Gallery Developed by Prem Regmi for Next Bootstrap. http://www.nextbootstrap.com/2016/01/wordpress-ready-responsive-masonry.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*-------------------------------------------------------------- | |
| ## Galleries | |
| --------------------------------------------------------------*/ | |
| .gallery { | |
| margin-bottom: 1.5em; | |
| display: block; | |
| -webkit-column-gap: 2.25rem; | |
| -moz-column-gap: 2.25rem; | |
| column-gap: 12.25rem; | |
| } |