Skip to content

Instantly share code, notes, and snippets.

@DriginCode
DriginCode / main.css
Created May 2, 2017 15:23
smart-grid-size-column-css
.item-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: 15px;
margin-right: 15px;
word-wrap: break-word;
width: -webkit-calc(8.333333333333334% - 30px);
width: calc(8.333333333333334% - 30px);
background-color: #BEBEBE;
}
@DriginCode
DriginCode / main.css
Created May 2, 2017 15:22
smart-grid-css-code-12-column-example
@charset "UTF-8";
@import url("../fonts/unisansac/unisansac.css");
@import url("../fonts/yeseva/yeseva.css");
@import url("../fonts/opensans/opensans.css");
body,
div,
@DriginCode
DriginCode / main.sass
Created May 2, 2017 15:20
smart-grid-sass-code-12-column-example
@import lib/smart-grid
+reset()
@import fonts
@import part.sass
.container
+wrapper()
.row
@DriginCode
DriginCode / index.html
Created May 2, 2017 15:18
smart-grid-html-code-12-column-example
<!DOCTYPE html>
<!--[if (gte IE 9)|!(IE)]>
<!-->
<html lang="ru">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Колонки</title>
<meta name="description" content="Конкурс">
@DriginCode
DriginCode / red-button
Last active April 30, 2017 10:01
red reg button
<p>
<a target="_blank" href="http://igormerlin.justclick.ru/order/ysilitel-1/ " class="reg_button shadow_wt">Кнопка</a>
</p>
/* start style css */
.reg_button {
letter-spacing: 1px;
cursor: pointer;
@DriginCode
DriginCode / webfont
Created February 24, 2017 19:01
webfont
ctrl+alt+f
@DriginCode
DriginCode / scroll-onclick
Created February 9, 2017 15:41
scroll onclick on page
$(function() {
$("#js-get-started").on("click", function(e){ // при нажатии на ссылку с id js-get-started
e.preventDefault();
var plansOffset = $("#js-plans").offset().top; // вычисляется высота от вверха браузера до нужного элемента с id js-plans
$("html, body").animate({ // реализация самой прокрутки на высчитанное ранее растояние plansOffset за 500 миллисекунд
scrollTop: plansOffset
}, 500);
@DriginCode
DriginCode / delete_empty
Created February 9, 2017 11:43
delete empty strings in code
\n$
@DriginCode
DriginCode / animate_link_hover
Created February 9, 2017 00:11
animate link hover
@DriginCode
DriginCode / rounded ol counter
Last active February 8, 2017 21:04
rounded ol counter
<ol class="rounded ">
<li><a> </a></li>
<li><a> </a></li>
<li><a> </a></li>
<li><a> </a></li>
<li><a> </a></li>
</ol>
.rounded {