├── css
├── _mixins.scss
├── style.scss
├── _reset.scss
└── style.css
├── .gitignore
├── js
└── main.js
└── index.html
/css/_mixins.scss:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | .sass-cache/
3 |
4 |
--------------------------------------------------------------------------------
/js/main.js:
--------------------------------------------------------------------------------
1 | $(document).ready(function() {
2 |
3 | $('#minmax_button').bind('click', one);
4 | $('#minmax_button').bind('click', two);
5 | $('#minmax_button').click(function() {
6 | $('#editor_wrapper').toggleClass('minimize');
7 | $(this).unbind('click', two);
8 |
9 | });
10 |
11 |
12 | $("#editor_wrapper").draggable();
13 |
14 | $("#editor_wrapper").on('dragstop', function(event) {
15 | console.log('top ' + $(this).css('top'));
16 | console.log('left' + $(this).css('left'));
17 | event.preventDefault();
18 | })
19 | });
20 |
21 | function one() {
22 | alert('one');
23 | }
24 |
25 | function two() {
26 | alert('two');
27 | }
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | CSS On the go editor
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
22 |
23 |
_
24 |