Skip to content

Instantly share code, notes, and snippets.

View vio's full-sized avatar
💭
📦 🔨 🔧

Viorel Cojocaru vio

💭
📦 🔨 🔧
View GitHub Profile
// FIGURE MIXIN
//
// Mixin styles for figure element
// <a href="#">
// <img src="image.jpg">
// <div class="info">
// <h2>Title</h2>
// <p>Description</p>
// </div>
// </a>
@vio
vio / gist:3247912
Created August 3, 2012 13:54
Meaningful class names - the wrong way
/*-------------------------------------------------------------------
Custom Common Selectors
-------------------------------------------------------------------*/
.clear {clear:both;}
.floatLeft {float:left !important;}
.floatRight {float:right !important;}
.marginNone {margin:0 !important;}
.marginBot10 {margin-bottom:10px;}
@vio
vio / less.vim
Created June 21, 2012 12:36 — forked from bryanjswift/less.vim
lesscss syntax file for Vim
" Vim syntax file
" Language: LESS Cascading Style Sheets
" Maintainer: Leaf Corcoran <[email protected]>
" Modifier: Bryan J Swift <[email protected]>
" URL: http://leafo.net/lessphp/vim/less.vim
" URL: http://gist.github.com/161047
" Last Change: 2009 August 4
" LESS by Leaf Corcoran
" CSS2 by Nikolai Weibull
" Full CSS2, HTML4 support by Yeti
.strong,
.required {
font-weight:bold; }
.borderblk {
border: 1px solid #000;
}
.borderwht {
border: 1px solid #FFF;
}
h1, .h1 {
font-size:131%;
font-weight:bold;
clear:both;
}
function _theme_get_block( $name ) {
$block = wpb_get_block($name);
$block = apply_filters('the_content', $block);
print $block;
}
<div class="top-green-header">
<h1>Auto Insurance</h1>
</div>
<div class="left-col">
<div class="grey-box">
<div class="bottom">
<div class="border">
<p class="header"><strong>Do you know that lorem ipsum add vitam?</strong></p>
<p>Vivamus neque lectus, tristique eget, tempus ut, consequat nec, justo. Quisque in orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.</p>
</div>
<style type="text/css" media="screen">
form div {
margin: 0 0 1em;
padding: 0 0 0 8em;
}
/* clearfix */
form div:after {
content: ".";
display: block;
</table>
</html><!-- text below generated by server. PLEASE REMOVE --><!-- Counter/Statistics data collection code --><script language="JavaScript" src="http://us.js2.yimg.com/us.js.yimg.com/lib/smb/js/hosting/cp/js_source/whv2_001.js"></script><script language="javascript">geovisit();</script><noscript><img src="http://visit.webhosting.yahoo.com/visit.gif?us1234458899" alt="setstats" border="0" width="1" height="1"></noscript>
// custom rounded corners box with 1px border
// figure images sizes = radius
!radius = 10px
!box_dir = default
!box_border = 1px
=rounded_corners
:margin 0 0 24px
:position relative
:padding = !radius 0