davaynamore

// Статья про gulp: goo.gl/EpHx9N

// Для сборки нового проекта необходимо изменить значения переменных:
//      src - путь к файлам проекта, на основе которых будет создаваться новый проект,
//      dist - путь к новому каталогу (создается автоматически).
// После изменения переменных необходимо запустить задачу "gulp newProject" - происходит копирование необходимых
// для проекта файлов и открытие файлов необходимых для работы с проектом.

// Если необходимо проводить работу над существующим проектом, необходимо изменить значение переменной
// dist (путь к файлам нужного проекта) и использовать дефолтную задачу "gulp".

davaynamore

function carousel(carouselClass, timer){

    // variable initialization
    var timerID,
    firstBullet,
    classActive = 'is-active',
    slidesArr = [],
    height = [],
    width = [];

davaynamore

{
    "exclude": [
        ".git/**",
        "node_modules/gulp-csscomb/**",
        "bower_components/**"
    ],
    "always-semicolon": true,
    "color-case": "lower",
    "block-indent": "    ",
    "color-shorthand": true,

davaynamore

$xs-min: 320;
$xs-max: 767;              // phone
$sm-min: $xs-max + 1 ;
$sm-max: 991;              // tablet
$md-min: $sm-max + 1;
$md-max: 1199;             // desktop
$lg-min: $md-max + 1;      // desktop-large
$fourK: 2560;              // 4K displays

$hide-screen:    /* to 319 */             "only screen and (max-width : #{$xs-min - 1}px)";

davaynamore

////////////////////////////////////////////////////////////////////////////////////////
//// MEDIA-QUERIES //// $MDQRS
////////////////////////////////////////////////////////////////////////////////////////

$xs-min: 320;
$xs-max: 767;              // phone
$sm-min: $xs-max + 1 ;
$sm-max: 991;              // tablet
$md-min: $sm-max + 1;
$md-max: 1199;             // desktop

davaynamore

$z-index: (
	navbar: 1,
	content: 2
);

@function z-index($key) {
  @return map-get($z-index, $key);
}

@mixin z-index($key) {

davaynamore

$base-size: 16px;

@function px_to_rem($target, $context: $base-size) {
  @if $target == 0 { @return 0 }
  @return $target / $context + 0rem;
}

davaynamore

* {
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}
.wrapper {
  display: flex;

davaynamore

@mixin placeholder {
		::-webkit-input-placeholder {
			@content;
		}
		::-moz-placeholder {
			@content;
		}
		:-ms-input-placeholder {
			@content;
		}

davaynamore

@mixin padding-hack($padding, $object-fit: contain) {
	position: relative;
	padding-top: $padding;
	@content;

	& > img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;