mirror of https://github.com/twbs/ratchet.git
connors
11 years ago
19 changed files with 450 additions and 711 deletions
@ -1,69 +0,0 @@ |
|||||||
#
|
|
||||||
# BUILD LIB FILES
|
|
||||||
#
|
|
||||||
|
|
||||||
build: |
|
||||||
mkdir -p dist
|
|
||||||
cat lib/css/base.css lib/css/bars.css lib/css/lists.css lib/css/forms.css lib/css/buttons.css lib/css/chevrons.css lib/css/counts.css lib/css/segmented-controllers.css lib/css/popovers.css lib/css/modals.css lib/css/sliders.css lib/css/toggles.css lib/css/push.css > ./dist/ratchet.tmp.css
|
|
||||||
cat lib/js/*.js > ./dist/ratchet.tmp.js
|
|
||||||
@echo "/**\n * ==================================\n * Ratchet v1.0.2\n * Licensed under The MIT License\n * http://opensource.org/licenses/MIT\n * ==================================\n */\n" > ./dist/copywrite.txt
|
|
||||||
cat ./dist/copywrite.txt ./dist/ratchet.tmp.js > ./dist/ratchet.js
|
|
||||||
cat ./dist/copywrite.txt ./dist/ratchet.tmp.css > ./dist/ratchet.css
|
|
||||||
rm ./dist/ratchet.tmp.css ./dist/ratchet.tmp.js ./dist/copywrite.txt
|
|
||||||
|
|
||||||
|
|
||||||
#
|
|
||||||
# START DOCS SERVER
|
|
||||||
#
|
|
||||||
|
|
||||||
docs: |
|
||||||
open http://localhost:8000/docs
|
|
||||||
python -m SimpleHTTPServer
|
|
||||||
|
|
||||||
|
|
||||||
#
|
|
||||||
# BUILDS GH-PAGES BRANCH
|
|
||||||
#
|
|
||||||
|
|
||||||
gh-pages: build |
|
||||||
mkdir -p gh-pages
|
|
||||||
cp -r docs/ gh-pages/
|
|
||||||
cp -r lib gh-pages/lib
|
|
||||||
cp -r dist gh-pages/dist
|
|
||||||
cd gh-pages
|
|
||||||
cp -r dist ratchet
|
|
||||||
zip -r ratchet.zip ratchet
|
|
||||||
rm -rf ratchet
|
|
||||||
cd ..
|
|
||||||
git fetch origin
|
|
||||||
git checkout gh-pages
|
|
||||||
sed -i -e 's/\.\.\//\.\//g' gh-pages/index.html
|
|
||||||
sed -i -e 's/\.\.\//\.\//g' gh-pages/one.html
|
|
||||||
sed -i -e 's/\.\.\//\.\//g' gh-pages/two.html
|
|
||||||
rm -rf ./css
|
|
||||||
rm -rf ./img
|
|
||||||
rm -rf ./js
|
|
||||||
rm -rf ./lib
|
|
||||||
rm -rf ./dist
|
|
||||||
mv gh-pages/* .
|
|
||||||
rm -rf ./*-e
|
|
||||||
rm -rf gh-pages
|
|
||||||
|
|
||||||
#
|
|
||||||
# START DEMO SERVER
|
|
||||||
#
|
|
||||||
|
|
||||||
demo: build_demo |
|
||||||
open http://localhost:8000/test/app
|
|
||||||
python -m SimpleHTTPServer
|
|
||||||
|
|
||||||
#
|
|
||||||
# START TEST SERVER
|
|
||||||
#
|
|
||||||
|
|
||||||
test: |
|
||||||
open http://localhost:8000/test
|
|
||||||
python -m SimpleHTTPServer
|
|
||||||
|
|
||||||
|
|
||||||
.PHONY: docs demo test gh-pages |
|
@ -0,0 +1,14 @@ |
|||||||
|
@import "base.scss"; |
||||||
|
@import "bars.scss"; |
||||||
|
@import "lists.scss"; |
||||||
|
@import "forms.scss"; |
||||||
|
@import "buttons.scss"; |
||||||
|
@import "chevrons.scss"; |
||||||
|
@import "counts.scss"; |
||||||
|
@import "segmented-controllers.scss"; |
||||||
|
@import "popovers.scss"; |
||||||
|
@import "modals.scss"; |
||||||
|
@import "sliders.scss"; |
||||||
|
@import "toggles.scss"; |
||||||
|
@import "push.scss"; |
||||||
|
|
@ -1,37 +1,37 @@ |
|||||||
/* Slider styles (to be used with sliders.js) |
/* Slider styles (to be used with sliders.js) |
||||||
-------------------------------------------------- */ |
-------------------------------------------------- */ |
||||||
|
|
||||||
/* Width/height of slider */ |
// Width/height of slider |
||||||
.slider, |
.slider, |
||||||
.slider > li { |
.slider > li { |
||||||
width: 100%; |
width: 100%; |
||||||
height: 200px; |
height: 200px; |
||||||
} |
} |
||||||
|
|
||||||
/* Outer wrapper for slider */ |
// Outer wrapper for slider |
||||||
.slider { |
.slider { |
||||||
overflow: hidden; |
overflow: hidden; |
||||||
background-color: #000; |
background-color: #000; |
||||||
} |
} |
||||||
|
|
||||||
/* Inner wrapper for slider (width of all slides together) */ |
// Inner wrapper for slider (width of all slides together) |
||||||
.slider > ul { |
.slider > ul { |
||||||
position: relative; |
position: relative; |
||||||
font-size: 0; /* Remove spaces from inline-block children */ |
font-size: 0; // Remove spaces from inline-block children |
||||||
white-space: nowrap; |
white-space: nowrap; |
||||||
-webkit-transition: all 0 linear; |
-webkit-transition: all 0 linear; |
||||||
transition: all 0 linear; |
transition: all 0 linear; |
||||||
} |
} |
||||||
|
|
||||||
/* Individual slide */ |
// Individual slide */ |
||||||
.slider > ul > li { |
.slider > ul > li { |
||||||
display: inline-block; |
display: inline-block; |
||||||
vertical-align: top; /* Ensure that li always aligns to top */ |
vertical-align: top; // Ensure that li always aligns to top |
||||||
width: 100%; |
width: 100%; |
||||||
height: 100%; |
height: 100%; |
||||||
} |
} |
||||||
|
|
||||||
/* Required reset of font-size to same as standard body */ |
// Required reset of font-size to same as standard body |
||||||
.slider > ul > li > * { |
.slider > ul > li > * { |
||||||
font-size: 14px; |
font-size: 14px; |
||||||
} |
} |
Loading…
Reference in new issue