Skip to content

Instantly share code, notes, and snippets.

View mugukamil's full-sized avatar
🏠
Working from home

Kamil Mugutdinov mugukamil

🏠
Working from home
View GitHub Profile
@import compass
$icons: sprite-map("icons/*.png")
$icons-hd: sprite-map("icons-hd/*.png")
i
background: $icons
display: inline-block
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi)
background: $icons-hd
@mugukamil
mugukamil / gist:fdc071e200e6c454a4d1
Created May 22, 2014 22:05
HTML: Starting Template
<!doctype html>
<!--[if IE 8]<html lang="en" class="ie8> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Meta -->
@mugukamil
mugukamil / gist:74c9ec21752dceb07609
Created May 22, 2014 22:10
CSS: Image Replacement
.ir {
border: 0;
font: 0/0 a;
text-shadow: none;
color: transparent;
background-color: transparent;
}
@mugukamil
mugukamil / gist:7033fbe523355ae9918d
Created May 24, 2014 02:02
CSS: Remove default styling inputs
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
outline: 0;
@mugukamil
mugukamil / gist:4fa11d9b90ee5999d649
Created May 24, 2014 02:03
CSS: Placeholder color
input::-webkit-input-placeholder { color: #ccc; }
input::-moz-placeholder { color: #ccc; }
input:-ms-input-placeholder { color: #ccc; }
input::placeholder { color: #ccc; }
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>gistup</title>
</head>
<body>
Hello World! from gistup
</body>
</html>
// In your mixin file
=retina
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi)
@content
// Call this mixin
.something
+retina
something: something
@mugukamil
mugukamil / wp helper
Created February 1, 2015 07:24
WordPress Variables, Tags and Functions
Global Variables
Store the data that WP generates
$post
$page
$is_iphone
$wp_version
Template Tags
Most Commonly used functions in theme templates
get_header()
the_title()