Created
February 4, 2015 19:08
-
-
Save anpleenko/eaca94bce69d756d7b87 to your computer and use it in GitHub Desktop.
compass.bat
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 | |
'>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