Skip to content

Instantly share code, notes, and snippets.

We couldn’t find that file to show.
@emranweb
emranweb / style.scss
Last active July 9, 2021 06:19
Responsive Coming Soon
@media (max-width:991px){
html.coming-soon .coming-soon-content {
font-size: 40px;
line-height: 60px;
}
html.coming-soon .coming-soon-title,
html.offline .coming-soon-title {
font-size: 60px;
line-height: 70px;
@emranweb
emranweb / responsive.scss
Created December 21, 2020 08:48
Responsive
/*==========================================================================================*/
@media (max-width: 1450px) {
}
/*======================== Below 1200Px ===========================================*/
@media (max-width: 1199px) {
}
@emranweb
emranweb / input.scss
Last active June 25, 2021 08:05
Input Field
// Forms
.control-group {
margin-bottom: 1rem;
}
.form-group {
.input-group-prepend {
display: none;
/*
For Each - forEach accept a function iterator that loop through each item in an array
Example
*/
const numbers = [1,2,3,4,5];
numbers.forEach(element => {
console.log(element);
});
@emranweb
emranweb / WP First Time Setup Config
Created November 23, 2018 04:34
WP First Time Setup Config
1. php.ini codes
===============
upload_max_filesize = 256M
post_max_size = 256M
memory_limit = 256M
file_uploads = On
upload_max_filesize = 128M
max_execution_time = 300
max_allowed_packet_size = 524288000
/********************************** */
// Select all links with hashes
$('a[href*="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
// On-page links
if (
@emranweb
emranweb / sticky header using waypoint and css
Created June 20, 2018 09:34
This gist are add fixed header when you scroll down the page. When we at the top of the page it show the main nav after scroll down the header page it fixed to the top of the page and show rest of the website
/* sticky css class*/
.sticky {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
background: rgba(255, 255, 255, 0.98);
box-shadow: 0px 2px 2px #efefef;
-Typhonegrapy
-Use A Font size Between 15 and 25 Pixels for Body
-Use A Font size Between 30 and 60 Pixels for heading
-Use Line Spacing between 120 to 150% for body
-45 to 90 Charter per line
-Some Good Fonts
-Open Sans
-Lato
-Laleway
-Monsterrat
@emranweb
emranweb / Bootstsrap4 Accordion Before after Icon
Created June 10, 2018 18:53
Bootstrap4 Before after icon. Then the accordian is hide it show one icon after when it expend it show after icon. It use Font awesome 5 Icon.
#accordion .btn:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f106";
float: right;
}
/************************/
#accordion .btn.collapsed:before {