Skip to content

Instantly share code, notes, and snippets.

@anpleenko
Created February 4, 2015 19:08
Show Gist options
  • Save anpleenko/eaca94bce69d756d7b87 to your computer and use it in GitHub Desktop.
Save anpleenko/eaca94bce69d756d7b87 to your computer and use it in GitHub Desktop.
compass.bat
:: создаем папки проекта
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
'>scss\meta\_fonts.scss
'>scss\meta\_sprite.scss
'>scss\meta\_variable.scss
'>scss\meta\_bootstrap.scss
'>scss\meta\_base.scss
'>scss\meta\_clearfix.scss
'>scss\meta\_main.scss
'>scss\meta\_media.scss
:: добавляем style.css файл
'>css\style.css
:: добавляем тестовый файл favicon
'>img\favicon.png
:: добавляем main.js
'>js\main.js
:: заполняем config.rb данными
echo # более подробная справка https://github.com/vaeum/config.rb>>config.rb
echo css_dir = "css">>config.rb
echo sass_dir = "scss">>config.rb
echo images_dir = "img">>config.rb
echo javascripts_dir = 'js'>>config.rb
echo output_style = :expanded>>config.rb
echo line_comments = false>>config.rb
echo relative_assets = true>>config.rb
:: создаем тестовые переменные в файл _variable.scss
echo //base variable >>scss\meta\_variable.scss
echo $white: #fff;>>scss\meta\_variable.scss
echo $black: #000;>>scss\meta\_variable.scss
:: заполняем _sprite.scss данными
echo // более подробная справка https://github.com/vaeum/sprite.scss>>scss\meta\_sprite.scss
echo @import "compass/utilities/sprites";>>scss\meta\_sprite.scss
echo. >>scss\meta\_sprite.scss
echo $sprite-sprite-dimensions: true;>>scss\meta\_sprite.scss
echo. >>scss\meta\_sprite.scss
echo @import "sprite/*.png";>>scss\meta\_sprite.scss
:: заполняем style.scss данными
echo //compass mixin>>scss\style.scss
echo @import "compass/css3";>>scss\style.scss
echo //@import "compass/reset";>>scss\style.scss
echo //@import "meta/sprite";>>scss\style.scss
echo. >>scss\style.scss
echo //project font>>scss\style.scss
echo @import "meta/fonts";>>scss\style.scss
echo. >>scss\style.scss
echo //project custom mixin>>scss\style.scss
echo @import "meta/mixin";>>scss\style.scss
echo. >>scss\style.scss
echo //project variable>>scss\style.scss
echo @import "meta/variable";>>scss\style.scss
echo. >>scss\style.scss
echo //project media queries>>scss\style.scss
echo @import "meta/media";>>scss\style.scss
echo. >>scss\style.scss
echo //project style>>scss\style.scss
echo @import "meta/base";>>scss\style.scss
echo @import "meta/bootstrap";>>scss\style.scss
echo @import "meta/main";>>scss\style.scss
echo. >>scss\style.scss
echo //add clearfix block>>scss\style.scss
echo @import "meta/clearfix";>>scss\style.scss
:: заполняем index.html данными
:: для экранирования знака ">", нужно ставить знак "^"
echo ^<!DOCTYPE html^>>>index.html
echo ^<html lang="en"^>>>index.html
echo ^<head^>>>index.html
echo ^<meta charset="utf-8"^>>>index.html
echo ^<meta http-equiv="X-UA-Compatible" content="IE=edge"^>>>index.html
echo ^<meta name="viewport" content="width=device-width, initial-scale=1"^>>>index.html
echo ^<title^>Bootstrap Template^</title^>>>index.html
echo. >>index.html
echo ^<!-- Bootstrap --^>>>index.html
echo ^<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"^>>>index.html
echo ^<link href="css/style.css" rel="stylesheet"^>>>index.html
echo. >>index.html
echo ^<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --^>>>index.html
echo ^<!-- WARNING: Respond.js doesn't work if you view the page via file:// --^>>>index.html
echo ^<!--[if lt IE 9]^>>>index.html
echo ^<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"^>^</script^>>>index.html
echo ^<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"^>^</script^>>>index.html
echo ^<![endif]--^>>>index.html
echo ^</head^>>>index.html
echo ^<body^>>>index.html
echo. >>index.html
echo ^<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --^>>>index.html
echo ^<script src="http://yastatic.net/jquery/2.1.1/jquery.min.js"^>^</script^>>>index.html
echo ^<!-- Include all compiled plugins (below), or include individual files as needed --^>>>index.html
echo ^<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"^>^</script^>>>index.html
echo ^<!-- add main.js file in project --^>>>index.html
echo ^<script src="js/main.js"^>^</script^>>>index.html
echo ^</body^>>>index.html
echo ^</html^>>>index.html
:: добавим clearfix в _mixins.scss
echo //блоки которым нужен clearfix добавляем в _clearfix.scss>>scss\meta\_mixin.scss
echo @mixin clearfix() {>>scss\meta\_mixin.scss
echo ^&^:before,>>scss\meta\_mixin.scss
echo ^&^:after {>>scss\meta\_mixin.scss
echo content: " ";>>scss\meta\_mixin.scss
echo display: table;>>scss\meta\_mixin.scss
echo }>>scss\meta\_mixin.scss
echo ^&^:after {>>scss\meta\_mixin.scss
echo clear: both;>>scss\meta\_mixin.scss
echo }>>scss\meta\_mixin.scss
echo }>>scss\meta\_mixin.scss
:: удаляем файл Compass.bat
del Compass.bat
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment