{"id":9018,"date":"2015-01-01T17:58:32","date_gmt":"2015-01-01T22:58:32","guid":{"rendered":"http:\/\/www.jbaker.info\/?p=5779"},"modified":"2015-01-01T17:58:32","modified_gmt":"2015-01-01T22:58:32","slug":"sass-and-compass-2","status":"publish","type":"post","link":"https:\/\/www.jbaker.info\/demo05\/sass-and-compass-2\/","title":{"rendered":"Sass and Compass"},"content":{"rendered":"

Sass Documentation<\/a> – http:\/\/sass-lang.com\/docs\/yardoc\/<\/p>\n

[ezc_accordian_group]<\/p>\n

[ezc_accordian title=’CSS Border Radius’]\nborder: 1px solid #aaa;<\/p>\n

@include border-radius(3px);\n@include border-radius(3px 3px 3px 3px);\n[\/ezc_accordian]<\/p>\n

[ezc_accordian title=’CSS Gradient Background Image’]\n@include background-image(linear-gradient($gradient_color_start, $gradient_color_end));\n[\/ezc_accordian]<\/p>\n

[ezc_accordian title=’CSS Box Shadow’]\n@include box-shadow(#999 3px 2px 6px 0px inset);\n@include box-shadow(#999 3px 2px 6px 0px);\n[\/ezc_accordian]<\/p>\n

[ezc_accordian title=’If \/ Else’]\n$type: monster;\np {\n  @if $type == ocean {\n    color: blue;\n  } @else if $type == matador {\n    color: red;\n  } @else if $type == monster {\n    color: green;\n  } @else {\n    color: black;\n  }\n}<\/p>\n

@if $use_top_gradient == -1 {\n  background-color: $header_gradient_start;\n  background-color: #fff;\n  @include box-shadow(#999 3px 2px 6px 0px inset);\n  border: 1px solid #666;\n} @else {\n  border: 1px solid $header_area_border_color;\n  background-color: $header_area_background_color;\n}<\/p>\n

[\/ezc_accordian]<\/p>\n

[ezc_accordian title=’Import’]\n@import “compass”;\n[\/ezc_accordian]<\/p>\n

[ezc_accordian title=’Other’]\n@include border-radius(6px 6px 0px 0px );\n@include no-bullets;\n@include horizontal-list;\n[\/ezc_accordian]<\/p>\n

[ezc_accordian title=’Quicktabs – WordPress HTML Edit Page Buttons’]<\/p>\n

\n

if( !function_exists(‘ezc_add_my_quicktags’) ){\nfunction ezc_add_my_quicktags() { ?>\n  <script>\n    /* Add a H1 tag\n    *\n    * Params for this are:\n    * – Button HTML ID (required)\n    * – Button display, value=”” attribute (required)\n    * – Opening Tag (required)\n    * – Closing Tag (required)\n    * – Access key, accesskey=”” attribute for the button (optional)\n    * – Title, title=”” attribute (optional)\n    * – Priority\/position on bar, 1-9 = first, 11-19 = second, 21-29 = third, etc. (optional)\n    *\/\n    if ( typeof QTags != ‘undefined’ ) {\n      QTags.addButton( ‘h3’, ‘H3’, ‘<h3>’, ‘<\/h3>’);\n      /* Add function callback button\n      *\n      * Params are the same as above except the ‘Opening Tag’ param becomes the callback function’s name\n      * and the ‘Closing Tag’ is ignored.\n      *\/\n      QTags.addButton( ‘Btn’, ‘Btn’, ezc_skeleton_button );\n      function ezc_skeleton_button() {\n        QTags.insertContent(‘[button align=”center” color=”white” size=”small” link=”http:\/\/www.jbaker.info\/”]nSmall Buttonn[\/button]n’);\n        /\/alert(‘Just sayin Hi!’);\n      }\n    }\n  >\/script>\n<?php }\n/\/ We can attach it to ‘admin_print_footer_scripts’ (for admin-only) or ‘wp_footer’ (for front-end only)\n  add_action(‘admin_print_footer_scripts’,  ‘ezc_add_my_quicktags’);\n}\n<\/p><\/div>\n

[\/ezc_accordian]<\/p>\n

[\/ezc_accordian_group]<\/p>\n

[ezc_accordian_group]<\/p>\n

[ezc_accordian title=’Title 1′]\n[\/ezc_accordian]<\/p>\n

[ezc_accordian title=’Title 2′]\n[\/ezc_accordian]<\/p>\n

[ezc_accordian title=’Title 3′]\n[\/ezc_accordian]<\/p>\n

[\/ezc_accordian_group]<\/p>\n

<\/div>
\n