Skip to content

Instantly share code, notes, and snippets.

View AndriyShepitsen's full-sized avatar

Andriy Shepitsen AndriyShepitsen

View GitHub Profile
@AndriyShepitsen
AndriyShepitsen / nav_panel_formatting.scss
Last active December 16, 2015 10:38
Navigation Panel Formatting
@mixin navPanelFomatting($colorNavBackground, $colorNavBorder) {
list-style:none;
text-align: center;
cursor: pointer;
background-color: $colorNavBackground;
border-top: 1px groove $colorNavBorder;
border-bottom: 1px groove $colorNavBorder;
margin-bottom: 10px;
margin-top: 10px;
}
* {
vertical-align: top;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
<form method="get", action="#">
<ul id="contactUsForm">
<li><label for="firstName">First Name</label>
<input type="text" name="firstName" id="firstName"> </li>
<li><label for="lastName">Last Name</label>
<input type="text" name="lastName" id="lastName"></li>
<li><label for="email">Email</label>
<input type="text" name="email" id="email"></li>
<li><label for="phone">Phone</label>
<input type="text" name="phone" id="phone"></li>
@AndriyShepitsen
AndriyShepitsen / lable_contact_form.scss
Last active December 16, 2015 10:39
Contact Form Lable Formatting
@mixin lableContactForm($anyColorFontForm) {
display: block;
cursor: pointer;
padding-bottom: 5px;
padding-top: 10px;
font-size:1.1em;
color:$anyColorFontForm;
}
@AndriyShepitsen
AndriyShepitsen / input_contact_form.scss
Last active December 16, 2015 10:39
Contact Form Input Formatting
@mixin inputContactForm($anyBorderVariable){
border:$anyBorderVariable;
width:400px;
-moz-border-radius: .1em;
-webkit-border-radius: .1em;
border-radius: .1em;
}
echo "<img src=".base_url()."/comp/img/${1:filename}.jpg>";
@AndriyShepitsen
AndriyShepitsen / content_column_function.scss
Last active December 16, 2015 17:29
content_columns_function
@function contentColumnWidth($siteWigth, $leftColumnWidth) {
@return $siteWigth-$leftColumnWidth;
}
@AndriyShepitsen
AndriyShepitsen / contactUsFormFoundation.php
Created April 26, 2013 23:59
contactUsFormFoundation
<form>
<fieldset>
<legend>Contact Us</legend>
<div class="row">
<div class="small-6 columns">
<label>First Name</label>
<input type="text" placeholder="Text">
</div>
<div class="small-6 columns">
@AndriyShepitsen
AndriyShepitsen / first_level_button_fundation_style.scss
Last active December 16, 2015 17:38
First Level Button Fundation Style
@mixin firstLevelButton($anyColor){
@include button($full-width:true);
@include radius;
@include single-transition;
@include inset-shadow;
@include button-style($anyColor);
padding-left: 3px;
margin-bottom: 5px;
text-align:left;
@AndriyShepitsen
AndriyShepitsen / second_level_button_fundation_style.scss
Last active December 16, 2015 17:39
Second Level Button Fundation Style
@mixin secondLevelButton($anyColor){
@include button($button-sml, $full-width:true);
@include radius;
@include single-transition;
@include inset-shadow;
@include button-style($anyColor);
margin-bottom: 3px;
text-align:left;
padding-left: 10px;