Skip to content

Instantly share code, notes, and snippets.

@devloprs
devloprs / my.css
Created February 27, 2017 05:11 — forked from anonymous/my.css
CSS Gradient Animation
background: linear-gradient(108deg, #3e98d5, #fabc05);
background-size: 400% 400%;
-webkit-animation: ab-fab 52s ease infinite;
-moz-animation: ab-fab 52s ease infinite;
-o-animation: ab-fab 52s ease infinite;
animation: ab-fab 52s ease infinite;
@-webkit-keyframes ab-fab {
    0%{background-position:0% 48%}
    50%{background-position:100% 53%}
    100%{background-position:0% 48%}
@devloprs
devloprs / nomenclature in css
Last active February 20, 2017 06:54
Learn Beaver Builder nomenclature in css
#id //create the container and apply container wide style for everything contained within
definition:xxx;
//modify something within the container but not effect anything else site wide.
.id.class-1{
definition:xxx;
}
//modify a single html tag within the container
.id.class-1.element
{
//do it as many times as you need to for as many things as you need to
//*apply this to a class assigned to a column. Modify colors borders border radius and box shadow to suit your needs
//*our sample class and css properties
.lbb-content-box-1
{
color:white;
padding: 5%;
border-radius: 5px;
background:#4EA7FE;
background: rgba(78, 167, 254, .8);
box-shadow: 0 0 8px rgba(0, 0, 0, .7);
@devloprs
devloprs / SF-BS-SP-default design css
Created January 11, 2017 09:06
SF-BS-SP-default design css
background: black;.so{
color: #ffffff;
background: black;
display: block;
}
.a2c{
background: grey;
@devloprs
devloprs / SF-BS-SP-template
Created January 11, 2017 09:04
SF-BS-SP-template
<div class="container-fluid y">
<h1>[wpv-post-title output='sanitize']</h1>
<div class="row">
<div class="col-sm-8 .im" style="background-color:lavender">
[wpv-woo-product-image size='shop_single' output='img_tag' enable_third_party_filters='no' gallery_on_listings='no']
<div class="row">
<div class="col-sm-6 a2c">
[wpv-woo-buy-options add_to_cart_text='Add to Cart']
</div>
/* CSS - Cascading Style Sheet */
/* Palette color codes */
/* Palette URL: http://paletton.com/#uid=c0h2Y1s3r0kxLkgxfIWN4x7++gtak0Q */
/* Feel free to copy&paste color codes to your application */
/* As hex codes */
.color-primary-0 { color: #A13200 } /* Main Primary color */
/* CSS - Cascading Style Sheet */
/* Palette color codes */
/* Palette URL: http://paletton.com/#uid=c0h2Y1s3r0kxLkgxfIWN4x7++gtak0Q */
/* Feel free to copy&paste color codes to your application */
/* As hex codes */
.color-primary-0 { color: #A13200 } /* Main Primary color */
// SASS style sheet */
// Palette color codes */
// Palette URL: http://paletton.com/#uid=c0h2Y1s3r0kxLkgxfIWN4x7++gtak0Q */
// Feel free to copy&paste color codes to your application */
// As hex codes */
$color-primary-0: #A13200; // Main Primary color */
@devloprs
devloprs / Dev-Install node.js.txt
Created January 7, 2017 07:04
Dev-Install node.js
curl --silent --location https://deb.nodesource.com/setup_6.x | sudo bash -
sudo apt-get install --yes nodejs