Serhii Veremiichuk veremey

HTML, CSS, JS

	@import "compass/css3/images";

	// CSS-only multi-line ellipsis with generated content
	// yields `position:relative`, so remember to declare an eventual `position:absolute/fixed` after including this mixin
	@mixin limitLines(
	$maxLinesPortrait, // Mandatory: The number of lines after which the clipping should take action.
	$maxLinesLandscape: $maxLinesPortrait, // You may provide a different line limit for landscape orientation.
	// Note that 'portrait' is our default orientation. However, if you omit $maxLinesLandscape,
	// the value of $maxLinesPortrait is used for whatever orientation (that is, without a media query).

	<snippet>
	<content><![CDATA[<img src="${0}" alt="Иллюстрация">
	]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>im</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>text.html</scope>
	</snippet>

	<snippet>
	<content><![CDATA[
	<!-- begin $1 -->
	<div class="$1">
	$2
	</div>
	<!-- end $1 -->
	]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>di</tabTrigger>

	.ratio {
	width: 50%; /* здесь можно установить любую нужную ширину */
	}

	.ratio-inner {
	position: relative;
	height: 0;
	border: none;
	}

	#!/bin/bash
	for f in *.scss; do sass-convert $f ${f%scss}sass ; done
	rm *.scss

	###