This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | |
# в указаниях путей к папкам проекта должен использоваться знак "/" | |
# например main/static/css | |
#- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | |
#- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | |
# папка куда складывать css | |
#- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | |
css_dir = "css" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@charset "UTF-8"; | |
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | |
// по умолчанию папка где находятся спрайты, для этого файла настроек | |
// располагается в img/sprite, и компилируются в папку img | |
// импортируем стандартную утилиту Compsass для работы со спрайтами | |
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | |
@import "compass/utilities/sprites"; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* jQuery liActualSize v 2.0 | |
* http://mmmagnit.ks.ua | |
* | |
* Copyright 2012, Linnik Yura | |
* Free to use | |
* | |
* Augest 2012 | |
*/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// миксин для сокращенной записи позиции блоков | |
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | |
// миксин принимает до 3 аргументов: | |
// - position (relative, static, fixed, absolute) - не обязательный аргумент | |
// - coordinates (положительные и отрицательные числа, none) - обязательно | |
// - z-index (положительные и отрицательные числа) - не обязательный аргумент | |
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | |
// пример использования: | |
// @include position(absolute, 32 auto 5 4); | |
// @include position(32 auto 5 4, 34); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@function opacity($color, $opacity){ | |
@return transparentize($color, $opacity); | |
} | |
@function black($opacity){ | |
@return rgba(0,0,0, $opacity); | |
}; | |
@function white($opacity){ | |
@return rgba(255,255,255, $opacity); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
:: создаем папки проекта | |
MD img img\sprite scss css css\fonts js js\min scss\meta | |
:: создаем файлы в главной папке | |
'>index.html | |
'>config.rb | |
:: создаем scss файлы | |
'>scss\style.scss | |
'>scss\meta\_mixin.scss |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$_color-base-grey: rgb(229,231,234); | |
$palettes: ( | |
purple: ( | |
base: rgb(42,40,80), | |
light: rgb(51,46,140), | |
dark: rgb(40,38,65) | |
), | |
grey: ( | |
base: $_color-base-grey, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html> | |
<head> | |
<title>JavaScript Image Resample :: WebReflection</title> | |
</head> | |
<body> | |
<input id="width" type="text" value="320" /> | |
<input id="height" type="text" /> | |
<input id="file" type="file" /> | |
<br /><span id="message"></span><br /> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$('form').submit(function(){ | |
event.preventDefault(); | |
var fd = new FormData($('.employee-file-form')[0]); | |
var btn = $(this).find('.js-upload-field-employee'); | |
btn.button('loading'); | |
$.ajax({ | |
url: '/api/v3/upload_field_employees/', | |
type: 'POST', | |
data: fd, | |
cache: false, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | |
// CSS3 trasform middle | |
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | |
@mixin transform-middle(){ | |
position: relative; | |
top: 50%; | |
transform: translateY(-50%); | |
} |
OlderNewer