From cb551f46a81ced00d79094cdee7dd16c9a3f6eae Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Mon, 2 Jul 2012 22:18:48 +0100 Subject: [PATCH 001/103] transfer snippets to Kickoff (from Boost) --- ...-snippet => border-radius.sublime-snippet} | 2 +- ...ime-snippet => box-shadow.sublime-snippet} | 2 +- CSS/font-size.sublime-snippet | 5 ++ CSS/line-height.sublime-snippet | 5 ++ CSS/media-query.sublime-snippet | 10 +++ ...ublime-snippet => opacity.sublime-snippet} | 2 +- ...s.sublime-snippet => size.sublime-snippet} | 2 +- ...sublime-snippet => square.sublime-snippet} | 2 +- ...l.sublime-snippet => 2col.sublime-snippet} | 6 +- HTML/bcol.sublime-snippet | 6 -- HTML/bform.sublime-snippet | 6 -- HTML/bformitem.sublime-snippet | 9 -- HTML/bformitems.sublime-snippet | 26 ------ HTML/bformnote.sublime-snippet | 4 - HTML/col.sublime-snippet | 6 ++ HTML/form.sublime-snippet | 10 +++ HTML/formitem.sublime-snippet | 9 ++ HTML/formitems.sublime-snippet | 29 +++++++ HTML/formnote.sublime-snippet | 4 + HTML/row.sublime-snippet | 6 ++ ...s.sublime-snippet => tabs.sublime-snippet} | 6 +- readme.md | 85 ++++++++++++------- 22 files changed, 147 insertions(+), 95 deletions(-) rename CSS/{bbr.sublime-snippet => border-radius.sublime-snippet} (80%) rename CSS/{bbs.sublime-snippet => box-shadow.sublime-snippet} (82%) create mode 100644 CSS/font-size.sublime-snippet create mode 100644 CSS/line-height.sublime-snippet create mode 100644 CSS/media-query.sublime-snippet rename CSS/{bo.sublime-snippet => opacity.sublime-snippet} (79%) rename CSS/{bs.sublime-snippet => size.sublime-snippet} (79%) rename CSS/{bsq.sublime-snippet => square.sublime-snippet} (78%) rename HTML/{b2col.sublime-snippet => 2col.sublime-snippet} (51%) delete mode 100644 HTML/bcol.sublime-snippet delete mode 100644 HTML/bform.sublime-snippet delete mode 100644 HTML/bformitem.sublime-snippet delete mode 100644 HTML/bformitems.sublime-snippet delete mode 100644 HTML/bformnote.sublime-snippet create mode 100644 HTML/col.sublime-snippet create mode 100644 HTML/form.sublime-snippet create mode 100644 HTML/formitem.sublime-snippet create mode 100644 HTML/formitems.sublime-snippet create mode 100644 HTML/formnote.sublime-snippet create mode 100644 HTML/row.sublime-snippet rename HTML/{btabs.sublime-snippet => tabs.sublime-snippet} (70%) diff --git a/CSS/bbr.sublime-snippet b/CSS/border-radius.sublime-snippet similarity index 80% rename from CSS/bbr.sublime-snippet rename to CSS/border-radius.sublime-snippet index 5d46947..0de6a4a 100644 --- a/CSS/bbr.sublime-snippet +++ b/CSS/border-radius.sublime-snippet @@ -1,5 +1,5 @@ - bbr + ko:br .border-radius() Mixin diff --git a/CSS/bbs.sublime-snippet b/CSS/box-shadow.sublime-snippet similarity index 82% rename from CSS/bbs.sublime-snippet rename to CSS/box-shadow.sublime-snippet index 76649fd..2c5ab9e 100644 --- a/CSS/bbs.sublime-snippet +++ b/CSS/box-shadow.sublime-snippet @@ -1,5 +1,5 @@ - bbs + ko:bs .border-shadow() Mixin \ No newline at end of file diff --git a/CSS/font-size.sublime-snippet b/CSS/font-size.sublime-snippet new file mode 100644 index 0000000..ae2447e --- /dev/null +++ b/CSS/font-size.sublime-snippet @@ -0,0 +1,5 @@ + + + ko:fs + .font-size() REM mixin + diff --git a/CSS/line-height.sublime-snippet b/CSS/line-height.sublime-snippet new file mode 100644 index 0000000..458ea92 --- /dev/null +++ b/CSS/line-height.sublime-snippet @@ -0,0 +1,5 @@ + + + ko:lh + .line-height() REM mixin + diff --git a/CSS/media-query.sublime-snippet b/CSS/media-query.sublime-snippet new file mode 100644 index 0000000..b58b035 --- /dev/null +++ b/CSS/media-query.sublime-snippet @@ -0,0 +1,10 @@ + + === +@media screen and (min-width: ${1:768px}) { + $0 +} +// === end $1> ===]]> + mq + source.css.less,source.css + diff --git a/CSS/bo.sublime-snippet b/CSS/opacity.sublime-snippet similarity index 79% rename from CSS/bo.sublime-snippet rename to CSS/opacity.sublime-snippet index 15f1c90..93cefa7 100644 --- a/CSS/bo.sublime-snippet +++ b/CSS/opacity.sublime-snippet @@ -1,5 +1,5 @@ - bo + ko:o .opacity() Mixin \ No newline at end of file diff --git a/CSS/bs.sublime-snippet b/CSS/size.sublime-snippet similarity index 79% rename from CSS/bs.sublime-snippet rename to CSS/size.sublime-snippet index 910e1e6..b80dbb0 100644 --- a/CSS/bs.sublime-snippet +++ b/CSS/size.sublime-snippet @@ -1,5 +1,5 @@ - bs + ko:s .size() Mixin \ No newline at end of file diff --git a/CSS/bsq.sublime-snippet b/CSS/square.sublime-snippet similarity index 78% rename from CSS/bsq.sublime-snippet rename to CSS/square.sublime-snippet index d5ec74f..f8d6904 100644 --- a/CSS/bsq.sublime-snippet +++ b/CSS/square.sublime-snippet @@ -1,5 +1,5 @@ - bsq + ko:sq .square() Mixin \ No newline at end of file diff --git a/HTML/b2col.sublime-snippet b/HTML/2col.sublime-snippet similarity index 51% rename from HTML/b2col.sublime-snippet rename to HTML/2col.sublime-snippet index d6be3d8..221c66b 100644 --- a/HTML/b2col.sublime-snippet +++ b/HTML/2col.sublime-snippet @@ -1,11 +1,11 @@ -
+
$3
-
+
$4
$0]]> - b2col + ko:2col diff --git a/HTML/bcol.sublime-snippet b/HTML/bcol.sublime-snippet deleted file mode 100644 index 10473f4..0000000 --- a/HTML/bcol.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - - $2 -
$0]]> - bcol - diff --git a/HTML/bform.sublime-snippet b/HTML/bform.sublime-snippet deleted file mode 100644 index 4a2502d..0000000 --- a/HTML/bform.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - - $0 -]]> - bform - diff --git a/HTML/bformitem.sublime-snippet b/HTML/bformitem.sublime-snippet deleted file mode 100644 index 094be49..0000000 --- a/HTML/bformitem.sublime-snippet +++ /dev/null @@ -1,9 +0,0 @@ - - - -
- -
-$0]]> - bformitem - diff --git a/HTML/bformitems.sublime-snippet b/HTML/bformitems.sublime-snippet deleted file mode 100644 index 92c285e..0000000 --- a/HTML/bformitems.sublime-snippet +++ /dev/null @@ -1,26 +0,0 @@ - - -
  • - -
    - -
    - -
    • -
  • - -
    -
    • -
  • - -
    -
    • -
  • - -
    - -
    -
    • -]]>     - bformitems -     diff --git a/HTML/bformnote.sublime-snippet b/HTML/bformnote.sublime-snippet deleted file mode 100644 index c12313e..0000000 --- a/HTML/bformnote.sublime-snippet +++ /dev/null @@ -1,4 +0,0 @@ - - ?First name & last name]]> - bformnote - diff --git a/HTML/col.sublime-snippet b/HTML/col.sublime-snippet new file mode 100644 index 0000000..d9d7cc4 --- /dev/null +++ b/HTML/col.sublime-snippet @@ -0,0 +1,6 @@ + + + $2 +$0]]> + ko:col + diff --git a/HTML/form.sublime-snippet b/HTML/form.sublime-snippet new file mode 100644 index 0000000..d3e38fe --- /dev/null +++ b/HTML/form.sublime-snippet @@ -0,0 +1,10 @@ + + + ${2:
    + Your form} + $3 +
    } + $0 +]]>     + ko:form +     diff --git a/HTML/formitem.sublime-snippet b/HTML/formitem.sublime-snippet new file mode 100644 index 0000000..185dae9 --- /dev/null +++ b/HTML/formitem.sublime-snippet @@ -0,0 +1,9 @@ + + + +
    + +
    +$0]]>     + ko:formitem +     diff --git a/HTML/formitems.sublime-snippet b/HTML/formitems.sublime-snippet new file mode 100644 index 0000000..8919f70 --- /dev/null +++ b/HTML/formitems.sublime-snippet @@ -0,0 +1,29 @@ + + +
  • + +
    + +
    +
    • +
  • + +
    + +
    +
    • +
  • + +
    + +
    +
    • +
  • + +
    + +
    +
    • +]]>     + ko:formitems +     diff --git a/HTML/formnote.sublime-snippet b/HTML/formnote.sublime-snippet new file mode 100644 index 0000000..d0425e9 --- /dev/null +++ b/HTML/formnote.sublime-snippet @@ -0,0 +1,4 @@ + + ?First name & last name]]> + ko:formnote + diff --git a/HTML/row.sublime-snippet b/HTML/row.sublime-snippet new file mode 100644 index 0000000..6560291 --- /dev/null +++ b/HTML/row.sublime-snippet @@ -0,0 +1,6 @@ + + + $0 +]]> + ko:row + diff --git a/HTML/btabs.sublime-snippet b/HTML/tabs.sublime-snippet similarity index 70% rename from HTML/btabs.sublime-snippet rename to HTML/tabs.sublime-snippet index b686351..bacd47a 100644 --- a/HTML/btabs.sublime-snippet +++ b/HTML/tabs.sublime-snippet @@ -1,5 +1,5 @@ - +
  • ${1:Tab 1}
    • @@ -7,7 +7,7 @@ ${2:Tab 2} -
      +

      • $1 content

        Pellentesque

        @@ -16,5 +16,5 @@

        $2 content

        Lorem ipsum

      ]]> - btabs + ko:tabs diff --git a/readme.md b/readme.md index 2a8e8a0..57f2c13 100644 --- a/readme.md +++ b/readme.md @@ -8,58 +8,65 @@ Use these snippets if you use my Boost framework & Sublime Text ## Forms Tab triggers are listed by the titles -### form - bform⇥ +### form - ko:form⇥ Remove the 'form_stacked' class to have form labels to the left of the inputs ``` -
      + +
      + Your form +
      ``` -### form li - bformitem⇥ +### form li - ko:formitem⇥ ``` -
    • - -
      +
    • + +
      • ``` -### form ul - bformitems⇥ +### form ul - ko:formitems⇥ ``` -
        -
      • - -
        +
          +
        • + +
          • -
        • - -
          +
        • + +
          + +
          • -
        • - -
          +
        • + +
          + +
          • -
        • - -
          - +
        • + +
          +
        ``` -### form note - bformnote⇥ +### form note - ko:formnote⇥ ``` -?First name & last name +?First name & last name ``` ## Grid @@ -72,23 +79,23 @@ Remove the 'form_stacked' class to have form labels to the left of the inputs
        ``` -### 2 columns - b2col⇥ +### 2 columns - ko:2col⇥ ```
        -
        +
        -
        +
        ``` -### One column - bcol⇥ +### One column - ko:col⇥ ``` -
        +
        ``` @@ -96,32 +103,44 @@ Remove the 'form_stacked' class to have form labels to the left of the inputs ## LESS mixins These reference https://github.com/mrmartineau/Boost/blob/master/less/mixins.less -### border-radius - bbr⇥ +### border-radius - ko:br⇥ ``` .border-radius(5px); ``` -### box-shadow - bbs⇥ +### box-shadow - ko:bs⇥ ``` .box-shadow(0 1px 3px rgba(0,0,0,.25)); ``` -### opacity - .opacity(60)⇥ +### opacity - ko:o⇥ ``` .opacity(60); ``` -### size (sizing an element - w x h)- bs⇥ +### size (sizing an element - w x h) - ko:bs⇥ ``` .size(10px,10px); ``` -### square (for elements with same height & width) - bsq⇥ +### square (for elements with same height & width) - ko:sq⇥ ``` .square(50px); +``` + +### font-size REM mixin - ko:fs⇥ + +``` +.font-size(16); +``` + +### line-height REM mixin - ko:lh⇥ + +``` +.line-height(50px); ``` \ No newline at end of file From c093ae066c42c9183b51bf1083002a1a24fdf317 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Mon, 2 Jul 2012 22:19:03 +0100 Subject: [PATCH 002/103] rename --- HTML/brow.sublime-snippet | 6 ------ 1 file changed, 6 deletions(-) delete mode 100644 HTML/brow.sublime-snippet diff --git a/HTML/brow.sublime-snippet b/HTML/brow.sublime-snippet deleted file mode 100644 index a3ad31c..0000000 --- a/HTML/brow.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - - $0 -
        ]]> - brow - From 1a44f61a687d65786a331749c24f3c20a03ac802 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Mon, 2 Jul 2012 22:20:12 +0100 Subject: [PATCH 003/103] rename CSS folder --- {CSS => CSS-LESS}/border-radius.sublime-snippet | 0 {CSS => CSS-LESS}/box-shadow.sublime-snippet | 0 {CSS => CSS-LESS}/font-size.sublime-snippet | 0 {CSS => CSS-LESS}/line-height.sublime-snippet | 0 {CSS => CSS-LESS}/media-query.sublime-snippet | 0 {CSS => CSS-LESS}/opacity.sublime-snippet | 0 {CSS => CSS-LESS}/size.sublime-snippet | 0 {CSS => CSS-LESS}/square.sublime-snippet | 0 8 files changed, 0 insertions(+), 0 deletions(-) rename {CSS => CSS-LESS}/border-radius.sublime-snippet (100%) rename {CSS => CSS-LESS}/box-shadow.sublime-snippet (100%) rename {CSS => CSS-LESS}/font-size.sublime-snippet (100%) rename {CSS => CSS-LESS}/line-height.sublime-snippet (100%) rename {CSS => CSS-LESS}/media-query.sublime-snippet (100%) rename {CSS => CSS-LESS}/opacity.sublime-snippet (100%) rename {CSS => CSS-LESS}/size.sublime-snippet (100%) rename {CSS => CSS-LESS}/square.sublime-snippet (100%) diff --git a/CSS/border-radius.sublime-snippet b/CSS-LESS/border-radius.sublime-snippet similarity index 100% rename from CSS/border-radius.sublime-snippet rename to CSS-LESS/border-radius.sublime-snippet diff --git a/CSS/box-shadow.sublime-snippet b/CSS-LESS/box-shadow.sublime-snippet similarity index 100% rename from CSS/box-shadow.sublime-snippet rename to CSS-LESS/box-shadow.sublime-snippet diff --git a/CSS/font-size.sublime-snippet b/CSS-LESS/font-size.sublime-snippet similarity index 100% rename from CSS/font-size.sublime-snippet rename to CSS-LESS/font-size.sublime-snippet diff --git a/CSS/line-height.sublime-snippet b/CSS-LESS/line-height.sublime-snippet similarity index 100% rename from CSS/line-height.sublime-snippet rename to CSS-LESS/line-height.sublime-snippet diff --git a/CSS/media-query.sublime-snippet b/CSS-LESS/media-query.sublime-snippet similarity index 100% rename from CSS/media-query.sublime-snippet rename to CSS-LESS/media-query.sublime-snippet diff --git a/CSS/opacity.sublime-snippet b/CSS-LESS/opacity.sublime-snippet similarity index 100% rename from CSS/opacity.sublime-snippet rename to CSS-LESS/opacity.sublime-snippet diff --git a/CSS/size.sublime-snippet b/CSS-LESS/size.sublime-snippet similarity index 100% rename from CSS/size.sublime-snippet rename to CSS-LESS/size.sublime-snippet diff --git a/CSS/square.sublime-snippet b/CSS-LESS/square.sublime-snippet similarity index 100% rename from CSS/square.sublime-snippet rename to CSS-LESS/square.sublime-snippet From 61e199f01b2296af05008059dc5797e425a19dd9 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Mon, 2 Jul 2012 22:22:45 +0100 Subject: [PATCH 004/103] amend readme --- readme.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/readme.md b/readme.md index 57f2c13..7216093 100644 --- a/readme.md +++ b/readme.md @@ -12,7 +12,7 @@ Tab triggers are listed by the titles Remove the 'form_stacked' class to have form labels to the left of the inputs -``` +```html
        Your form @@ -23,7 +23,7 @@ Remove the 'form_stacked' class to have form labels to the left of the inputs ### form li - ko:formitem⇥ -``` +```html
      • @@ -34,7 +34,7 @@ Remove the 'form_stacked' class to have form labels to the left of the inputs ### form ul - ko:formitems⇥ -``` +```html
        • @@ -65,7 +65,7 @@ Remove the 'form_stacked' class to have form labels to the left of the inputs ### form note - ko:formnote⇥ -``` +```html ?First name & last name ``` @@ -73,7 +73,7 @@ Remove the 'form_stacked' class to have form labels to the left of the inputs ### Row - brow⇥ -``` +```html
          @@ -81,7 +81,7 @@ Remove the 'form_stacked' class to have form labels to the left of the inputs ### 2 columns - ko:2col⇥ -``` +```html
          @@ -94,7 +94,7 @@ Remove the 'form_stacked' class to have form labels to the left of the inputs ### One column - ko:col⇥ -``` +```html
          From 7ba1674f1adb8d1b6b5f3ceb4cf12b9adf6ecf67 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Mon, 2 Jul 2012 22:25:09 +0100 Subject: [PATCH 005/103] amend --- readme.md | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/readme.md b/readme.md index 7216093..78a3c94 100644 --- a/readme.md +++ b/readme.md @@ -1,9 +1,9 @@ -# Boost Snippets for Sublime Text 2 +# Kickoff Snippets for Sublime Text 2 Use these snippets if you use my Boost framework & Sublime Text -* Example page http://mrmartineau.github.com/Boost/example.html -* Grids: http://mrmartineau.github.com/Boost/grid.html +* Example page https://github.com/tmwagency/kickoff/blob/master/index.html +* Grids: http://mrmartineau.github.com/Choreographic-Grid/test.html ## Forms Tab triggers are listed by the titles @@ -21,18 +21,7 @@ Remove the 'form_stacked' class to have form labels to the left of the inputs ``` -### form li - ko:formitem⇥ - -```html -
        • - -
          - -
          -
          • -``` - -### form ul - ko:formitems⇥ +### form items - ko:formitems⇥ ```html
            @@ -63,6 +52,17 @@ Remove the 'form_stacked' class to have form labels to the left of the inputs
          ``` +### form item - ko:formitem⇥ + +```html +
        • + +
          + +
          +
          • +``` + ### form note - ko:formnote⇥ ```html From 337fc6fe00d8ac156f788e543d66290c86547be9 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Thu, 12 Jul 2012 01:37:22 +0100 Subject: [PATCH 006/103] include scope & change trigger to be the same for all snippets: 'ko:' --- CSS-LESS/border-radius.sublime-snippet | 3 ++- CSS-LESS/box-shadow.sublime-snippet | 3 ++- CSS-LESS/font-size.sublime-snippet | 3 ++- CSS-LESS/line-height.sublime-snippet | 3 ++- CSS-LESS/opacity.sublime-snippet | 3 ++- CSS-LESS/size.sublime-snippet | 3 ++- CSS-LESS/square.sublime-snippet | 3 ++- HTML/2col.sublime-snippet | 3 ++- HTML/col.sublime-snippet | 3 ++- HTML/form.sublime-snippet | 3 ++- HTML/formitem.sublime-snippet | 3 ++- HTML/formitems.sublime-snippet | 3 ++- HTML/formnote.sublime-snippet | 3 ++- HTML/row.sublime-snippet | 3 ++- HTML/tabs.sublime-snippet | 3 ++- 15 files changed, 30 insertions(+), 15 deletions(-) diff --git a/CSS-LESS/border-radius.sublime-snippet b/CSS-LESS/border-radius.sublime-snippet index 0de6a4a..73ec5ee 100644 --- a/CSS-LESS/border-radius.sublime-snippet +++ b/CSS-LESS/border-radius.sublime-snippet @@ -1,5 +1,6 @@ - ko:br + ko: .border-radius() Mixin + source.css.less,source.css diff --git a/CSS-LESS/box-shadow.sublime-snippet b/CSS-LESS/box-shadow.sublime-snippet index 2c5ab9e..8fc80f6 100644 --- a/CSS-LESS/box-shadow.sublime-snippet +++ b/CSS-LESS/box-shadow.sublime-snippet @@ -1,5 +1,6 @@ - ko:bs + ko: .border-shadow() Mixin + source.css.less,source.css \ No newline at end of file diff --git a/CSS-LESS/font-size.sublime-snippet b/CSS-LESS/font-size.sublime-snippet index ae2447e..deb9f6f 100644 --- a/CSS-LESS/font-size.sublime-snippet +++ b/CSS-LESS/font-size.sublime-snippet @@ -1,5 +1,6 @@ - ko:fs + ko: .font-size() REM mixin + source.css.less,source.css diff --git a/CSS-LESS/line-height.sublime-snippet b/CSS-LESS/line-height.sublime-snippet index 458ea92..7b127f8 100644 --- a/CSS-LESS/line-height.sublime-snippet +++ b/CSS-LESS/line-height.sublime-snippet @@ -1,5 +1,6 @@ - ko:lh + ko: .line-height() REM mixin + source.css.less,source.css diff --git a/CSS-LESS/opacity.sublime-snippet b/CSS-LESS/opacity.sublime-snippet index 93cefa7..9eea7ca 100644 --- a/CSS-LESS/opacity.sublime-snippet +++ b/CSS-LESS/opacity.sublime-snippet @@ -1,5 +1,6 @@ - ko:o + ko: .opacity() Mixin + source.css.less,source.css \ No newline at end of file diff --git a/CSS-LESS/size.sublime-snippet b/CSS-LESS/size.sublime-snippet index b80dbb0..43fe961 100644 --- a/CSS-LESS/size.sublime-snippet +++ b/CSS-LESS/size.sublime-snippet @@ -1,5 +1,6 @@ - ko:s + ko: .size() Mixin + source.css.less,source.css \ No newline at end of file diff --git a/CSS-LESS/square.sublime-snippet b/CSS-LESS/square.sublime-snippet index f8d6904..83f3996 100644 --- a/CSS-LESS/square.sublime-snippet +++ b/CSS-LESS/square.sublime-snippet @@ -1,5 +1,6 @@ - ko:sq + ko: .square() Mixin + source.css.less,source.css \ No newline at end of file diff --git a/HTML/2col.sublime-snippet b/HTML/2col.sublime-snippet index 221c66b..0566da5 100644 --- a/HTML/2col.sublime-snippet +++ b/HTML/2col.sublime-snippet @@ -7,5 +7,6 @@ $4
        • $0]]> - ko:2col + ko: + text.html diff --git a/HTML/col.sublime-snippet b/HTML/col.sublime-snippet index d9d7cc4..1807720 100644 --- a/HTML/col.sublime-snippet +++ b/HTML/col.sublime-snippet @@ -2,5 +2,6 @@ $2
        $0]]> - ko:col + ko: + text.html diff --git a/HTML/form.sublime-snippet b/HTML/form.sublime-snippet index d3e38fe..76d65ea 100644 --- a/HTML/form.sublime-snippet +++ b/HTML/form.sublime-snippet @@ -6,5 +6,6 @@ } $0 ]]> - ko:form + ko: + text.html diff --git a/HTML/formitem.sublime-snippet b/HTML/formitem.sublime-snippet index 185dae9..444264d 100644 --- a/HTML/formitem.sublime-snippet +++ b/HTML/formitem.sublime-snippet @@ -5,5 +5,6 @@
        • $0]]> - ko:formitem + ko: + text.html diff --git a/HTML/formitems.sublime-snippet b/HTML/formitems.sublime-snippet index 8919f70..8bc65dd 100644 --- a/HTML/formitems.sublime-snippet +++ b/HTML/formitems.sublime-snippet @@ -25,5 +25,6 @@
      ]]> - ko:formitems + ko: + text.html diff --git a/HTML/formnote.sublime-snippet b/HTML/formnote.sublime-snippet index d0425e9..87748ad 100644 --- a/HTML/formnote.sublime-snippet +++ b/HTML/formnote.sublime-snippet @@ -1,4 +1,5 @@ ?First name & last name]]> - ko:formnote + ko: + text.html diff --git a/HTML/row.sublime-snippet b/HTML/row.sublime-snippet index 6560291..2b7e8d8 100644 --- a/HTML/row.sublime-snippet +++ b/HTML/row.sublime-snippet @@ -2,5 +2,6 @@ $0 ]]> - ko:row + ko: + text.html diff --git a/HTML/tabs.sublime-snippet b/HTML/tabs.sublime-snippet index bacd47a..fc43fc9 100644 --- a/HTML/tabs.sublime-snippet +++ b/HTML/tabs.sublime-snippet @@ -16,5 +16,6 @@

      $2 content

      Lorem ipsum

    ]]>     - ko:tabs + ko: + text.html     From baf02f6135116ee428e5c43ab38149b21780e7e0 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Thu, 12 Jul 2012 01:39:41 +0100 Subject: [PATCH 007/103] update triggers --- readme.md | 31 ++++++++++++++++--------------- 1 file changed, 16 insertions(+), 15 deletions(-) diff --git a/readme.md b/readme.md index 78a3c94..6207ef0 100644 --- a/readme.md +++ b/readme.md @@ -5,10 +5,11 @@ Use these snippets if you use my Boost framework & Sublime Text * Example page https://github.com/tmwagency/kickoff/blob/master/index.html * Grids: http://mrmartineau.github.com/Choreographic-Grid/test.html +## Tab trigger for all items: 'ko:' ⇥ + ## Forms -Tab triggers are listed by the titles -### form - ko:form⇥ +### form - ko:⇥ Remove the 'form_stacked' class to have form labels to the left of the inputs @@ -21,7 +22,7 @@ Remove the 'form_stacked' class to have form labels to the left of the inputs ``` -### form items - ko:formitems⇥ +### form items - ko:⇥ ```html ``` -### form item - ko:formitem⇥ +### form item - ko:⇥ ```html
  • @@ -63,7 +64,7 @@ Remove the 'form_stacked' class to have form labels to the left of the inputs
    • ``` -### form note - ko:formnote⇥ +### form note - ko:⇥ ```html ?First name & last name @@ -71,7 +72,7 @@ Remove the 'form_stacked' class to have form labels to the left of the inputs ## Grid -### Row - brow⇥ +### Row - ko:⇥ ```html
    @@ -79,7 +80,7 @@ Remove the 'form_stacked' class to have form labels to the left of the inputs
    ``` -### 2 columns - ko:2col⇥ +### 2 columns - ko:⇥ ```html
    @@ -92,7 +93,7 @@ Remove the 'form_stacked' class to have form labels to the left of the inputs
    ``` -### One column - ko:col⇥ +### One column - ko:⇥ ```html
    @@ -103,43 +104,43 @@ Remove the 'form_stacked' class to have form labels to the left of the inputs ## LESS mixins These reference https://github.com/mrmartineau/Boost/blob/master/less/mixins.less -### border-radius - ko:br⇥ +### border-radius - ko:⇥ ``` .border-radius(5px); ``` -### box-shadow - ko:bs⇥ +### box-shadow - ko:⇥ ``` .box-shadow(0 1px 3px rgba(0,0,0,.25)); ``` -### opacity - ko:o⇥ +### opacity - ko:⇥ ``` .opacity(60); ``` -### size (sizing an element - w x h) - ko:bs⇥ +### size (sizing an element - w x h) - ko:⇥ ``` .size(10px,10px); ``` -### square (for elements with same height & width) - ko:sq⇥ +### square (for elements with same height & width) - ko:⇥ ``` .square(50px); ``` -### font-size REM mixin - ko:fs⇥ +### font-size REM mixin - ko:⇥ ``` .font-size(16); ``` -### line-height REM mixin - ko:lh⇥ +### line-height REM mixin - ko:⇥ ``` .line-height(50px); From 2a75c4fe202fdba84db8119505eaf3aa317220a0 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Thu, 12 Jul 2012 01:44:37 +0100 Subject: [PATCH 008/103] Add descriptions --- CSS-LESS/media-query.sublime-snippet | 1 + HTML/2col.sublime-snippet | 1 + HTML/col.sublime-snippet | 3 ++- HTML/form.sublime-snippet | 1 + HTML/formitem.sublime-snippet | 1 + HTML/formitems.sublime-snippet | 1 + HTML/formnote.sublime-snippet | 1 + HTML/row.sublime-snippet | 1 + HTML/tabs.sublime-snippet | 1 + readme.md | 2 +- 10 files changed, 11 insertions(+), 2 deletions(-) diff --git a/CSS-LESS/media-query.sublime-snippet b/CSS-LESS/media-query.sublime-snippet index b58b035..be563b9 100644 --- a/CSS-LESS/media-query.sublime-snippet +++ b/CSS-LESS/media-query.sublime-snippet @@ -6,5 +6,6 @@ } // === end $1> ===]]> mq + Media Query code block source.css.less,source.css diff --git a/HTML/2col.sublime-snippet b/HTML/2col.sublime-snippet index 0566da5..950cc1b 100644 --- a/HTML/2col.sublime-snippet +++ b/HTML/2col.sublime-snippet @@ -8,5 +8,6 @@
    $0]]> ko: + 2 column Choreographic grid text.html diff --git a/HTML/col.sublime-snippet b/HTML/col.sublime-snippet index 1807720..7f86c42 100644 --- a/HTML/col.sublime-snippet +++ b/HTML/col.sublime-snippet @@ -1,7 +1,8 @@ - + $2 $0]]> ko: + 1 column Choreographic grid text.html diff --git a/HTML/form.sublime-snippet b/HTML/form.sublime-snippet index 76d65ea..2b51b04 100644 --- a/HTML/form.sublime-snippet +++ b/HTML/form.sublime-snippet @@ -7,5 +7,6 @@ $0 ]]> ko: + <form> text.html diff --git a/HTML/formitem.sublime-snippet b/HTML/formitem.sublime-snippet index 444264d..f3678cc 100644 --- a/HTML/formitem.sublime-snippet +++ b/HTML/formitem.sublime-snippet @@ -6,5 +6,6 @@ $0]]> ko: + Single grouped item in <form> text.html diff --git a/HTML/formitems.sublime-snippet b/HTML/formitems.sublime-snippet index 8bc65dd..7379ac1 100644 --- a/HTML/formitems.sublime-snippet +++ b/HTML/formitems.sublime-snippet @@ -26,5 +26,6 @@ ]]> ko: + Group of items in <form> text.html diff --git a/HTML/formnote.sublime-snippet b/HTML/formnote.sublime-snippet index 87748ad..4bac8b5 100644 --- a/HTML/formnote.sublime-snippet +++ b/HTML/formnote.sublime-snippet @@ -1,5 +1,6 @@ ?First name & last name]]> ko: + <form> lable note text.html diff --git a/HTML/row.sublime-snippet b/HTML/row.sublime-snippet index 2b7e8d8..60334c8 100644 --- a/HTML/row.sublime-snippet +++ b/HTML/row.sublime-snippet @@ -3,5 +3,6 @@ $0 ]]> ko: + Choreographic grid row text.html diff --git a/HTML/tabs.sublime-snippet b/HTML/tabs.sublime-snippet index fc43fc9..6beaa87 100644 --- a/HTML/tabs.sublime-snippet +++ b/HTML/tabs.sublime-snippet @@ -17,5 +17,6 @@

    Lorem ipsum ]]> ko: + Simple tabs text.html diff --git a/readme.md b/readme.md index 6207ef0..0dd47ee 100644 --- a/readme.md +++ b/readme.md @@ -4,7 +4,7 @@ Use these snippets if you use my Boost framework & Sublime Text * Example page https://github.com/tmwagency/kickoff/blob/master/index.html * Grids: http://mrmartineau.github.com/Choreographic-Grid/test.html - +ko: ## Tab trigger for all items: 'ko:' ⇥ ## Forms From 7e0094ec5b44412b05185c092726c2307c94ca17 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Thu, 12 Jul 2012 01:47:14 +0100 Subject: [PATCH 009/103] rename description --- HTML/formnote.sublime-snippet | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/HTML/formnote.sublime-snippet b/HTML/formnote.sublime-snippet index 4bac8b5..13409c1 100644 --- a/HTML/formnote.sublime-snippet +++ b/HTML/formnote.sublime-snippet @@ -1,6 +1,6 @@ ?First name & last name]]> ko: - <form> lable note + <form> label note text.html From 371e45b010038c0bbcd416f6b0b97da78b163b09 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Thu, 12 Jul 2012 22:25:47 +0100 Subject: [PATCH 010/103] fix tabs snippet --- HTML/tabs.sublime-snippet | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/HTML/tabs.sublime-snippet b/HTML/tabs.sublime-snippet index 6beaa87..21242cb 100644 --- a/HTML/tabs.sublime-snippet +++ b/HTML/tabs.sublime-snippet @@ -7,14 +7,15 @@ ${2:Tab 2} -

    ]]> - ko: + ko Group of items in <form> text.html diff --git a/HTML/formnote.sublime-snippet b/HTML/formnote.sublime-snippet index 13409c1..20454d4 100755 --- a/HTML/formnote.sublime-snippet +++ b/HTML/formnote.sublime-snippet @@ -1,6 +1,6 @@ ?First name & last name]]> - ko: + ko <form> label note text.html diff --git a/HTML/picture.sublime-snippet b/HTML/picture.sublime-snippet index a77e493..dd6a232 100755 --- a/HTML/picture.sublime-snippet +++ b/HTML/picture.sublime-snippet @@ -5,7 +5,7 @@ $0]]> - ko: + ko Picture element text.html diff --git a/HTML/row.sublime-snippet b/HTML/row.sublime-snippet index 60334c8..91db60b 100755 --- a/HTML/row.sublime-snippet +++ b/HTML/row.sublime-snippet @@ -2,7 +2,7 @@ $0 ]]> - ko: + ko Choreographic grid row text.html diff --git a/HTML/tabs.sublime-snippet b/HTML/tabs.sublime-snippet index 21242cb..9b70856 100755 --- a/HTML/tabs.sublime-snippet +++ b/HTML/tabs.sublime-snippet @@ -17,7 +17,7 @@

    Lorem ipsum

    ]]> - ko: + ko Simple tabs text.html diff --git a/Javascript/object.sublime-snippet b/Javascript/object.sublime-snippet index 61f18fa..db13caa 100755 --- a/Javascript/object.sublime-snippet +++ b/Javascript/object.sublime-snippet @@ -5,7 +5,7 @@ $4 }$5 }$6;$0]]> - ko: + ko Object source.js diff --git a/LESS/border-radius.sublime-snippet b/LESS/border-radius.sublime-snippet index 148213c..94ace06 100755 --- a/LESS/border-radius.sublime-snippet +++ b/LESS/border-radius.sublime-snippet @@ -1,6 +1,6 @@ - ko: + ko .border-radius() Mixin source.css.less diff --git a/LESS/box-shadow.sublime-snippet b/LESS/box-shadow.sublime-snippet index 6ad6fe6..20a5b7f 100755 --- a/LESS/box-shadow.sublime-snippet +++ b/LESS/box-shadow.sublime-snippet @@ -1,6 +1,6 @@ - ko: + ko .box-shadow() Mixin source.css.less \ No newline at end of file diff --git a/LESS/box-sizing.sublime-snippet b/LESS/box-sizing.sublime-snippet index 66f1e4b..631640b 100755 --- a/LESS/box-sizing.sublime-snippet +++ b/LESS/box-sizing.sublime-snippet @@ -1,6 +1,6 @@ - ko: + ko .box-sizing() Mixin source.css.less \ No newline at end of file diff --git a/LESS/font-size.sublime-snippet b/LESS/font-size.sublime-snippet index e380e27..66eec78 100755 --- a/LESS/font-size.sublime-snippet +++ b/LESS/font-size.sublime-snippet @@ -1,6 +1,6 @@ - ko: + ko .font-size() REM mixin source.css.less diff --git a/LESS/gradient-horizontal.sublime-snippet b/LESS/gradient-horizontal.sublime-snippet index bf76a59..2599280 100755 --- a/LESS/gradient-horizontal.sublime-snippet +++ b/LESS/gradient-horizontal.sublime-snippet @@ -1,6 +1,6 @@ - ko: + ko #gradient .horizontal Mixin source.css.less \ No newline at end of file diff --git a/LESS/gradient-vertical.sublime-snippet b/LESS/gradient-vertical.sublime-snippet index b9d1c6b..6a8d08e 100755 --- a/LESS/gradient-vertical.sublime-snippet +++ b/LESS/gradient-vertical.sublime-snippet @@ -1,6 +1,6 @@ - ko: + ko #gradient .vertical Mixin source.css.less \ No newline at end of file diff --git a/LESS/line-height.sublime-snippet b/LESS/line-height.sublime-snippet index 813f28d..2060a8a 100755 --- a/LESS/line-height.sublime-snippet +++ b/LESS/line-height.sublime-snippet @@ -1,6 +1,6 @@ - ko: + ko .line-height() REM mixin source.css.less diff --git a/LESS/media-query.sublime-snippet b/LESS/media-query.sublime-snippet index 2081025..9fa3d94 100755 --- a/LESS/media-query.sublime-snippet +++ b/LESS/media-query.sublime-snippet @@ -5,7 +5,7 @@ $0 } // === end $1> ===]]> - ko: + ko Media Query code block source.css.less diff --git a/LESS/opacity.sublime-snippet b/LESS/opacity.sublime-snippet index 7b6d404..75da58f 100755 --- a/LESS/opacity.sublime-snippet +++ b/LESS/opacity.sublime-snippet @@ -1,6 +1,6 @@ - ko: + ko .opacity() Mixin source.css.less \ No newline at end of file diff --git a/LESS/size.sublime-snippet b/LESS/size.sublime-snippet index 4a5a0b1..7be015b 100755 --- a/LESS/size.sublime-snippet +++ b/LESS/size.sublime-snippet @@ -1,6 +1,6 @@ - ko: + ko .size() Mixin source.css.less \ No newline at end of file diff --git a/LESS/square.sublime-snippet b/LESS/square.sublime-snippet index 71982ff..f91c392 100755 --- a/LESS/square.sublime-snippet +++ b/LESS/square.sublime-snippet @@ -1,6 +1,6 @@ - ko: + ko .square() Mixin source.css.less \ No newline at end of file diff --git a/LESS/transition.sublime-snippet b/LESS/transition.sublime-snippet index 9cf55e3..07e5a54 100755 --- a/LESS/transition.sublime-snippet +++ b/LESS/transition.sublime-snippet @@ -1,6 +1,6 @@ - ko: + ko .transition() Mixin source.css.less diff --git a/SCSS/border-radius.sublime-snippet b/SCSS/border-radius.sublime-snippet index 4f40e86..0d351eb 100755 --- a/SCSS/border-radius.sublime-snippet +++ b/SCSS/border-radius.sublime-snippet @@ -1,6 +1,6 @@ - ko: + ko border-radius() Mixin source.scss diff --git a/SCSS/box-shadow.sublime-snippet b/SCSS/box-shadow.sublime-snippet index 87cfbf4..996214a 100755 --- a/SCSS/box-shadow.sublime-snippet +++ b/SCSS/box-shadow.sublime-snippet @@ -1,6 +1,6 @@ - ko: + ko box-shadow() Mixin source.scss \ No newline at end of file diff --git a/SCSS/box-sizing.sublime-snippet b/SCSS/box-sizing.sublime-snippet index 0f975b0..c263a21 100755 --- a/SCSS/box-sizing.sublime-snippet +++ b/SCSS/box-sizing.sublime-snippet @@ -1,6 +1,6 @@ - ko: + ko box-sizing() Mixin source.scss \ No newline at end of file diff --git a/SCSS/font-size.sublime-snippet b/SCSS/font-size.sublime-snippet index 3f07fed..1a731b0 100755 --- a/SCSS/font-size.sublime-snippet +++ b/SCSS/font-size.sublime-snippet @@ -1,6 +1,6 @@ - ko: + ko font-size() REM mixin source.scss diff --git a/SCSS/gradient-horizontal.sublime-snippet b/SCSS/gradient-horizontal.sublime-snippet index e0bf4c5..263612e 100755 --- a/SCSS/gradient-horizontal.sublime-snippet +++ b/SCSS/gradient-horizontal.sublime-snippet @@ -1,6 +1,6 @@ - ko: + ko gradient horizontal Mixin source.scss \ No newline at end of file diff --git a/SCSS/gradient-vertical.sublime-snippet b/SCSS/gradient-vertical.sublime-snippet index 121ee3c..ebe5444 100755 --- a/SCSS/gradient-vertical.sublime-snippet +++ b/SCSS/gradient-vertical.sublime-snippet @@ -1,6 +1,6 @@ - ko: + ko Gradient vertical Mixin source.scss \ No newline at end of file diff --git a/SCSS/line-height.sublime-snippet b/SCSS/line-height.sublime-snippet index e01781c..4823609 100755 --- a/SCSS/line-height.sublime-snippet +++ b/SCSS/line-height.sublime-snippet @@ -1,6 +1,6 @@ - ko: + ko line-height() REM mixin source.scss diff --git a/SCSS/opacity.sublime-snippet b/SCSS/opacity.sublime-snippet index 7bd0a13..e05e495 100755 --- a/SCSS/opacity.sublime-snippet +++ b/SCSS/opacity.sublime-snippet @@ -1,6 +1,6 @@ - ko: + ko opacity() Mixin source.scss \ No newline at end of file diff --git a/SCSS/respond-max.sublime-snippet b/SCSS/respond-max.sublime-snippet index bd49aad..38c2e20 100755 --- a/SCSS/respond-max.sublime-snippet +++ b/SCSS/respond-max.sublime-snippet @@ -5,7 +5,7 @@ $0 } // === end <$1 ===]]> - ko: + ko Respond Max (Media Query) code block source.scss diff --git a/SCSS/respond-min-max.sublime-snippet b/SCSS/respond-min-max.sublime-snippet index 7aa5260..6f93d49 100755 --- a/SCSS/respond-min-max.sublime-snippet +++ b/SCSS/respond-min-max.sublime-snippet @@ -5,7 +5,7 @@ $0 } // === end $1> - <$2 ===]]> - ko: + ko Respond Max (Media Query) code block source.scss diff --git a/SCSS/respond-min.sublime-snippet b/SCSS/respond-min.sublime-snippet index 3d3087e..8b612b4 100755 --- a/SCSS/respond-min.sublime-snippet +++ b/SCSS/respond-min.sublime-snippet @@ -5,7 +5,7 @@ $0 } // === end $1> ===]]> - ko: + ko Respond Min (Media Query) code block source.scss diff --git a/SCSS/size.sublime-snippet b/SCSS/size.sublime-snippet index a937fdb..1a89f39 100755 --- a/SCSS/size.sublime-snippet +++ b/SCSS/size.sublime-snippet @@ -1,6 +1,6 @@ - ko: + ko size() Mixin source.scss \ No newline at end of file diff --git a/SCSS/square.sublime-snippet b/SCSS/square.sublime-snippet index dfb1c14..c121d71 100755 --- a/SCSS/square.sublime-snippet +++ b/SCSS/square.sublime-snippet @@ -1,6 +1,6 @@ - ko: + ko square() Mixin source.scss \ No newline at end of file diff --git a/SCSS/transition.sublime-snippet b/SCSS/transition.sublime-snippet index 950cfe0..5e20440 100755 --- a/SCSS/transition.sublime-snippet +++ b/SCSS/transition.sublime-snippet @@ -1,6 +1,6 @@ - ko: + ko transition() Mixin source.scss diff --git a/readme.md b/readme.md index 0dd47ee..37b43c5 100755 --- a/readme.md +++ b/readme.md @@ -4,12 +4,12 @@ Use these snippets if you use my Boost framework & Sublime Text * Example page https://github.com/tmwagency/kickoff/blob/master/index.html * Grids: http://mrmartineau.github.com/Choreographic-Grid/test.html -ko: -## Tab trigger for all items: 'ko:' ⇥ +ko +## Tab trigger for all items: 'ko' ⇥ ## Forms -### form - ko:⇥ +### form - ko⇥ Remove the 'form_stacked' class to have form labels to the left of the inputs @@ -22,7 +22,7 @@ Remove the 'form_stacked' class to have form labels to the left of the inputs ``` -### form items - ko:⇥ +### form items - ko⇥ ```html ``` -### form item - ko:⇥ +### form item - ko⇥ ```html
  • @@ -64,7 +64,7 @@ Remove the 'form_stacked' class to have form labels to the left of the inputs
    • ``` -### form note - ko:⇥ +### form note - ko⇥ ```html ?First name & last name @@ -72,7 +72,7 @@ Remove the 'form_stacked' class to have form labels to the left of the inputs ## Grid -### Row - ko:⇥ +### Row - ko⇥ ```html
    @@ -80,7 +80,7 @@ Remove the 'form_stacked' class to have form labels to the left of the inputs
    ``` -### 2 columns - ko:⇥ +### 2 columns - ko⇥ ```html
    @@ -93,7 +93,7 @@ Remove the 'form_stacked' class to have form labels to the left of the inputs
    ``` -### One column - ko:⇥ +### One column - ko⇥ ```html
    @@ -104,43 +104,43 @@ Remove the 'form_stacked' class to have form labels to the left of the inputs ## LESS mixins These reference https://github.com/mrmartineau/Boost/blob/master/less/mixins.less -### border-radius - ko:⇥ +### border-radius - ko⇥ ``` .border-radius(5px); ``` -### box-shadow - ko:⇥ +### box-shadow - ko⇥ ``` .box-shadow(0 1px 3px rgba(0,0,0,.25)); ``` -### opacity - ko:⇥ +### opacity - ko⇥ ``` .opacity(60); ``` -### size (sizing an element - w x h) - ko:⇥ +### size (sizing an element - w x h) - ko⇥ ``` .size(10px,10px); ``` -### square (for elements with same height & width) - ko:⇥ +### square (for elements with same height & width) - ko⇥ ``` .square(50px); ``` -### font-size REM mixin - ko:⇥ +### font-size REM mixin - ko⇥ ``` .font-size(16); ``` -### line-height REM mixin - ko:⇥ +### line-height REM mixin - ko⇥ ``` .line-height(50px); From 3a16c05c3a68791c14238cc37639cc5a930fb371 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Tue, 23 Jul 2013 00:15:01 +0100 Subject: [PATCH 018/103] Update snippets --- HTML/2col.sublime-snippet | 4 ++-- HTML/col.sublime-snippet | 2 +- SCSS/background-size.sublime-snippet | 6 ++++++ SCSS/respond-max.sublime-snippet | 3 ++- SCSS/respond-min-max.sublime-snippet | 3 ++- SCSS/respond-min.sublime-snippet | 5 +++-- 6 files changed, 16 insertions(+), 7 deletions(-) create mode 100644 SCSS/background-size.sublime-snippet diff --git a/HTML/2col.sublime-snippet b/HTML/2col.sublime-snippet index 018bc55..340c66b 100755 --- a/HTML/2col.sublime-snippet +++ b/HTML/2col.sublime-snippet @@ -1,9 +1,9 @@ -
    +
    $3
    -
    +
    $4
    $0]]> diff --git a/HTML/col.sublime-snippet b/HTML/col.sublime-snippet index a2438ff..180f58c 100755 --- a/HTML/col.sublime-snippet +++ b/HTML/col.sublime-snippet @@ -1,5 +1,5 @@ - + $2
    $0]]>     ko diff --git a/SCSS/background-size.sublime-snippet b/SCSS/background-size.sublime-snippet new file mode 100644 index 0000000..3cae2db --- /dev/null +++ b/SCSS/background-size.sublime-snippet @@ -0,0 +1,6 @@ + + + ko + background-size() Mixin + source.scss + diff --git a/SCSS/respond-max.sublime-snippet b/SCSS/respond-max.sublime-snippet index 38c2e20..4518867 100755 --- a/SCSS/respond-max.sublime-snippet +++ b/SCSS/respond-max.sublime-snippet @@ -4,7 +4,8 @@ @include respond-max(${1:768px}) { $0 } -// === end <$1 ===]]> +// === end <$1 ===]]> + ko Respond Max (Media Query) code block source.scss diff --git a/SCSS/respond-min-max.sublime-snippet b/SCSS/respond-min-max.sublime-snippet index 6f93d49..bafd4af 100755 --- a/SCSS/respond-min-max.sublime-snippet +++ b/SCSS/respond-min-max.sublime-snippet @@ -4,7 +4,8 @@ @include respond-min-max(${1:768px}, ${2:1024px}) { $0 } -// === end $1> - <$2 ===]]> +// === end $1> - <$2 ===]]> + ko Respond Max (Media Query) code block source.scss diff --git a/SCSS/respond-min.sublime-snippet b/SCSS/respond-min.sublime-snippet index 8b612b4..0782077 100755 --- a/SCSS/respond-min.sublime-snippet +++ b/SCSS/respond-min.sublime-snippet @@ -1,10 +1,11 @@ === -@include respond-min(${1:768px}) { +@include respond-min(${1:768}) { $0 } -// === end $1> ===]]> +// === end $1> ===]]> + ko Respond Min (Media Query) code block source.scss From 73ce4d3400ce59b24fd0189165c6e2766f2408a8 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Sun, 6 Oct 2013 11:42:30 +0100 Subject: [PATCH 019/103] Update snippets --- CSS/background.sublime-snippet | 2 +- CSS/media-query.sublime-snippet | 5 ++++- HTML/2col.sublime-snippet | 6 +++--- HTML/col.sublime-snippet | 2 +- HTML/form.sublime-snippet | 2 +- HTML/formitem.sublime-snippet | 9 ++++---- HTML/formitems.sublime-snippet | 32 +++++++++++++++------------- HTML/row.sublime-snippet | 2 +- HTML/tabs.sublime-snippet | 8 +++---- SCSS/linear-gradient.sublime-snippet | 6 ++++++ SCSS/respond-max.sublime-snippet | 6 +++++- SCSS/respond-min-max.sublime-snippet | 6 +++++- SCSS/respond-min.sublime-snippet | 6 +++++- SCSS/transition.sublime-snippet | 2 +- readme.md | 7 +++--- 15 files changed, 62 insertions(+), 39 deletions(-) create mode 100644 SCSS/linear-gradient.sublime-snippet diff --git a/CSS/background.sublime-snippet b/CSS/background.sublime-snippet index 8aa1eef..f4a3f9d 100755 --- a/CSS/background.sublime-snippet +++ b/CSS/background.sublime-snippet @@ -1,5 +1,5 @@ - + ko background source.css.less,source.css,source.scss,source.sass diff --git a/CSS/media-query.sublime-snippet b/CSS/media-query.sublime-snippet index 5f8f31c..0d6f5cb 100755 --- a/CSS/media-query.sublime-snippet +++ b/CSS/media-query.sublime-snippet @@ -1,10 +1,13 @@ === */ @media screen and (${2:min}-width: ${1:768px}) { $0 } -/* === end $1> === */]]> +/* === end $1> === */ + +]]> ko Media Query (CSS) code block source.css diff --git a/HTML/2col.sublime-snippet b/HTML/2col.sublime-snippet index 340c66b..228a22d 100755 --- a/HTML/2col.sublime-snippet +++ b/HTML/2col.sublime-snippet @@ -1,9 +1,9 @@ - -
    + +
    $3
    -
    +
    $4
    $0]]>     diff --git a/HTML/col.sublime-snippet b/HTML/col.sublime-snippet index 180f58c..e6d9c50 100755 --- a/HTML/col.sublime-snippet +++ b/HTML/col.sublime-snippet @@ -1,5 +1,5 @@ - + $2
    $0]]>     ko diff --git a/HTML/form.sublime-snippet b/HTML/form.sublime-snippet index 67610f7..644e600 100755 --- a/HTML/form.sublime-snippet +++ b/HTML/form.sublime-snippet @@ -1,5 +1,5 @@ - + ${2:
    Your form} $3 diff --git a/HTML/formitem.sublime-snippet b/HTML/formitem.sublime-snippet index e4c32e2..e26f8c3 100755 --- a/HTML/formitem.sublime-snippet +++ b/HTML/formitem.sublime-snippet @@ -1,10 +1,11 @@ - - -
    + + +
    -$0]]>     + +$0]]> ko Single grouped item in <form> text.html diff --git a/HTML/formitems.sublime-snippet b/HTML/formitems.sublime-snippet index c62be0d..0fc706b 100755 --- a/HTML/formitems.sublime-snippet +++ b/HTML/formitems.sublime-snippet @@ -1,27 +1,29 @@ - -
  • - -
    + +
  • + +
    • -
  • - -
    - +
  • + +
    +
    • -
  • - -
    +
  • + +
    • -
  • - -
    - +
  • + +
    +
    • ]]>     diff --git a/HTML/row.sublime-snippet b/HTML/row.sublime-snippet index 91db60b..4e2d481 100755 --- a/HTML/row.sublime-snippet +++ b/HTML/row.sublime-snippet @@ -1,5 +1,5 @@ - + $0
    ]]>     ko diff --git a/HTML/tabs.sublime-snippet b/HTML/tabs.sublime-snippet index 9b70856..16026be 100755 --- a/HTML/tabs.sublime-snippet +++ b/HTML/tabs.sublime-snippet @@ -1,14 +1,14 @@ - +
  • - ${1:Tab 1} + ${1:Tab 1}
  • ${2:Tab 2}
    • -
      -
    • +
        +

      • $1 content

        Pellentesque

        • diff --git a/SCSS/linear-gradient.sublime-snippet b/SCSS/linear-gradient.sublime-snippet new file mode 100644 index 0000000..87ae76e --- /dev/null +++ b/SCSS/linear-gradient.sublime-snippet @@ -0,0 +1,6 @@ + + + ko + Linear Gradient Mixin + source.scss + \ No newline at end of file diff --git a/SCSS/respond-max.sublime-snippet b/SCSS/respond-max.sublime-snippet index 4518867..f9e6902 100755 --- a/SCSS/respond-max.sublime-snippet +++ b/SCSS/respond-max.sublime-snippet @@ -1,10 +1,14 @@ +// === end <$1 === + +]]> ko Respond Max (Media Query) code block diff --git a/SCSS/respond-min-max.sublime-snippet b/SCSS/respond-min-max.sublime-snippet index bafd4af..d3baa67 100755 --- a/SCSS/respond-min-max.sublime-snippet +++ b/SCSS/respond-min-max.sublime-snippet @@ -1,10 +1,14 @@ - <$2 === @include respond-min-max(${1:768px}, ${2:1024px}) { $0 } -// === end $1> - <$2 ===]]> +// === end $1> - <$2 === + +]]> ko Respond Max (Media Query) code block diff --git a/SCSS/respond-min.sublime-snippet b/SCSS/respond-min.sublime-snippet index 0782077..51bdce4 100755 --- a/SCSS/respond-min.sublime-snippet +++ b/SCSS/respond-min.sublime-snippet @@ -1,10 +1,14 @@ === @include respond-min(${1:768}) { $0 } -// === end $1> ===]]> +// === end $1> === + +]]> ko Respond Min (Media Query) code block diff --git a/SCSS/transition.sublime-snippet b/SCSS/transition.sublime-snippet index 5e20440..bf4c4ac 100755 --- a/SCSS/transition.sublime-snippet +++ b/SCSS/transition.sublime-snippet @@ -1,5 +1,5 @@ - + ko transition() Mixin source.scss diff --git a/readme.md b/readme.md index 37b43c5..c479135 100755 --- a/readme.md +++ b/readme.md @@ -1,10 +1,9 @@ # Kickoff Snippets for Sublime Text 2 -Use these snippets if you use my Boost framework & Sublime Text +Use these snippets if you use the [Kickoff framework](https://github.com/tmwagency/kickoff/) & [Sublime Text](http://sublimetext.com) + +* [Kickoff demos](http://tmwagency.github.io/kickoff/demos/) -* Example page https://github.com/tmwagency/kickoff/blob/master/index.html -* Grids: http://mrmartineau.github.com/Choreographic-Grid/test.html -ko ## Tab trigger for all items: 'ko' ⇥ ## Forms From 87ce26790cb748e87b67260656621b329ad36cf7 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Sun, 6 Oct 2013 11:42:43 +0100 Subject: [PATCH 020/103] Remove Less snippets --- LESS/border-radius.sublime-snippet | 6 ------ LESS/box-shadow.sublime-snippet | 6 ------ LESS/box-sizing.sublime-snippet | 6 ------ LESS/font-size.sublime-snippet | 6 ------ LESS/gradient-horizontal.sublime-snippet | 6 ------ LESS/gradient-vertical.sublime-snippet | 6 ------ LESS/line-height.sublime-snippet | 6 ------ LESS/media-query.sublime-snippet | 11 ----------- LESS/opacity.sublime-snippet | 6 ------ LESS/size.sublime-snippet | 6 ------ LESS/square.sublime-snippet | 6 ------ LESS/transition.sublime-snippet | 6 ------ SCSS/gradient-horizontal.sublime-snippet | 6 ------ SCSS/gradient-vertical.sublime-snippet | 6 ------ 14 files changed, 89 deletions(-) delete mode 100755 LESS/border-radius.sublime-snippet delete mode 100755 LESS/box-shadow.sublime-snippet delete mode 100755 LESS/box-sizing.sublime-snippet delete mode 100755 LESS/font-size.sublime-snippet delete mode 100755 LESS/gradient-horizontal.sublime-snippet delete mode 100755 LESS/gradient-vertical.sublime-snippet delete mode 100755 LESS/line-height.sublime-snippet delete mode 100755 LESS/media-query.sublime-snippet delete mode 100755 LESS/opacity.sublime-snippet delete mode 100755 LESS/size.sublime-snippet delete mode 100755 LESS/square.sublime-snippet delete mode 100755 LESS/transition.sublime-snippet delete mode 100755 SCSS/gradient-horizontal.sublime-snippet delete mode 100755 SCSS/gradient-vertical.sublime-snippet diff --git a/LESS/border-radius.sublime-snippet b/LESS/border-radius.sublime-snippet deleted file mode 100755 index 94ace06..0000000 --- a/LESS/border-radius.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - - ko - .border-radius() Mixin - source.css.less - diff --git a/LESS/box-shadow.sublime-snippet b/LESS/box-shadow.sublime-snippet deleted file mode 100755 index 20a5b7f..0000000 --- a/LESS/box-shadow.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - - ko - .box-shadow() Mixin - source.css.less - \ No newline at end of file diff --git a/LESS/box-sizing.sublime-snippet b/LESS/box-sizing.sublime-snippet deleted file mode 100755 index 631640b..0000000 --- a/LESS/box-sizing.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - - ko - .box-sizing() Mixin - source.css.less - \ No newline at end of file diff --git a/LESS/font-size.sublime-snippet b/LESS/font-size.sublime-snippet deleted file mode 100755 index 66eec78..0000000 --- a/LESS/font-size.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - - ko - .font-size() REM mixin - source.css.less - diff --git a/LESS/gradient-horizontal.sublime-snippet b/LESS/gradient-horizontal.sublime-snippet deleted file mode 100755 index 2599280..0000000 --- a/LESS/gradient-horizontal.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - - ko - #gradient .horizontal Mixin - source.css.less - \ No newline at end of file diff --git a/LESS/gradient-vertical.sublime-snippet b/LESS/gradient-vertical.sublime-snippet deleted file mode 100755 index 6a8d08e..0000000 --- a/LESS/gradient-vertical.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - - ko - #gradient .vertical Mixin - source.css.less - \ No newline at end of file diff --git a/LESS/line-height.sublime-snippet b/LESS/line-height.sublime-snippet deleted file mode 100755 index 2060a8a..0000000 --- a/LESS/line-height.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - - ko - .line-height() REM mixin - source.css.less - diff --git a/LESS/media-query.sublime-snippet b/LESS/media-query.sublime-snippet deleted file mode 100755 index 9fa3d94..0000000 --- a/LESS/media-query.sublime-snippet +++ /dev/null @@ -1,11 +0,0 @@ - - === -@media screen and (${2:min}-width: ${1:768px}) { - $0 -} -// === end $1> ===]]> - ko - Media Query code block - source.css.less - diff --git a/LESS/opacity.sublime-snippet b/LESS/opacity.sublime-snippet deleted file mode 100755 index 75da58f..0000000 --- a/LESS/opacity.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - - ko - .opacity() Mixin - source.css.less - \ No newline at end of file diff --git a/LESS/size.sublime-snippet b/LESS/size.sublime-snippet deleted file mode 100755 index 7be015b..0000000 --- a/LESS/size.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - - ko - .size() Mixin - source.css.less - \ No newline at end of file diff --git a/LESS/square.sublime-snippet b/LESS/square.sublime-snippet deleted file mode 100755 index f91c392..0000000 --- a/LESS/square.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - - ko - .square() Mixin - source.css.less - \ No newline at end of file diff --git a/LESS/transition.sublime-snippet b/LESS/transition.sublime-snippet deleted file mode 100755 index 07e5a54..0000000 --- a/LESS/transition.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - - ko - .transition() Mixin - source.css.less - diff --git a/SCSS/gradient-horizontal.sublime-snippet b/SCSS/gradient-horizontal.sublime-snippet deleted file mode 100755 index 263612e..0000000 --- a/SCSS/gradient-horizontal.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - - ko - gradient horizontal Mixin - source.scss - \ No newline at end of file diff --git a/SCSS/gradient-vertical.sublime-snippet b/SCSS/gradient-vertical.sublime-snippet deleted file mode 100755 index ebe5444..0000000 --- a/SCSS/gradient-vertical.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - - ko - Gradient vertical Mixin - source.scss - \ No newline at end of file From 19b42dd3d52b7b5275c0d4470b77d935b77cf9f2 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Sun, 6 Oct 2013 11:43:09 +0100 Subject: [PATCH 021/103] add version of snippets for use with Emmet --- Emmet/snippets-kickoff.json | 113 ++++++++++++++++++++++++++++++++++++ 1 file changed, 113 insertions(+) create mode 100644 Emmet/snippets-kickoff.json diff --git a/Emmet/snippets-kickoff.json b/Emmet/snippets-kickoff.json new file mode 100644 index 0000000..6ddbb26 --- /dev/null +++ b/Emmet/snippets-kickoff.json @@ -0,0 +1,113 @@ +{ + "variables": { + "indentation": "\t", + "newline": "\n" + }, + + "css": { + "snippets": { + "bg" : "background: ${1:#f2f2f2} url('/img/${2:/ui/}$3') ${4:left} ${5:top} ${6:no-repeat};$0", + "mq" : "/* === $1> === */\n@media screen and (${2:min}-width: ${1:768px}) {\n\t$0\n}\n/* === end $1> === */" + // "" : "", + } + }, + + "scss": { + "extends": "css", + "snippets": { + "bg" : "background: ${1:#f2f2f2} url('${2:#{\\$img-path\\}}${3:/ui/}') ${4:left} ${5:top} ${6:no-repeat};$0", + "br" : "@include border-radius(${1:5px});$0", + "bs" : "@include box-shadow(${1:0} ${2:1px} ${3:3px} ${4:rgba(0,0,0,.25)});$0", + "bgs" : "@include background-size(${:cover});$0", + "box" : "@include box-sizing(${1:border-box});$0", + "fs" : "@include font-size(${1:16});$0", + "lh" : "@include line-height(${1:16});$0", + "lg" : "@include linear-gradient(${1:top/left}, ${2:#1e5799 0%}, ${3:#2989d8 50%});$0", + "rg" : "@include radial-gradient(${1:#1e5799}, ${2:#3dc3d1}, $fallback: ${3:red});$0", + "mq" : "// === $1> ===\n@media screen and (${2:min}-width: ${1:768px}) {\n\t$0\n}\n// === end $1> ===", + "op" : "@include opacity(${1:60});$0", + "pf" : "@include prefixer(${1:property}, $arg, ${2:webkit moz ms o spec});$0", + "rm" : "\n// === <$1 ===\n@include respond-max(${1:768px}) {\n\t$0\n}\n// === end <$1 ===\n", + "rm" : "\n// === <$1 ===\n@include respond-min(${1:768px}) {\n\t$0\n}\n// === end <$1 ===\n", + "rmm" : "\n// === <$1 ===\n@include respond-min-max(${1:768px}) {\n\t$0\n}\n// === end <$1 ===\n", + "size" : "@include size(${1:10}px,${2:10}px);$0", + "sq" : "@include square(${1:50}px);$0", + "trans" : "@include transition(${1:all 200ms ease-in-out});$0", + "us" : "@include user-select(${1:none});$0", + "va" : "@include vertical-align(${1:50px});$0", + "hd" : "@include hidpi(${1:1.5}){\n\t$2\n};$0", + "cols" : "@include content-columns(${1:1 (column count)},${2:20px (column gap)}30px);", + "tr" : "@include transform($0);", + "scale" : "@include scale(${1:1.2});", + "rotate" : "@include rotate(${1:2deg});", + "skew" : "@include skew(${1:2deg} ${2:3deg});", + "translate" : "@include translate(${1:x} ${2:y});", + "translate3d" : "@include translate3d(${1:x} ${2:y} ${2:z});", + "transform-origin" : "@include transform-origin(${1:center} ${2:center});", + "anim" : "@include animation($0);", + "hyphens" : "@include hyphens(${1:auto});", + // "" : "", + + // Vars + "bfs" : "$base-font-size", + "sans" : "$sans-font-family", + "serif" : "$serif-font-family", + "mono" : "$mono-font-family", + "alt" : "$alt-font-family", + "headings" : "$headings-font-family", + "hfw" : "$headings-font-weight", + "bn" : "$breakpoint-narrow", + "bm" : "$breakpoint-mid", + "bw" : "$breakpoint-wide", + "bh" : "$breakpoint-huge", + "bsc" : "$breakpoint-single-col", + "imgp" : "$img-path", + "uip" : "$img-ui-path", + "cp" : "$color-primary", + // "" : "", + + // Classnames + "un" : ".unstyled", + "formh" : ".form--horizontal", + "formi" : ".form--inline", + "formcg" : ".form-controlGroup", + "formcgl" : ".form-controlGroup-label", + "formcgi" : "form-controlGroup-input", + "fw" : ".fileWrapper", + "input" : ".input--", + "forma" : ".form-actions" + // "" : "", + } + }, + + "html": { + "extends": "html", + "snippets": { + + // Two grd columns + "cols" : "
        \n\t
        \n\t\t$3\n\t
        \n\t
        \n\t\t$4\n\t
        \n
        $0", + + // One grid column + "col" : "
        \n\t$2\n
        $0", + + // Form + "f" : "
        \n\t${2:
        \n\t\tYour form}\n\t\t$3\n\t
        }\n\t$0\n
        ", + + // Form item + "fi" : "
      • \n\t\n\t
        \n\t\t\n\t
        \n
        • \n$0\n", + + // Multiple form elements + "fg" : "
          \n\t
        • \n\t\t\n\t\t
          \n\t\t\t\n\t\t
          \n\t
          • \n\t
        • \n\t\t\n\t\t
          \n\t\t\t\n\t\t
          \n\t
          • \n\t
        • \n\t\t\n\t\t
          \n\t\t\t\n\t\t
          \n\t
          • \n\t
        • \n\t\t\n\t\t
          \n\t\t\t\n\t\t
          \n\t
          • \n
        \n", + + // Form note + "note" : "?First name & last name", + + // Grid row + "row" : "
        \n\t$0\n
        ", + + // Tabs + "tabs" : "\n
          \n\t
        • \n\t\t

          $1 content

          \n\t\t

          Pellentesque

          \n\t
          • \n\t
        • \n\t\t

          $2 content

          \n\t\t

          Lorem ipsum

          \n\t
          • \n
        " + // "" : "", + } + }, +} \ No newline at end of file From 78cb6ddaa519518d2844ef43fda86a4e1e3255a1 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Wed, 9 Oct 2013 16:06:52 +0100 Subject: [PATCH 022/103] Update docs --- Emmet/readme.md | 20 ++++++ readme.md | 186 ++++++++++++++++++++++++++++++++---------------- 2 files changed, 145 insertions(+), 61 deletions(-) create mode 100644 Emmet/readme.md diff --git a/Emmet/readme.md b/Emmet/readme.md new file mode 100644 index 0000000..bef8348 --- /dev/null +++ b/Emmet/readme.md @@ -0,0 +1,20 @@ +# Emmet snippets + +If you have the brilliant [Emmet](http://emmet.io) plugin installed, you can use these snippets instead of the other snippets provided. + +### Setup + +#### 1. +Create `Emmet.sublime-settings` in your `User` directory if you haven't already. Then add the following to the file and change the directory to your Sublime user folder. + +```json +{ + "extensions_path" : "~/path/to/your/sublime/user/folder/Sublime Text 3/Packages/User/Emmet" +} +``` + +#### 2. +Create an `Emmet` folder in your user directory and copy the `snippets-kickoff.json` into it. + +See my own settings for example: https://github.com/mrmartineau/SublimeText3UserSettings/tree/master/ + diff --git a/readme.md b/readme.md index c479135..68aeba8 100755 --- a/readme.md +++ b/readme.md @@ -4,16 +4,15 @@ Use these snippets if you use the [Kickoff framework](https://github.com/tmwagen * [Kickoff demos](http://tmwagency.github.io/kickoff/demos/) -## Tab trigger for all items: 'ko' ⇥ +##### Tab trigger for all items: 'ko' ⇥ -## Forms - -### form - ko⇥ - -Remove the 'form_stacked' class to have form labels to the left of the inputs +## HTML +[Reference](https://github.com/tmwagency/Kickoff-snippets/tree/master/HTML) +#### form - [ko⇥] +Add the `.form--horizontal` class to have form labels to the left of the inputs: ```html -
        +
        Your form @@ -21,126 +20,191 @@ Remove the 'form_stacked' class to have form labels to the left of the inputs ``` -### form items - ko⇥ - +#### form items - [ko⇥] ```html -
          -
        • - -
          +
            +
          • + +
            • -
          • - -
            - +
          • + +
            +
            • -
          • - -
            +
          • + +
            • -
          • - -
            - +
          • + +
            +
          ``` -### form item - ko⇥ - +#### form item - [ko⇥] ```html -
        • - -
          - +
        • + +
          +
          • ``` -### form note - ko⇥ - +#### form note - [ko⇥] ```html ?First name & last name ``` -## Grid - -### Row - ko⇥ - +#### Grid - Row - [ko⇥] ```html -
          +
          ``` -### 2 columns - ko⇥ - +#### Grid - 2 columns - [ko⇥] ```html -
          -
          +
          +
          -
          +
          ``` -### One column - ko⇥ - +#### Grid - One column - [ko⇥] ```html -
          +
          ``` -## LESS mixins -These reference https://github.com/mrmartineau/Boost/blob/master/less/mixins.less +## CSS +[Reference](https://github.com/tmwagency/Kickoff-snippets/tree/master/CSS) -### border-radius - ko⇥ +#### background - [ko⇥] +```css +background: #f2f2f2 url("/img/ui/") left top no-repeat; +``` + +#### media-query - [ko⇥] +```css +/* === 760> === */ +@media screen and (min-width: 760) { + +} +/* === end 760> === */ +``` +## Sass +[Reference](https://github.com/tmwagency/Kickoff-snippets/tree/master/SCSS) + +#### background-size - [ko⇥] ``` -.border-radius(5px); +@include background-size(cover); ``` -### box-shadow - ko⇥ +#### border-radius - [ko⇥] +``` +@include border-radius(5px); +``` +#### box-shadow - [ko⇥] ``` -.box-shadow(0 1px 3px rgba(0,0,0,.25)); +@include box-shadow(0 1px 3px rgba(0,0,0,.25)); ``` -### opacity - ko⇥ +#### box-sizing - [ko⇥] +``` +@include box-sizing(border-box); +``` + +#### font-size REM mixin - [ko⇥] +``` +@include font-size(16); +``` +#### line-height REM mixin - [ko⇥] ``` -.opacity(60); +@include line-height(50); ``` -### size (sizing an element - w x h) - ko⇥ +#### linear-gradient - [ko⇥] +[Reference](https://github.com/tmwagency/kickoff/blob/master/scss/mixins/_linear-gradient.scss) +``` +@include linear-gradient(left, #1e5799 0%, #2989d8 50%); +``` +#### opacity - [ko⇥] ``` -.size(10px,10px); +@include opacity(60); ``` -### square (for elements with same height & width) - ko⇥ +#### respond-min - [ko⇥] +``` +// === 760> === +@include respond-min(760}) { + [...] +} +// === end 760> === +``` +#### respond-max - [ko⇥] ``` -.square(50px); +// === 760> === +@include respond-max(760}) { + [...] +} +// === end 760> === ``` -### font-size REM mixin - ko⇥ +#### respond-min-max - [ko⇥] +``` +// === 100, 300 === +@include respond-min-max(100, 300) { + [...] +} +// === end 100, 300 === +``` +#### size (sizing an element - w x h) - [ko⇥] ``` -.font-size(16); +@include size(10px,10px); ``` -### line-height REM mixin - ko⇥ +#### square (for elements with same height & width) - [ko⇥] +``` +@include square(50px); +``` +#### transition - [ko⇥] ``` -.line-height(50px); +@include transition(all 200ms ease-in-out); +``` + +## Javascript +[Reference](https://github.com/tmwagency/Kickoff-snippets/tree/master/Javascript) + +#### object - [ko⇥] +```js +TMW.? = { + init : function() { + var that = this; + + } +}; ``` \ No newline at end of file From 51ab211f0251c298497e4a76d608c57e740bc2de Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Wed, 9 Oct 2013 16:07:40 +0100 Subject: [PATCH 023/103] Update CSS> background snippet --- CSS/background.sublime-snippet | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/CSS/background.sublime-snippet b/CSS/background.sublime-snippet index f4a3f9d..c248aa2 100755 --- a/CSS/background.sublime-snippet +++ b/CSS/background.sublime-snippet @@ -1,6 +1,6 @@ - + ko background - source.css.less,source.css,source.scss,source.sass + source.css From 41e3ae559769db52c8febd4d036af917053c3fe0 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Thu, 10 Oct 2013 11:09:55 +0100 Subject: [PATCH 024/103] fix scss vars --- Emmet/snippets-kickoff.json | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/Emmet/snippets-kickoff.json b/Emmet/snippets-kickoff.json index 6ddbb26..d1733cf 100644 --- a/Emmet/snippets-kickoff.json +++ b/Emmet/snippets-kickoff.json @@ -49,21 +49,21 @@ // "" : "", // Vars - "bfs" : "$base-font-size", - "sans" : "$sans-font-family", - "serif" : "$serif-font-family", - "mono" : "$mono-font-family", - "alt" : "$alt-font-family", - "headings" : "$headings-font-family", - "hfw" : "$headings-font-weight", - "bn" : "$breakpoint-narrow", - "bm" : "$breakpoint-mid", - "bw" : "$breakpoint-wide", - "bh" : "$breakpoint-huge", - "bsc" : "$breakpoint-single-col", - "imgp" : "$img-path", - "uip" : "$img-ui-path", - "cp" : "$color-primary", + "bfs" : "\\$base-font-size", + "sans" : "\\$sans-font-family", + "serif" : "\\$serif-font-family", + "mono" : "\\$mono-font-family", + "alt" : "\\$alt-font-family", + "headings" : "\\$headings-font-family", + "hfw" : "\\$headings-font-weight", + "bn" : "\\$breakpoint-narrow", + "bm" : "\\$breakpoint-mid", + "bw" : "\\$breakpoint-wide", + "bh" : "\\$breakpoint-huge", + "bsc" : "\\$breakpoint-single-col", + "imgp" : "\\$img-path", + "uip" : "\\$img-ui-path", + "cp" : "\\$color-primary", // "" : "", // Classnames From f1b96398d16398f130d890a3958c69f44b00b43c Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Thu, 10 Oct 2013 11:12:26 +0100 Subject: [PATCH 025/103] update var snippets --- Emmet/snippets-kickoff.json | 48 ++++++++++++++++++------------------- 1 file changed, 24 insertions(+), 24 deletions(-) diff --git a/Emmet/snippets-kickoff.json b/Emmet/snippets-kickoff.json index d1733cf..022ad52 100644 --- a/Emmet/snippets-kickoff.json +++ b/Emmet/snippets-kickoff.json @@ -49,33 +49,33 @@ // "" : "", // Vars - "bfs" : "\\$base-font-size", - "sans" : "\\$sans-font-family", - "serif" : "\\$serif-font-family", - "mono" : "\\$mono-font-family", - "alt" : "\\$alt-font-family", - "headings" : "\\$headings-font-family", - "hfw" : "\\$headings-font-weight", - "bn" : "\\$breakpoint-narrow", - "bm" : "\\$breakpoint-mid", - "bw" : "\\$breakpoint-wide", - "bh" : "\\$breakpoint-huge", - "bsc" : "\\$breakpoint-single-col", - "imgp" : "\\$img-path", - "uip" : "\\$img-ui-path", - "cp" : "\\$color-primary", + "ko-bfs" : "\\$base-font-size", + "ko-sans" : "\\$sans-font-family", + "ko-serif" : "\\$serif-font-family", + "ko-mono" : "\\$mono-font-family", + "ko-alt" : "\\$alt-font-family", + "ko-headings" : "\\$headings-font-family", + "ko-hfw" : "\\$headings-font-weight", + "ko-bn" : "\\$breakpoint-narrow", + "ko-bm" : "\\$breakpoint-mid", + "ko-bw" : "\\$breakpoint-wide", + "ko-bh" : "\\$breakpoint-huge", + "ko-bsc" : "\\$breakpoint-single-col", + "ko-imgp" : "\\$img-path", + "ko-uip" : "\\$img-ui-path", + "ko-cp" : "\\$color-primary", // "" : "", // Classnames - "un" : ".unstyled", - "formh" : ".form--horizontal", - "formi" : ".form--inline", - "formcg" : ".form-controlGroup", - "formcgl" : ".form-controlGroup-label", - "formcgi" : "form-controlGroup-input", - "fw" : ".fileWrapper", - "input" : ".input--", - "forma" : ".form-actions" + "ko-un" : ".unstyled", + "ko-formh" : ".form--horizontal", + "ko-formi" : ".form--inline", + "ko-formcg" : ".form-controlGroup", + "ko-formcgl" : ".form-controlGroup-label", + "ko-formcgi" : "form-controlGroup-input", + "ko-fw" : ".fileWrapper", + "ko-input" : ".input--", + "ko-forma" : ".form-actions" // "" : "", } }, From a88dff485015612b9d1d61914a5b8fd9b86dac76 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Fri, 11 Oct 2013 14:05:04 +0100 Subject: [PATCH 026/103] Add installation instructions --- readme.md | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/readme.md b/readme.md index 68aeba8..b4dd09c 100755 --- a/readme.md +++ b/readme.md @@ -4,6 +4,20 @@ Use these snippets if you use the [Kickoff framework](https://github.com/tmwagen * [Kickoff demos](http://tmwagency.github.io/kickoff/demos/) +## How to install + +If you experience problems or editor crashes please [fill an issue](https://github.com/sergeche/emmet-sublime/issues). + +With [Package Control](http://wbond.net/sublime_packages/package_control): + +1. Run “Package Control: Install Package” command, find and install `Kickoff Snippets` plugin. +2. Restart ST editor (if required) + +Manually: + +1. Clone or [download](https://github.com/tmwagency/Kickoff-snippets/archive/master.zip) git repo into your packages folder (in ST, find Browse Packages... menu item to open this folder) +2. Restart ST editor (if required) + ##### Tab trigger for all items: 'ko' ⇥ ## HTML @@ -207,4 +221,4 @@ TMW.? = { } }; -``` \ No newline at end of file +``` From 63f00979125943f5ee1e44eb94f9f2d6a949731a Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Fri, 25 Oct 2013 23:16:40 +0100 Subject: [PATCH 027/103] fix background size snippet --- Emmet/snippets-kickoff.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/Emmet/snippets-kickoff.json b/Emmet/snippets-kickoff.json index 022ad52..77ce0bd 100644 --- a/Emmet/snippets-kickoff.json +++ b/Emmet/snippets-kickoff.json @@ -18,7 +18,7 @@ "bg" : "background: ${1:#f2f2f2} url('${2:#{\\$img-path\\}}${3:/ui/}') ${4:left} ${5:top} ${6:no-repeat};$0", "br" : "@include border-radius(${1:5px});$0", "bs" : "@include box-shadow(${1:0} ${2:1px} ${3:3px} ${4:rgba(0,0,0,.25)});$0", - "bgs" : "@include background-size(${:cover});$0", + "bgs" : "@include background-size(${1:cover});$0", "box" : "@include box-sizing(${1:border-box});$0", "fs" : "@include font-size(${1:16});$0", "lh" : "@include line-height(${1:16});$0", @@ -110,4 +110,4 @@ // "" : "", } }, -} \ No newline at end of file +} From b7e219b1c0d1f474039f7d2a003d24278740b07e Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Fri, 7 Feb 2014 15:16:51 +0000 Subject: [PATCH 028/103] Replace mixins with standard rules because we now use autoprefixer --- Emmet/snippets-kickoff.json | 41 ++++++++++++++++--------------------- 1 file changed, 18 insertions(+), 23 deletions(-) diff --git a/Emmet/snippets-kickoff.json b/Emmet/snippets-kickoff.json index 77ce0bd..a343dd8 100644 --- a/Emmet/snippets-kickoff.json +++ b/Emmet/snippets-kickoff.json @@ -6,9 +6,22 @@ "css": { "snippets": { - "bg" : "background: ${1:#f2f2f2} url('/img/${2:/ui/}$3') ${4:left} ${5:top} ${6:no-repeat};$0", - "mq" : "/* === $1> === */\n@media screen and (${2:min}-width: ${1:768px}) {\n\t$0\n}\n/* === end $1> === */" - // "" : "", + "bg" : "background: ${1:#f2f2f2} url('/img/${2:/ui/}$3') ${4:left} ${5:top} ${6:no-repeat};$0", + "mq" : "/* === $1> === */\n@media screen and (${2:min}-width: ${1:768px}) {\n\t$0\n}\n/* === end $1> === */", + "br" : "border-radius: ${1:5px};$0", + "bs" : "box-shadow: ${1:0} ${2:1px} ${3:3px} ${4:rgba(0,0,0,.25)};$0", + "bgs" : "background-size: ${:cover};$0", + "box" : "box-sizing: ${1:border-box};$0", + "mq" : "// === $1> ===\n@media screen and (${2:min}-width: ${1:768px}) {\n\t$0\n}\n// === end $1> ===", + "trans" : "transition: ${1:all 200ms ease-in-out};$0", + "us" : "user-select: ${1:none};$0", + "scale" : "transform: scale(${1:1.2});", + "rotate" : "transform: rotate(${1:2deg});", + "skew" : "transform: skew(${1:2deg} ${2:3deg});", + "translate" : "transform: translate(${1:x} ${2:y});", + "translate3d" : "transform: translate3d(${1:x} ${2:y} ${2:z});", + "transform-origin" : "transform-origin: ${1:center} ${2:center};", + "anim" : "animation: ${1:single-animation-name} ${2:time e.g.200ms} ${3:timing-function e.g.linear} ${4:delay e.g.0s} ${5:single-animation-iteration-count e.g.infinite} ${6:single-animation-fill-mode e.g.forwards}$0;" } }, @@ -16,37 +29,21 @@ "extends": "css", "snippets": { "bg" : "background: ${1:#f2f2f2} url('${2:#{\\$img-path\\}}${3:/ui/}') ${4:left} ${5:top} ${6:no-repeat};$0", - "br" : "@include border-radius(${1:5px});$0", - "bs" : "@include box-shadow(${1:0} ${2:1px} ${3:3px} ${4:rgba(0,0,0,.25)});$0", - "bgs" : "@include background-size(${1:cover});$0", - "box" : "@include box-sizing(${1:border-box});$0", "fs" : "@include font-size(${1:16});$0", "lh" : "@include line-height(${1:16});$0", "lg" : "@include linear-gradient(${1:top/left}, ${2:#1e5799 0%}, ${3:#2989d8 50%});$0", "rg" : "@include radial-gradient(${1:#1e5799}, ${2:#3dc3d1}, $fallback: ${3:red});$0", - "mq" : "// === $1> ===\n@media screen and (${2:min}-width: ${1:768px}) {\n\t$0\n}\n// === end $1> ===", "op" : "@include opacity(${1:60});$0", "pf" : "@include prefixer(${1:property}, $arg, ${2:webkit moz ms o spec});$0", - "rm" : "\n// === <$1 ===\n@include respond-max(${1:768px}) {\n\t$0\n}\n// === end <$1 ===\n", - "rm" : "\n// === <$1 ===\n@include respond-min(${1:768px}) {\n\t$0\n}\n// === end <$1 ===\n", + "rmin" : "\n// === <$1 ===\n@include respond-max(${1:768px}) {\n\t$0\n}\n// === end <$1 ===\n", + "rmax" : "\n// === <$1 ===\n@include respond-min(${1:768px}) {\n\t$0\n}\n// === end <$1 ===\n", "rmm" : "\n// === <$1 ===\n@include respond-min-max(${1:768px}) {\n\t$0\n}\n// === end <$1 ===\n", "size" : "@include size(${1:10}px,${2:10}px);$0", "sq" : "@include square(${1:50}px);$0", - "trans" : "@include transition(${1:all 200ms ease-in-out});$0", - "us" : "@include user-select(${1:none});$0", "va" : "@include vertical-align(${1:50px});$0", "hd" : "@include hidpi(${1:1.5}){\n\t$2\n};$0", "cols" : "@include content-columns(${1:1 (column count)},${2:20px (column gap)}30px);", - "tr" : "@include transform($0);", - "scale" : "@include scale(${1:1.2});", - "rotate" : "@include rotate(${1:2deg});", - "skew" : "@include skew(${1:2deg} ${2:3deg});", - "translate" : "@include translate(${1:x} ${2:y});", - "translate3d" : "@include translate3d(${1:x} ${2:y} ${2:z});", - "transform-origin" : "@include transform-origin(${1:center} ${2:center});", - "anim" : "@include animation($0);", "hyphens" : "@include hyphens(${1:auto});", - // "" : "", // Vars "ko-bfs" : "\\$base-font-size", @@ -64,7 +61,6 @@ "ko-imgp" : "\\$img-path", "ko-uip" : "\\$img-ui-path", "ko-cp" : "\\$color-primary", - // "" : "", // Classnames "ko-un" : ".unstyled", @@ -76,7 +72,6 @@ "ko-fw" : ".fileWrapper", "ko-input" : ".input--", "ko-forma" : ".form-actions" - // "" : "", } }, From 3979421b24359e1fd2af782bf95774cf8e8f3cde Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Wed, 5 Mar 2014 19:04:11 +0000 Subject: [PATCH 029/103] Update snippet based on Kickoff v.3.4.0 --- Emmet/snippets-kickoff.json | 8 ++++---- SCSS/linear-gradient.sublime-snippet | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/Emmet/snippets-kickoff.json b/Emmet/snippets-kickoff.json index a343dd8..0578231 100644 --- a/Emmet/snippets-kickoff.json +++ b/Emmet/snippets-kickoff.json @@ -31,11 +31,11 @@ "bg" : "background: ${1:#f2f2f2} url('${2:#{\\$img-path\\}}${3:/ui/}') ${4:left} ${5:top} ${6:no-repeat};$0", "fs" : "@include font-size(${1:16});$0", "lh" : "@include line-height(${1:16});$0", - "lg" : "@include linear-gradient(${1:top/left}, ${2:#1e5799 0%}, ${3:#2989d8 50%});$0", - "rg" : "@include radial-gradient(${1:#1e5799}, ${2:#3dc3d1}, $fallback: ${3:red});$0", + "lg" : "@include linear-gradient(${1:#1e5799 0%}, ${2:#2989d8 50%}, ${1:horizontal/vertical}, ${4:false/true});$0", + "rg" : "@include radial-gradient(${1:#1e5799}, ${2:#3dc3d1}, $ie: ${3:true/false});$0", "op" : "@include opacity(${1:60});$0", "pf" : "@include prefixer(${1:property}, $arg, ${2:webkit moz ms o spec});$0", - "rmin" : "\n// === <$1 ===\n@include respond-max(${1:768px}) {\n\t$0\n}\n// === end <$1 ===\n", + "rmin" : "\n// === $1> ===\n@include respond-max(${1:768px}) {\n\t$0\n}\n// === end $1> ===\n", "rmax" : "\n// === <$1 ===\n@include respond-min(${1:768px}) {\n\t$0\n}\n// === end <$1 ===\n", "rmm" : "\n// === <$1 ===\n@include respond-min-max(${1:768px}) {\n\t$0\n}\n// === end <$1 ===\n", "size" : "@include size(${1:10}px,${2:10}px);$0", @@ -101,7 +101,7 @@ "row" : "
          \n\t$0\n
          ", // Tabs - "tabs" : "\n
            \n\t
          • \n\t\t

            $1 content

            \n\t\t

            Pellentesque

            \n\t
            • \n\t
          • \n\t\t

            $2 content

            \n\t\t

            Lorem ipsum

            \n\t
            • \n
          " + "tabs" : "\n
            \n\t
          • \n\t\t

            $1 content

            \n\t\t

            Pellentesque

            \n\t
            • \n\t
          • \n\t\t

            $2 content

            \n\t\t

            Lorem ipsum

            \n\t
            • \n
          " // "" : "", } }, diff --git a/SCSS/linear-gradient.sublime-snippet b/SCSS/linear-gradient.sublime-snippet index 87ae76e..3cda226 100644 --- a/SCSS/linear-gradient.sublime-snippet +++ b/SCSS/linear-gradient.sublime-snippet @@ -1,5 +1,5 @@ - + ko Linear Gradient Mixin source.scss From 5184fef3cda005d6526f5e35a9136069c1e92efa Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Wed, 12 Mar 2014 10:53:53 +0000 Subject: [PATCH 030/103] Fixes rmin, rmax & form snippet bugs --- Emmet/snippets-kickoff.json | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/Emmet/snippets-kickoff.json b/Emmet/snippets-kickoff.json index 0578231..1cdeab3 100644 --- a/Emmet/snippets-kickoff.json +++ b/Emmet/snippets-kickoff.json @@ -35,9 +35,9 @@ "rg" : "@include radial-gradient(${1:#1e5799}, ${2:#3dc3d1}, $ie: ${3:true/false});$0", "op" : "@include opacity(${1:60});$0", "pf" : "@include prefixer(${1:property}, $arg, ${2:webkit moz ms o spec});$0", - "rmin" : "\n// === $1> ===\n@include respond-max(${1:768px}) {\n\t$0\n}\n// === end $1> ===\n", - "rmax" : "\n// === <$1 ===\n@include respond-min(${1:768px}) {\n\t$0\n}\n// === end <$1 ===\n", - "rmm" : "\n// === <$1 ===\n@include respond-min-max(${1:768px}) {\n\t$0\n}\n// === end <$1 ===\n", + "rmin" : "\n// === $1> ===\n@include respond-min(${1:768}) {\n\t$0\n}\n// === end $1> ===\n", + "rmax" : "\n// === <$1 ===\n@include respond-max(${1:768}) {\n\t$0\n}\n// === end <$1 ===\n", + "rmm" : "\n// === $1> <$2 ===\n@include respond-min-max(${1:300}, ${2:800}) {\n\t$0\n}\n// === end <$1 ===\n", "size" : "@include size(${1:10}px,${2:10}px);$0", "sq" : "@include square(${1:50}px);$0", "va" : "@include vertical-align(${1:50px});$0", @@ -86,7 +86,7 @@ "col" : "
          \n\t$2\n
          $0", // Form - "f" : "
          \n\t${2:
          \n\t\tYour form}\n\t\t$3\n\t
          }\n\t$0\n
          ", + "f" : "
          \n\t${2:
          \n\t\tYour form}\n\t\t$3\n\t
          \n\t$0\n
          ", // Form item "fi" : "
        • \n\t\n\t
          \n\t\t\n\t
          \n
          • \n$0\n", From 333256f9fd075b3cc52c6151c380889c04b72f8b Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Wed, 12 Mar 2014 10:54:54 +0000 Subject: [PATCH 031/103] Fixes background size snippet --- Emmet/snippets-kickoff.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Emmet/snippets-kickoff.json b/Emmet/snippets-kickoff.json index 1cdeab3..3358185 100644 --- a/Emmet/snippets-kickoff.json +++ b/Emmet/snippets-kickoff.json @@ -10,7 +10,7 @@ "mq" : "/* === $1> === */\n@media screen and (${2:min}-width: ${1:768px}) {\n\t$0\n}\n/* === end $1> === */", "br" : "border-radius: ${1:5px};$0", "bs" : "box-shadow: ${1:0} ${2:1px} ${3:3px} ${4:rgba(0,0,0,.25)};$0", - "bgs" : "background-size: ${:cover};$0", + "bgs" : "background-size: ${1:cover};$0", "box" : "box-sizing: ${1:border-box};$0", "mq" : "// === $1> ===\n@media screen and (${2:min}-width: ${1:768px}) {\n\t$0\n}\n// === end $1> ===", "trans" : "transition: ${1:all 200ms ease-in-out};$0", From 5151791e047684db62ccb54268a6494a7bccfccc Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Wed, 12 Mar 2014 11:00:26 +0000 Subject: [PATCH 032/103] Added some cool convenience (aka lazy) snippets for &:hover, &:after and &:before --- Emmet/snippets-kickoff.json | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/Emmet/snippets-kickoff.json b/Emmet/snippets-kickoff.json index 3358185..887c813 100644 --- a/Emmet/snippets-kickoff.json +++ b/Emmet/snippets-kickoff.json @@ -22,7 +22,7 @@ "translate3d" : "transform: translate3d(${1:x} ${2:y} ${2:z});", "transform-origin" : "transform-origin: ${1:center} ${2:center};", "anim" : "animation: ${1:single-animation-name} ${2:time e.g.200ms} ${3:timing-function e.g.linear} ${4:delay e.g.0s} ${5:single-animation-iteration-count e.g.infinite} ${6:single-animation-fill-mode e.g.forwards}$0;" - } + } }, "scss": { @@ -44,6 +44,9 @@ "hd" : "@include hidpi(${1:1.5}){\n\t$2\n};$0", "cols" : "@include content-columns(${1:1 (column count)},${2:20px (column gap)}30px);", "hyphens" : "@include hyphens(${1:auto});", + "hover" : "&:hover {\n\t$0\n}", + "after" : "&:after {\n\tcontent:'';\n\t$0\n}", + "before" : "&:before {\n\tcontent:'';\n\t$0\n}", // Vars "ko-bfs" : "\\$base-font-size", From 365b3780ad940e936a86ad7c42f4f616a4f50696 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Thu, 30 Apr 2015 00:10:23 +0100 Subject: [PATCH 033/103] remove emmet snippets --- Emmet/readme.md | 20 ------- Emmet/snippets-kickoff.json | 111 ------------------------------------ 2 files changed, 131 deletions(-) delete mode 100644 Emmet/readme.md delete mode 100644 Emmet/snippets-kickoff.json diff --git a/Emmet/readme.md b/Emmet/readme.md deleted file mode 100644 index bef8348..0000000 --- a/Emmet/readme.md +++ /dev/null @@ -1,20 +0,0 @@ -# Emmet snippets - -If you have the brilliant [Emmet](http://emmet.io) plugin installed, you can use these snippets instead of the other snippets provided. - -### Setup - -#### 1. -Create `Emmet.sublime-settings` in your `User` directory if you haven't already. Then add the following to the file and change the directory to your Sublime user folder. - -```json -{ - "extensions_path" : "~/path/to/your/sublime/user/folder/Sublime Text 3/Packages/User/Emmet" -} -``` - -#### 2. -Create an `Emmet` folder in your user directory and copy the `snippets-kickoff.json` into it. - -See my own settings for example: https://github.com/mrmartineau/SublimeText3UserSettings/tree/master/ - diff --git a/Emmet/snippets-kickoff.json b/Emmet/snippets-kickoff.json deleted file mode 100644 index 887c813..0000000 --- a/Emmet/snippets-kickoff.json +++ /dev/null @@ -1,111 +0,0 @@ -{ - "variables": { - "indentation": "\t", - "newline": "\n" - }, - - "css": { - "snippets": { - "bg" : "background: ${1:#f2f2f2} url('/img/${2:/ui/}$3') ${4:left} ${5:top} ${6:no-repeat};$0", - "mq" : "/* === $1> === */\n@media screen and (${2:min}-width: ${1:768px}) {\n\t$0\n}\n/* === end $1> === */", - "br" : "border-radius: ${1:5px};$0", - "bs" : "box-shadow: ${1:0} ${2:1px} ${3:3px} ${4:rgba(0,0,0,.25)};$0", - "bgs" : "background-size: ${1:cover};$0", - "box" : "box-sizing: ${1:border-box};$0", - "mq" : "// === $1> ===\n@media screen and (${2:min}-width: ${1:768px}) {\n\t$0\n}\n// === end $1> ===", - "trans" : "transition: ${1:all 200ms ease-in-out};$0", - "us" : "user-select: ${1:none};$0", - "scale" : "transform: scale(${1:1.2});", - "rotate" : "transform: rotate(${1:2deg});", - "skew" : "transform: skew(${1:2deg} ${2:3deg});", - "translate" : "transform: translate(${1:x} ${2:y});", - "translate3d" : "transform: translate3d(${1:x} ${2:y} ${2:z});", - "transform-origin" : "transform-origin: ${1:center} ${2:center};", - "anim" : "animation: ${1:single-animation-name} ${2:time e.g.200ms} ${3:timing-function e.g.linear} ${4:delay e.g.0s} ${5:single-animation-iteration-count e.g.infinite} ${6:single-animation-fill-mode e.g.forwards}$0;" - } - }, - - "scss": { - "extends": "css", - "snippets": { - "bg" : "background: ${1:#f2f2f2} url('${2:#{\\$img-path\\}}${3:/ui/}') ${4:left} ${5:top} ${6:no-repeat};$0", - "fs" : "@include font-size(${1:16});$0", - "lh" : "@include line-height(${1:16});$0", - "lg" : "@include linear-gradient(${1:#1e5799 0%}, ${2:#2989d8 50%}, ${1:horizontal/vertical}, ${4:false/true});$0", - "rg" : "@include radial-gradient(${1:#1e5799}, ${2:#3dc3d1}, $ie: ${3:true/false});$0", - "op" : "@include opacity(${1:60});$0", - "pf" : "@include prefixer(${1:property}, $arg, ${2:webkit moz ms o spec});$0", - "rmin" : "\n// === $1> ===\n@include respond-min(${1:768}) {\n\t$0\n}\n// === end $1> ===\n", - "rmax" : "\n// === <$1 ===\n@include respond-max(${1:768}) {\n\t$0\n}\n// === end <$1 ===\n", - "rmm" : "\n// === $1> <$2 ===\n@include respond-min-max(${1:300}, ${2:800}) {\n\t$0\n}\n// === end <$1 ===\n", - "size" : "@include size(${1:10}px,${2:10}px);$0", - "sq" : "@include square(${1:50}px);$0", - "va" : "@include vertical-align(${1:50px});$0", - "hd" : "@include hidpi(${1:1.5}){\n\t$2\n};$0", - "cols" : "@include content-columns(${1:1 (column count)},${2:20px (column gap)}30px);", - "hyphens" : "@include hyphens(${1:auto});", - "hover" : "&:hover {\n\t$0\n}", - "after" : "&:after {\n\tcontent:'';\n\t$0\n}", - "before" : "&:before {\n\tcontent:'';\n\t$0\n}", - - // Vars - "ko-bfs" : "\\$base-font-size", - "ko-sans" : "\\$sans-font-family", - "ko-serif" : "\\$serif-font-family", - "ko-mono" : "\\$mono-font-family", - "ko-alt" : "\\$alt-font-family", - "ko-headings" : "\\$headings-font-family", - "ko-hfw" : "\\$headings-font-weight", - "ko-bn" : "\\$breakpoint-narrow", - "ko-bm" : "\\$breakpoint-mid", - "ko-bw" : "\\$breakpoint-wide", - "ko-bh" : "\\$breakpoint-huge", - "ko-bsc" : "\\$breakpoint-single-col", - "ko-imgp" : "\\$img-path", - "ko-uip" : "\\$img-ui-path", - "ko-cp" : "\\$color-primary", - - // Classnames - "ko-un" : ".unstyled", - "ko-formh" : ".form--horizontal", - "ko-formi" : ".form--inline", - "ko-formcg" : ".form-controlGroup", - "ko-formcgl" : ".form-controlGroup-label", - "ko-formcgi" : "form-controlGroup-input", - "ko-fw" : ".fileWrapper", - "ko-input" : ".input--", - "ko-forma" : ".form-actions" - } - }, - - "html": { - "extends": "html", - "snippets": { - - // Two grd columns - "cols" : "
          \n\t
          \n\t\t$3\n\t
          \n\t
          \n\t\t$4\n\t
          \n
          $0", - - // One grid column - "col" : "
          \n\t$2\n
          $0", - - // Form - "f" : "
          \n\t${2:
          \n\t\tYour form}\n\t\t$3\n\t
          \n\t$0\n
          ", - - // Form item - "fi" : "
        • \n\t\n\t
          \n\t\t\n\t
          \n
          • \n$0\n", - - // Multiple form elements - "fg" : "
            \n\t
          • \n\t\t\n\t\t
            \n\t\t\t\n\t\t
            \n\t
            • \n\t
          • \n\t\t\n\t\t
            \n\t\t\t\n\t\t
            \n\t
            • \n\t
          • \n\t\t\n\t\t
            \n\t\t\t\n\t\t
            \n\t
            • \n\t
          • \n\t\t\n\t\t
            \n\t\t\t\n\t\t
            \n\t
            • \n
          \n", - - // Form note - "note" : "?First name & last name", - - // Grid row - "row" : "
          \n\t$0\n
          ", - - // Tabs - "tabs" : "\n
            \n\t
          • \n\t\t

            $1 content

            \n\t\t

            Pellentesque

            \n\t
            • \n\t
          • \n\t\t

            $2 content

            \n\t\t

            Lorem ipsum

            \n\t
            • \n
          " - // "" : "", - } - }, -} From e0d619b0c3587ce558c60d9dae54dbc75eea11d3 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Thu, 30 Apr 2015 00:11:04 +0100 Subject: [PATCH 034/103] add a bunch of new snippets and update a few others --- {SCSS => CSS}/background-size.sublime-snippet | 0 CSS/border-radius.sublime-snippet | 6 +++++ CSS/box-shadow.sublime-snippet | 6 +++++ CSS/box-sizing.sublime-snippet | 6 +++++ CSS/transition.sublime-snippet | 6 +++++ HTML/2col.sublime-snippet | 2 +- HTML/blockGrid.sublime-snippet | 11 +++++++++ HTML/button-primary.sublime-snippet | 6 +++++ HTML/button.sublime-snippet | 6 +++++ HTML/col.sublime-snippet | 2 +- HTML/fluidVideo.sublime-snippet | 8 +++++++ HTML/form-actions.sublime-snippet | 9 +++++++ HTML/form-checkbox-custom.sublime-snippet | 23 ++++++++++++++++++ HTML/form-checkbox.sublime-snippet | 19 +++++++++++++++ HTML/form-columns.sublime-snippet | 21 ++++++++++++++++ HTML/form-file-custom.sublime-snippet | 19 +++++++++++++++ HTML/form-inline-checkboxes.sublime-snippet | 19 +++++++++++++++ HTML/form-inline-radios.sublime-snippet | 19 +++++++++++++++ HTML/form-radio-custom.sublime-snippet | 23 ++++++++++++++++++ HTML/form-radio.sublime-snippet | 19 +++++++++++++++ HTML/form.sublime-snippet | 4 ++-- HTML/formitem.sublime-snippet | 12 +++++----- HTML/mediaObject.sublime-snippet | 13 ++++++++++ HTML/table.sublime-snippet | 24 +++++++++++++++++++ Javascript/object.sublime-snippet | 2 +- SCSS/border-radius.sublime-snippet | 6 ----- SCSS/box-shadow.sublime-snippet | 6 ----- SCSS/box-sizing.sublime-snippet | 6 ----- SCSS/transition.sublime-snippet | 6 ----- 29 files changed, 274 insertions(+), 35 deletions(-) rename {SCSS => CSS}/background-size.sublime-snippet (100%) create mode 100755 CSS/border-radius.sublime-snippet create mode 100755 CSS/box-shadow.sublime-snippet create mode 100755 CSS/box-sizing.sublime-snippet create mode 100755 CSS/transition.sublime-snippet create mode 100755 HTML/blockGrid.sublime-snippet create mode 100755 HTML/button-primary.sublime-snippet create mode 100755 HTML/button.sublime-snippet create mode 100755 HTML/fluidVideo.sublime-snippet create mode 100755 HTML/form-actions.sublime-snippet create mode 100755 HTML/form-checkbox-custom.sublime-snippet create mode 100755 HTML/form-checkbox.sublime-snippet create mode 100755 HTML/form-columns.sublime-snippet create mode 100755 HTML/form-file-custom.sublime-snippet create mode 100755 HTML/form-inline-checkboxes.sublime-snippet create mode 100755 HTML/form-inline-radios.sublime-snippet create mode 100755 HTML/form-radio-custom.sublime-snippet create mode 100755 HTML/form-radio.sublime-snippet create mode 100755 HTML/mediaObject.sublime-snippet create mode 100755 HTML/table.sublime-snippet delete mode 100755 SCSS/border-radius.sublime-snippet delete mode 100755 SCSS/box-shadow.sublime-snippet delete mode 100755 SCSS/box-sizing.sublime-snippet delete mode 100755 SCSS/transition.sublime-snippet diff --git a/SCSS/background-size.sublime-snippet b/CSS/background-size.sublime-snippet similarity index 100% rename from SCSS/background-size.sublime-snippet rename to CSS/background-size.sublime-snippet diff --git a/CSS/border-radius.sublime-snippet b/CSS/border-radius.sublime-snippet new file mode 100755 index 0000000..2745abc --- /dev/null +++ b/CSS/border-radius.sublime-snippet @@ -0,0 +1,6 @@ + + + ko + border-radius + source.css + diff --git a/CSS/box-shadow.sublime-snippet b/CSS/box-shadow.sublime-snippet new file mode 100755 index 0000000..1311770 --- /dev/null +++ b/CSS/box-shadow.sublime-snippet @@ -0,0 +1,6 @@ + + + ko + box-shadow + source.css + diff --git a/CSS/box-sizing.sublime-snippet b/CSS/box-sizing.sublime-snippet new file mode 100755 index 0000000..a38a5bc --- /dev/null +++ b/CSS/box-sizing.sublime-snippet @@ -0,0 +1,6 @@ + + + ko + box-sizing + source.css + diff --git a/CSS/transition.sublime-snippet b/CSS/transition.sublime-snippet new file mode 100755 index 0000000..e8ebe6e --- /dev/null +++ b/CSS/transition.sublime-snippet @@ -0,0 +1,6 @@ + + + ko + transition + source.css + diff --git a/HTML/2col.sublime-snippet b/HTML/2col.sublime-snippet index 228a22d..82a79bb 100755 --- a/HTML/2col.sublime-snippet +++ b/HTML/2col.sublime-snippet @@ -8,6 +8,6 @@
          $0]]> ko - 2 column Choreographic grid + 2 grid columns text.html diff --git a/HTML/blockGrid.sublime-snippet b/HTML/blockGrid.sublime-snippet new file mode 100755 index 0000000..a223fef --- /dev/null +++ b/HTML/blockGrid.sublime-snippet @@ -0,0 +1,11 @@ + + +
        • Item 1
          • +
        • Item 2
          • +
        • Item 3
          • +
        • Item 4
          • +
        $0]]> + ko + Block grid + text.html + diff --git a/HTML/button-primary.sublime-snippet b/HTML/button-primary.sublime-snippet new file mode 100755 index 0000000..d41f975 --- /dev/null +++ b/HTML/button-primary.sublime-snippet @@ -0,0 +1,6 @@ + + ${2:Button text}$0]]> + ko + Button + text.html + diff --git a/HTML/button.sublime-snippet b/HTML/button.sublime-snippet new file mode 100755 index 0000000..c65847d --- /dev/null +++ b/HTML/button.sublime-snippet @@ -0,0 +1,6 @@ + + ${2:Button text}$0]]> + ko + Button + text.html + diff --git a/HTML/col.sublime-snippet b/HTML/col.sublime-snippet index e6d9c50..5348bfa 100755 --- a/HTML/col.sublime-snippet +++ b/HTML/col.sublime-snippet @@ -3,6 +3,6 @@ $2
    $0]]> ko - 1 column Choreographic grid + 1 grid column text.html diff --git a/HTML/fluidVideo.sublime-snippet b/HTML/fluidVideo.sublime-snippet new file mode 100755 index 0000000..795abb7 --- /dev/null +++ b/HTML/fluidVideo.sublime-snippet @@ -0,0 +1,8 @@ + + + ${1:} +$0]]> + ko + Fluid Video + text.html + diff --git a/HTML/form-actions.sublime-snippet b/HTML/form-actions.sublime-snippet new file mode 100755 index 0000000..f0ba934 --- /dev/null +++ b/HTML/form-actions.sublime-snippet @@ -0,0 +1,9 @@ + + + + +$0]]> + ko + Form actions + text.html + diff --git a/HTML/form-checkbox-custom.sublime-snippet b/HTML/form-checkbox-custom.sublime-snippet new file mode 100755 index 0000000..09264b0 --- /dev/null +++ b/HTML/form-checkbox-custom.sublime-snippet @@ -0,0 +1,23 @@ + + +
    + +
    + + + +
    +
    +$0]]>     + ko + Form custom checkboxes + text.html +     diff --git a/HTML/form-checkbox.sublime-snippet b/HTML/form-checkbox.sublime-snippet new file mode 100755 index 0000000..cca21e2 --- /dev/null +++ b/HTML/form-checkbox.sublime-snippet @@ -0,0 +1,19 @@ + + + +
    + + +
    + +$0]]>     + ko + Form checkboxes + text.html +     diff --git a/HTML/form-columns.sublime-snippet b/HTML/form-columns.sublime-snippet new file mode 100755 index 0000000..f916cef --- /dev/null +++ b/HTML/form-columns.sublime-snippet @@ -0,0 +1,21 @@ + + + +
    + +
    + +
    +
    + +
    + +
    + +
    +
    +$0]]>     + ko + Form columns (2) + text.html +     diff --git a/HTML/form-file-custom.sublime-snippet b/HTML/form-file-custom.sublime-snippet new file mode 100755 index 0000000..44fd58f --- /dev/null +++ b/HTML/form-file-custom.sublime-snippet @@ -0,0 +1,19 @@ + + +
    + + +
    + + +
    +
    +$0]]>     + ko + Form - file upload custom + text.html +     diff --git a/HTML/form-inline-checkboxes.sublime-snippet b/HTML/form-inline-checkboxes.sublime-snippet new file mode 100755 index 0000000..8906509 --- /dev/null +++ b/HTML/form-inline-checkboxes.sublime-snippet @@ -0,0 +1,19 @@ + + + +
    + + +
    + +$0]]>     + ko + Form - checkboxes inline + text.html +     diff --git a/HTML/form-inline-radios.sublime-snippet b/HTML/form-inline-radios.sublime-snippet new file mode 100755 index 0000000..7e55a36 --- /dev/null +++ b/HTML/form-inline-radios.sublime-snippet @@ -0,0 +1,19 @@ + + + +
    + + +
    + +$0]]>     + ko + Form - radios inline + text.html +     diff --git a/HTML/form-radio-custom.sublime-snippet b/HTML/form-radio-custom.sublime-snippet new file mode 100755 index 0000000..ae100b9 --- /dev/null +++ b/HTML/form-radio-custom.sublime-snippet @@ -0,0 +1,23 @@ + + +
    + +
    + + + +
    +
    +$0]]>     + ko + Form - single item + text.html +     diff --git a/HTML/form-radio.sublime-snippet b/HTML/form-radio.sublime-snippet new file mode 100755 index 0000000..3a47cdc --- /dev/null +++ b/HTML/form-radio.sublime-snippet @@ -0,0 +1,19 @@ + + + +
    + + +
    + +$0]]>     + ko + Form columns (2) + text.html +     diff --git a/HTML/form.sublime-snippet b/HTML/form.sublime-snippet index 644e600..c63d317 100755 --- a/HTML/form.sublime-snippet +++ b/HTML/form.sublime-snippet @@ -1,7 +1,7 @@ - ${2:
    - Your form} + ${2:
    + Your form $3
    } $0 diff --git a/HTML/formitem.sublime-snippet b/HTML/formitem.sublime-snippet index e26f8c3..d9ce80b 100755 --- a/HTML/formitem.sublime-snippet +++ b/HTML/formitem.sublime-snippet @@ -1,12 +1,12 @@ - - -
    - + + +
    +
    - +
    $0]]>     ko - Single grouped item in <form> + Form - single item text.html     diff --git a/HTML/mediaObject.sublime-snippet b/HTML/mediaObject.sublime-snippet new file mode 100755 index 0000000..50e3dec --- /dev/null +++ b/HTML/mediaObject.sublime-snippet @@ -0,0 +1,13 @@ + + +
    + +
    +
    + $3 +
    +$0]]>     + ko + Media object + text.html +     diff --git a/HTML/table.sublime-snippet b/HTML/table.sublime-snippet new file mode 100755 index 0000000..6fc7a00 --- /dev/null +++ b/HTML/table.sublime-snippet @@ -0,0 +1,24 @@ + + + + Table head + Table head + Table head + + + + Table cell + Table cell + Table cell + + + + Table foot + Table foot + Table foot + +$0]]> + ko + Table + text.html + diff --git a/Javascript/object.sublime-snippet b/Javascript/object.sublime-snippet index db13caa..d130ee0 100755 --- a/Javascript/object.sublime-snippet +++ b/Javascript/object.sublime-snippet @@ -1,5 +1,5 @@ - - - ko - border-radius() Mixin - source.scss - diff --git a/SCSS/box-shadow.sublime-snippet b/SCSS/box-shadow.sublime-snippet deleted file mode 100755 index 996214a..0000000 --- a/SCSS/box-shadow.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - - ko - box-shadow() Mixin - source.scss - \ No newline at end of file diff --git a/SCSS/box-sizing.sublime-snippet b/SCSS/box-sizing.sublime-snippet deleted file mode 100755 index c263a21..0000000 --- a/SCSS/box-sizing.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - - ko - box-sizing() Mixin - source.scss - \ No newline at end of file diff --git a/SCSS/transition.sublime-snippet b/SCSS/transition.sublime-snippet deleted file mode 100755 index bf4c4ac..0000000 --- a/SCSS/transition.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - - ko - transition() Mixin - source.scss - From 95dbf44be0e9c58ba6977488f5ae2836d9e1e278 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Thu, 30 Apr 2015 00:31:04 +0100 Subject: [PATCH 035/103] update snippets & readme --- CSS/background-size.sublime-snippet | 6 +- HTML/form-actions.sublime-snippet | 4 +- HTML/form-checkbox-custom.sublime-snippet | 2 +- HTML/formitems.sublime-snippet | 33 --- readme.md | 262 +++++++++++++++++----- 5 files changed, 208 insertions(+), 99 deletions(-) delete mode 100755 HTML/formitems.sublime-snippet diff --git a/CSS/background-size.sublime-snippet b/CSS/background-size.sublime-snippet index 3cae2db..6185808 100644 --- a/CSS/background-size.sublime-snippet +++ b/CSS/background-size.sublime-snippet @@ -1,6 +1,6 @@ - + ko - background-size() Mixin - source.scss + background-size + source.css diff --git a/HTML/form-actions.sublime-snippet b/HTML/form-actions.sublime-snippet index f0ba934..c8f9d04 100755 --- a/HTML/form-actions.sublime-snippet +++ b/HTML/form-actions.sublime-snippet @@ -1,7 +1,7 @@ - - + + $0]]> ko Form actions diff --git a/HTML/form-checkbox-custom.sublime-snippet b/HTML/form-checkbox-custom.sublime-snippet index 09264b0..a2e7773 100755 --- a/HTML/form-checkbox-custom.sublime-snippet +++ b/HTML/form-checkbox-custom.sublime-snippet @@ -1,7 +1,7 @@
    - +
    ``` #### form note - [ko⇥] @@ -107,46 +76,219 @@ Add the `.form--horizontal` class to have form labels to the left of the inputs:
    ``` +#### Block grid - [ko⇥] +```html +
      +
    • Item 1
      • +
    • Item 2
      • +
    • Item 3
      • +
    • Item 4
      • +
    +``` + +#### Button - primary - [ko⇥] +```html +${2:Button text} +``` + +#### Button - [ko⇥] +```html +${2:Button text} +``` + +#### Fluid video - [ko⇥] +```html +
    + ${1:} +
    +``` + +#### Form actions - [ko⇥] +```html +
    + + +
    +``` + +#### Form - Custom checkboxes - [ko⇥] +```html + +
    + +
    + + + +
    +
    +``` + +#### Form - Custom radios - [ko⇥] +```html + +
    + +
    + + + +
    +``` + +#### Form - inline radios - [ko⇥] +```html +
    + +
    + + +
    +
    +``` + +#### Form - inline checkboxes - [ko⇥] +```html +
    + +
    + + +
    +
    +``` + +#### Form - checkbox - [ko⇥] +```html +
    + +
    + + +
    +
    +``` + +#### Media object - [ko⇥] +```html +
    +
    + +
    +
    + $3 +
    +
    +``` + +#### Table - [ko⇥] +```html + + + + + + + + + + + + + + + + + + +
    Table headTable headTable head
    Table cellTable cellTable cell
    Table footTable footTable foot
    +``` + +#### form note - [ko⇥] +```html +?First name & last name +``` + ## CSS [Reference](https://github.com/tmwagency/Kickoff-snippets/tree/master/CSS) #### background - [ko⇥] ```css -background: #f2f2f2 url("/img/ui/") left top no-repeat; +background: ${1:#f2f2f2} url('/img/${2:/ui/}$3') ${4:left} ${5:top} ${6:no-repeat};$0 ``` #### media-query - [ko⇥] ```css -/* === 760> === */ -@media screen and (min-width: 760) { - +/* === $1> === */ +@media screen and (${2:min}-width: ${1:768px}) { + $0 } -/* === end 760> === */ +/* === end $1> === */ ``` -## Sass -[Reference](https://github.com/tmwagency/Kickoff-snippets/tree/master/SCSS) - #### background-size - [ko⇥] -``` -@include background-size(cover); +```css +background-size: ${1:cover};$0 +/* === end 760> === */ ``` #### border-radius - [ko⇥] -``` -@include border-radius(5px); +```css +border-radius: ${1:5px};$0 ``` #### box-shadow - [ko⇥] -``` -@include box-shadow(0 1px 3px rgba(0,0,0,.25)); +```css +box-shadow: ${1:0} ${2:1px} ${3:3px} ${4:rgba(0,0,0,.25)};$0 ``` #### box-sizing - [ko⇥] +```css +box-sizing: ${1:border-box}; ``` -@include box-sizing(border-box); + +#### transition - [ko⇥] +```css +transition: ${1:all 200ms ease-in-out}; ``` +## Sass +[Reference](https://github.com/tmwagency/Kickoff-snippets/tree/master/SCSS) + #### font-size REM mixin - [ko⇥] ``` @include font-size(16); @@ -215,7 +357,7 @@ background: #f2f2f2 url("/img/ui/") left top no-repeat; #### object - [ko⇥] ```js -TMW.? = { +KO.? = { init : function() { var that = this; From 65bba7fcc93f13c2b6ebaae326226a6e4600af82 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Thu, 30 Apr 2015 00:39:06 +0100 Subject: [PATCH 036/103] remove duplicate item --- readme.md | 5 ----- 1 file changed, 5 deletions(-) diff --git a/readme.md b/readme.md index 765a8dd..7577c83 100755 --- a/readme.md +++ b/readme.md @@ -238,11 +238,6 @@ Add the `.form--horizontal` class to have form labels to the left of the inputs: ``` -#### form note - [ko⇥] -```html -?First name & last name -``` - ## CSS [Reference](https://github.com/tmwagency/Kickoff-snippets/tree/master/CSS) From 0429bf2c16bbc7d925e5253ae8819a7e5fd5b2aa Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Mon, 17 Aug 2015 16:27:09 +0100 Subject: [PATCH 037/103] remove these old snippets --- SCSS/line-height.sublime-snippet | 6 ------ SCSS/linear-gradient.sublime-snippet | 6 ------ SCSS/opacity.sublime-snippet | 6 ------ 3 files changed, 18 deletions(-) delete mode 100755 SCSS/line-height.sublime-snippet delete mode 100644 SCSS/linear-gradient.sublime-snippet delete mode 100755 SCSS/opacity.sublime-snippet diff --git a/SCSS/line-height.sublime-snippet b/SCSS/line-height.sublime-snippet deleted file mode 100755 index 4823609..0000000 --- a/SCSS/line-height.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - - ko - line-height() REM mixin - source.scss - diff --git a/SCSS/linear-gradient.sublime-snippet b/SCSS/linear-gradient.sublime-snippet deleted file mode 100644 index 3cda226..0000000 --- a/SCSS/linear-gradient.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - - ko - Linear Gradient Mixin - source.scss - \ No newline at end of file diff --git a/SCSS/opacity.sublime-snippet b/SCSS/opacity.sublime-snippet deleted file mode 100755 index e05e495..0000000 --- a/SCSS/opacity.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - - ko - opacity() Mixin - source.scss - \ No newline at end of file From ea2b690f6d653b22c8e0055feb9f151559fe922f Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Tue, 25 Aug 2015 13:28:25 +0100 Subject: [PATCH 038/103] update snippets Added a few and changed most of them to have a more useful tabtrigger. --- CSS/animation.sublime-snippet | 6 ++++++ CSS/background-size.sublime-snippet | 2 +- CSS/background.sublime-snippet | 2 +- CSS/border-radius.sublime-snippet | 2 +- CSS/box-shadow.sublime-snippet | 2 +- CSS/box-sizing.sublime-snippet | 2 +- CSS/media-query.sublime-snippet | 12 +++--------- CSS/transform.sublime-snippet | 6 ++++++ CSS/transition.sublime-snippet | 2 +- CSS/translate3d.sublime-snippet | 6 ++++++ SCSS/after.sublime-snippet | 9 +++++++++ SCSS/before.sublime-snippet | 9 +++++++++ SCSS/beforeafter.sublime-snippet | 9 +++++++++ SCSS/font-size.sublime-snippet | 2 +- SCSS/hidpi.sublime-snippet | 8 ++++++++ SCSS/respond-max.sublime-snippet | 13 +++---------- SCSS/respond-min-max.sublime-snippet | 13 +++---------- SCSS/respond-min.sublime-snippet | 13 +++---------- SCSS/rotate.sublime-snippet | 6 ++++++ SCSS/size.sublime-snippet | 2 +- SCSS/square.sublime-snippet | 2 +- 21 files changed, 80 insertions(+), 48 deletions(-) create mode 100644 CSS/animation.sublime-snippet create mode 100755 CSS/transform.sublime-snippet create mode 100644 CSS/translate3d.sublime-snippet create mode 100755 SCSS/after.sublime-snippet create mode 100755 SCSS/before.sublime-snippet create mode 100755 SCSS/beforeafter.sublime-snippet create mode 100755 SCSS/hidpi.sublime-snippet create mode 100755 SCSS/rotate.sublime-snippet diff --git a/CSS/animation.sublime-snippet b/CSS/animation.sublime-snippet new file mode 100644 index 0000000..203e92d --- /dev/null +++ b/CSS/animation.sublime-snippet @@ -0,0 +1,6 @@ + + + anim + animation + source.css + diff --git a/CSS/background-size.sublime-snippet b/CSS/background-size.sublime-snippet index 6185808..9ca4f60 100644 --- a/CSS/background-size.sublime-snippet +++ b/CSS/background-size.sublime-snippet @@ -1,6 +1,6 @@ - ko + bgs background-size source.css diff --git a/CSS/background.sublime-snippet b/CSS/background.sublime-snippet index c248aa2..581efe8 100755 --- a/CSS/background.sublime-snippet +++ b/CSS/background.sublime-snippet @@ -1,6 +1,6 @@ - ko + bg background source.css diff --git a/CSS/border-radius.sublime-snippet b/CSS/border-radius.sublime-snippet index 2745abc..af67360 100755 --- a/CSS/border-radius.sublime-snippet +++ b/CSS/border-radius.sublime-snippet @@ -1,6 +1,6 @@ - ko + br border-radius source.css diff --git a/CSS/box-shadow.sublime-snippet b/CSS/box-shadow.sublime-snippet index 1311770..dd0e861 100755 --- a/CSS/box-shadow.sublime-snippet +++ b/CSS/box-shadow.sublime-snippet @@ -1,6 +1,6 @@ - ko + box box-shadow source.css diff --git a/CSS/box-sizing.sublime-snippet b/CSS/box-sizing.sublime-snippet index a38a5bc..47d5050 100755 --- a/CSS/box-sizing.sublime-snippet +++ b/CSS/box-sizing.sublime-snippet @@ -1,6 +1,6 @@ - ko + box box-sizing source.css diff --git a/CSS/media-query.sublime-snippet b/CSS/media-query.sublime-snippet index 0d6f5cb..660db6e 100755 --- a/CSS/media-query.sublime-snippet +++ b/CSS/media-query.sublime-snippet @@ -1,14 +1,8 @@ - === */ -@media screen and (${2:min}-width: ${1:768px}) { + === */ - -]]> - ko +}]]> + mq Media Query (CSS) code block source.css diff --git a/CSS/transform.sublime-snippet b/CSS/transform.sublime-snippet new file mode 100755 index 0000000..c6dceda --- /dev/null +++ b/CSS/transform.sublime-snippet @@ -0,0 +1,6 @@ + + + trans + transform + source.css + diff --git a/CSS/transition.sublime-snippet b/CSS/transition.sublime-snippet index e8ebe6e..c5c01ea 100755 --- a/CSS/transition.sublime-snippet +++ b/CSS/transition.sublime-snippet @@ -1,6 +1,6 @@ - ko + trans transition source.css diff --git a/CSS/translate3d.sublime-snippet b/CSS/translate3d.sublime-snippet new file mode 100644 index 0000000..8ea8b62 --- /dev/null +++ b/CSS/translate3d.sublime-snippet @@ -0,0 +1,6 @@ + + + translate3d + translate3d + source.css + diff --git a/SCSS/after.sublime-snippet b/SCSS/after.sublime-snippet new file mode 100755 index 0000000..4eeae51 --- /dev/null +++ b/SCSS/after.sublime-snippet @@ -0,0 +1,9 @@ + + + after + &:after + source.scss + \ No newline at end of file diff --git a/SCSS/before.sublime-snippet b/SCSS/before.sublime-snippet new file mode 100755 index 0000000..10a79c0 --- /dev/null +++ b/SCSS/before.sublime-snippet @@ -0,0 +1,9 @@ + + + before + &:before + source.scss + \ No newline at end of file diff --git a/SCSS/beforeafter.sublime-snippet b/SCSS/beforeafter.sublime-snippet new file mode 100755 index 0000000..2213fdb --- /dev/null +++ b/SCSS/beforeafter.sublime-snippet @@ -0,0 +1,9 @@ + + + beforeafter + &:before, &:after + source.scss + \ No newline at end of file diff --git a/SCSS/font-size.sublime-snippet b/SCSS/font-size.sublime-snippet index 1a731b0..11b93d3 100755 --- a/SCSS/font-size.sublime-snippet +++ b/SCSS/font-size.sublime-snippet @@ -1,6 +1,6 @@ - ko + fs font-size() REM mixin source.scss diff --git a/SCSS/hidpi.sublime-snippet b/SCSS/hidpi.sublime-snippet new file mode 100755 index 0000000..371115d --- /dev/null +++ b/SCSS/hidpi.sublime-snippet @@ -0,0 +1,8 @@ + + + hidpi + hidpi + source.scss + \ No newline at end of file diff --git a/SCSS/respond-max.sublime-snippet b/SCSS/respond-max.sublime-snippet index f9e6902..f6631c1 100755 --- a/SCSS/respond-max.sublime-snippet +++ b/SCSS/respond-max.sublime-snippet @@ -1,16 +1,9 @@ - +}]]> - ko + rmax Respond Max (Media Query) code block source.scss diff --git a/SCSS/respond-min-max.sublime-snippet b/SCSS/respond-min-max.sublime-snippet index d3baa67..fe26f80 100755 --- a/SCSS/respond-min-max.sublime-snippet +++ b/SCSS/respond-min-max.sublime-snippet @@ -1,16 +1,9 @@ - - <$2 === -@include respond-min-max(${1:768px}, ${2:1024px}) { + - <$2 === - -]]> +}]]> - ko + rminmax Respond Max (Media Query) code block source.scss diff --git a/SCSS/respond-min.sublime-snippet b/SCSS/respond-min.sublime-snippet index 51bdce4..34740a5 100755 --- a/SCSS/respond-min.sublime-snippet +++ b/SCSS/respond-min.sublime-snippet @@ -1,16 +1,9 @@ - === -@include respond-min(${1:768}) { + === - -]]> +}]]> - ko + rmin Respond Min (Media Query) code block source.scss diff --git a/SCSS/rotate.sublime-snippet b/SCSS/rotate.sublime-snippet new file mode 100755 index 0000000..8f83685 --- /dev/null +++ b/SCSS/rotate.sublime-snippet @@ -0,0 +1,6 @@ + + + rotate + rotate + source.scss + diff --git a/SCSS/size.sublime-snippet b/SCSS/size.sublime-snippet index 1a89f39..7f42172 100755 --- a/SCSS/size.sublime-snippet +++ b/SCSS/size.sublime-snippet @@ -1,6 +1,6 @@ - ko + size size() Mixin source.scss \ No newline at end of file diff --git a/SCSS/square.sublime-snippet b/SCSS/square.sublime-snippet index c121d71..68bfe4b 100755 --- a/SCSS/square.sublime-snippet +++ b/SCSS/square.sublime-snippet @@ -1,6 +1,6 @@ - ko + square square() Mixin source.scss \ No newline at end of file From 1bc0cada19160922a77de165a019d582a0787550 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Sat, 23 Jan 2016 18:26:55 +0000 Subject: [PATCH 039/103] update snippets to Kickoff v6.0.0 - removed some old, redundant snippets --- HTML/2col.sublime-snippet | 2 +- HTML/blockGrid.sublime-snippet | 9 +++----- HTML/button-primary.sublime-snippet | 6 ------ HTML/button.sublime-snippet | 4 ++-- HTML/col.sublime-snippet | 2 +- HTML/fluidVideo.sublime-snippet | 2 +- HTML/form-actions.sublime-snippet | 2 +- HTML/form-checkbox-custom.sublime-snippet | 23 --------------------- HTML/form-checkbox.sublime-snippet | 22 +++++++------------- HTML/form-columns.sublime-snippet | 21 ------------------- HTML/form-file-custom.sublime-snippet | 18 +++++++--------- HTML/form-inline-checkboxes.sublime-snippet | 2 +- HTML/form-inline-radios.sublime-snippet | 19 ----------------- HTML/form-radio-custom.sublime-snippet | 23 --------------------- HTML/form-radio.sublime-snippet | 22 +++++++------------- HTML/form-select.sublime-snippet | 15 ++++++++++++++ HTML/form.sublime-snippet | 8 +++---- HTML/formitem.sublime-snippet | 4 ++-- HTML/formnote.sublime-snippet | 6 ------ HTML/mediaObject.sublime-snippet | 2 +- HTML/picture.sublime-snippet | 11 ---------- HTML/row.sublime-snippet | 2 +- HTML/table.sublime-snippet | 4 ++-- HTML/tabs.sublime-snippet | 23 --------------------- Javascript/object.sublime-snippet | 2 +- SCSS/after.sublime-snippet | 6 +++--- SCSS/before.sublime-snippet | 6 +++--- SCSS/beforeafter.sublime-snippet | 6 +++--- SCSS/respond-max.sublime-snippet | 2 +- SCSS/respond-min-max.sublime-snippet | 2 +- SCSS/respond-min.sublime-snippet | 2 +- 31 files changed, 70 insertions(+), 208 deletions(-) delete mode 100755 HTML/button-primary.sublime-snippet delete mode 100755 HTML/form-checkbox-custom.sublime-snippet delete mode 100755 HTML/form-columns.sublime-snippet delete mode 100755 HTML/form-inline-radios.sublime-snippet delete mode 100755 HTML/form-radio-custom.sublime-snippet create mode 100755 HTML/form-select.sublime-snippet delete mode 100755 HTML/formnote.sublime-snippet delete mode 100755 HTML/picture.sublime-snippet delete mode 100755 HTML/tabs.sublime-snippet diff --git a/HTML/2col.sublime-snippet b/HTML/2col.sublime-snippet index 82a79bb..6f1a531 100755 --- a/HTML/2col.sublime-snippet +++ b/HTML/2col.sublime-snippet @@ -7,7 +7,7 @@ $4
    $0]]>     - ko + cols 2 grid columns text.html     diff --git a/HTML/blockGrid.sublime-snippet b/HTML/blockGrid.sublime-snippet index a223fef..40c3145 100755 --- a/HTML/blockGrid.sublime-snippet +++ b/HTML/blockGrid.sublime-snippet @@ -1,11 +1,8 @@ - -
  • Item 1
    • -
  • Item 2
    • -
  • Item 3
    • -
  • Item 4
    • + + ${4:
  • ${5:Item 1}
    • } $0]]>     - ko + blockgrid Block grid text.html     diff --git a/HTML/button-primary.sublime-snippet b/HTML/button-primary.sublime-snippet deleted file mode 100755 index d41f975..0000000 --- a/HTML/button-primary.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - ${2:Button text}$0]]> - ko - Button - text.html - diff --git a/HTML/button.sublime-snippet b/HTML/button.sublime-snippet index c65847d..c163979 100755 --- a/HTML/button.sublime-snippet +++ b/HTML/button.sublime-snippet @@ -1,6 +1,6 @@ - ${2:Button text}$0]]> - ko + ${3:Button text}$0]]> + btn Button text.html diff --git a/HTML/col.sublime-snippet b/HTML/col.sublime-snippet index 5348bfa..08223c7 100755 --- a/HTML/col.sublime-snippet +++ b/HTML/col.sublime-snippet @@ -2,7 +2,7 @@ $2 $0]]> - ko + col 1 grid column text.html     diff --git a/HTML/fluidVideo.sublime-snippet b/HTML/fluidVideo.sublime-snippet index 795abb7..9244fbc 100755 --- a/HTML/fluidVideo.sublime-snippet +++ b/HTML/fluidVideo.sublime-snippet @@ -2,7 +2,7 @@ ${1:} $0]]> - ko + video Fluid Video text.html diff --git a/HTML/form-actions.sublime-snippet b/HTML/form-actions.sublime-snippet index c8f9d04..195de1c 100755 --- a/HTML/form-actions.sublime-snippet +++ b/HTML/form-actions.sublime-snippet @@ -3,7 +3,7 @@ $0]]> - ko + form Form actions text.html diff --git a/HTML/form-checkbox-custom.sublime-snippet b/HTML/form-checkbox-custom.sublime-snippet deleted file mode 100755 index a2e7773..0000000 --- a/HTML/form-checkbox-custom.sublime-snippet +++ /dev/null @@ -1,23 +0,0 @@ - - -
    - -
    - - - -
    -
    -$0]]>     - ko - Form custom checkboxes - text.html -     diff --git a/HTML/form-checkbox.sublime-snippet b/HTML/form-checkbox.sublime-snippet index cca21e2..3f12b01 100755 --- a/HTML/form-checkbox.sublime-snippet +++ b/HTML/form-checkbox.sublime-snippet @@ -1,19 +1,11 @@ - - -
    - - -
    - + + + + ${3:My Checkbox Button Label Text} + $0]]> - ko - Form checkboxes + checkbox + Form - custom checkbox text.html     diff --git a/HTML/form-columns.sublime-snippet b/HTML/form-columns.sublime-snippet deleted file mode 100755 index f916cef..0000000 --- a/HTML/form-columns.sublime-snippet +++ /dev/null @@ -1,21 +0,0 @@ - - - -
    - -
    - -
    -
    - -
    - -
    - -
    -
    -$0]]>     - ko - Form columns (2) - text.html -     diff --git a/HTML/form-file-custom.sublime-snippet b/HTML/form-file-custom.sublime-snippet index 44fd58f..ca0d354 100755 --- a/HTML/form-file-custom.sublime-snippet +++ b/HTML/form-file-custom.sublime-snippet @@ -1,19 +1,17 @@ - -
    - + +
    - -
    $0]]>     - ko - Form - file upload custom + file + Form - custom file upload text.html     diff --git a/HTML/form-inline-checkboxes.sublime-snippet b/HTML/form-inline-checkboxes.sublime-snippet index 8906509..5a6346c 100755 --- a/HTML/form-inline-checkboxes.sublime-snippet +++ b/HTML/form-inline-checkboxes.sublime-snippet @@ -13,7 +13,7 @@ $0]]> - ko + form Form - checkboxes inline text.html diff --git a/HTML/form-inline-radios.sublime-snippet b/HTML/form-inline-radios.sublime-snippet deleted file mode 100755 index 7e55a36..0000000 --- a/HTML/form-inline-radios.sublime-snippet +++ /dev/null @@ -1,19 +0,0 @@ - - - -
    - - -
    - -$0]]>     - ko - Form - radios inline - text.html -     diff --git a/HTML/form-radio-custom.sublime-snippet b/HTML/form-radio-custom.sublime-snippet deleted file mode 100755 index ae100b9..0000000 --- a/HTML/form-radio-custom.sublime-snippet +++ /dev/null @@ -1,23 +0,0 @@ - - -
    - -
    - - - -
    -
    -$0]]>     - ko - Form - single item - text.html -     diff --git a/HTML/form-radio.sublime-snippet b/HTML/form-radio.sublime-snippet index 3a47cdc..bd74b73 100755 --- a/HTML/form-radio.sublime-snippet +++ b/HTML/form-radio.sublime-snippet @@ -1,19 +1,11 @@ - - -
    - - -
    - + + + + ${3:My Radio Button Label Text} + $0]]> - ko - Form columns (2) + radio + Form - custom radio text.html     diff --git a/HTML/form-select.sublime-snippet b/HTML/form-select.sublime-snippet new file mode 100755 index 0000000..314462a --- /dev/null +++ b/HTML/form-select.sublime-snippet @@ -0,0 +1,15 @@ + + + +
    + +
    + +$0]]>     + select + Form - custom select + text.html +     diff --git a/HTML/form.sublime-snippet b/HTML/form.sublime-snippet index c63d317..75d18b1 100755 --- a/HTML/form.sublime-snippet +++ b/HTML/form.sublime-snippet @@ -1,12 +1,12 @@ - + ${2:
    - Your form - $3 + ${3:${4:Fieldset}} + $5
    } $0 ]]>     - ko + form <form> text.html     diff --git a/HTML/formitem.sublime-snippet b/HTML/formitem.sublime-snippet index d9ce80b..5d21f51 100755 --- a/HTML/formitem.sublime-snippet +++ b/HTML/formitem.sublime-snippet @@ -2,11 +2,11 @@
    - +
    $0]]>     - ko + form Form - single item text.html diff --git a/HTML/formnote.sublime-snippet b/HTML/formnote.sublime-snippet deleted file mode 100755 index 20454d4..0000000 --- a/HTML/formnote.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - ?First name & last name]]> - ko - <form> label note - text.html - diff --git a/HTML/mediaObject.sublime-snippet b/HTML/mediaObject.sublime-snippet index 50e3dec..5beba94 100755 --- a/HTML/mediaObject.sublime-snippet +++ b/HTML/mediaObject.sublime-snippet @@ -7,7 +7,7 @@ $3 $0]]> - ko + media Media object text.html diff --git a/HTML/picture.sublime-snippet b/HTML/picture.sublime-snippet deleted file mode 100755 index dd6a232..0000000 --- a/HTML/picture.sublime-snippet +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - -$0]]> - ko - Picture element - text.html - diff --git a/HTML/row.sublime-snippet b/HTML/row.sublime-snippet index 4e2d481..2d96f62 100755 --- a/HTML/row.sublime-snippet +++ b/HTML/row.sublime-snippet @@ -2,7 +2,7 @@ $0 ]]> - ko + row Choreographic grid row text.html diff --git a/HTML/table.sublime-snippet b/HTML/table.sublime-snippet index 6fc7a00..685928a 100755 --- a/HTML/table.sublime-snippet +++ b/HTML/table.sublime-snippet @@ -1,5 +1,5 @@ - + Table head Table head @@ -18,7 +18,7 @@ Table foot $0]]> - ko + table Table text.html diff --git a/HTML/tabs.sublime-snippet b/HTML/tabs.sublime-snippet deleted file mode 100755 index 16026be..0000000 --- a/HTML/tabs.sublime-snippet +++ /dev/null @@ -1,23 +0,0 @@ - - -
  • - ${1:Tab 1} -
    • -
  • - ${2:Tab 2} -
    • - -
      -
    • -

      $1 content

      -

      Pellentesque

      -
      • -
    • -

      $2 content

      -

      Lorem ipsum

      -
      • -
    ]]>     - ko - Simple tabs - text.html -     diff --git a/Javascript/object.sublime-snippet b/Javascript/object.sublime-snippet index d130ee0..170fb85 100755 --- a/Javascript/object.sublime-snippet +++ b/Javascript/object.sublime-snippet @@ -5,7 +5,7 @@ $4 }$5 }$6;$0]]> - ko + object Object source.js diff --git a/SCSS/after.sublime-snippet b/SCSS/after.sublime-snippet index 4eeae51..7845b3f 100755 --- a/SCSS/after.sublime-snippet +++ b/SCSS/after.sublime-snippet @@ -1,9 +1,9 @@ after &:after source.scss - \ No newline at end of file + diff --git a/SCSS/before.sublime-snippet b/SCSS/before.sublime-snippet index 10a79c0..59c0cc6 100755 --- a/SCSS/before.sublime-snippet +++ b/SCSS/before.sublime-snippet @@ -1,9 +1,9 @@ before &:before source.scss - \ No newline at end of file + diff --git a/SCSS/beforeafter.sublime-snippet b/SCSS/beforeafter.sublime-snippet index 2213fdb..48ec87f 100755 --- a/SCSS/beforeafter.sublime-snippet +++ b/SCSS/beforeafter.sublime-snippet @@ -1,9 +1,9 @@ beforeafter &:before, &:after source.scss - \ No newline at end of file + diff --git a/SCSS/respond-max.sublime-snippet b/SCSS/respond-max.sublime-snippet index f6631c1..bc2c39f 100755 --- a/SCSS/respond-max.sublime-snippet +++ b/SCSS/respond-max.sublime-snippet @@ -1,5 +1,5 @@ - diff --git a/SCSS/respond-min-max.sublime-snippet b/SCSS/respond-min-max.sublime-snippet index fe26f80..a7bb561 100755 --- a/SCSS/respond-min-max.sublime-snippet +++ b/SCSS/respond-min-max.sublime-snippet @@ -1,5 +1,5 @@ - diff --git a/SCSS/respond-min.sublime-snippet b/SCSS/respond-min.sublime-snippet index 34740a5..ecc6d49 100755 --- a/SCSS/respond-min.sublime-snippet +++ b/SCSS/respond-min.sublime-snippet @@ -1,5 +1,5 @@ - From 58d02c783e1b1c84e55783fa9b0d478b3143a5d5 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Sat, 23 Jan 2016 18:27:07 +0000 Subject: [PATCH 040/103] add attach.js module snippet --- Javascript/attach.sublime-snippet | 49 +++++++++++++++++++++++++++++++ 1 file changed, 49 insertions(+) create mode 100644 Javascript/attach.sublime-snippet diff --git a/Javascript/attach.sublime-snippet b/Javascript/attach.sublime-snippet new file mode 100644 index 0000000..5c75388 --- /dev/null +++ b/Javascript/attach.sublime-snippet @@ -0,0 +1,49 @@ + + + 1) { + opts = options || {}; + } else { + opts = JSON.parse(this.element.getAttribute('data-${1/(.*)/\L\1/}-options')) || {}; + } + + this.options = objectAssign({}, this.defaultOptions, opts)); + + this.addEvents(); +} + + +/** Default options */ +$1.prototype.defaultOptions = { + +}; + + +/** Add events */ +$1.prototype.addEvents = function () { + +}; + +module.exports = $1; +$0]]> + attach + Object + source.js + From 186731a9e87cc716635c2d7fdf41ce50ecc3c3bc Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Sat, 23 Jan 2016 18:27:13 +0000 Subject: [PATCH 041/103] update readme --- readme.md | 388 +++++++----------------------------------------------- 1 file changed, 45 insertions(+), 343 deletions(-) diff --git a/readme.md b/readme.md index 7577c83..e6722d0 100755 --- a/readme.md +++ b/readme.md @@ -1,8 +1,8 @@ # Kickoff Snippets for Sublime Text -Use these snippets if you use the [Kickoff framework](https://github.com/tmwagency/kickoff/) & [Sublime Text](http://sublimetext.com) +Use these snippets if you use the [Kickoff framework](https://github.com/trykickoff/kickoff/) & [Sublime Text](http://sublimetext.com) -* [Kickoff demos](http://tmwagency.github.io/kickoff/demos/) +* [Kickoff demos](http://trykickoff.io/demos/) ## How to install @@ -15,347 +15,49 @@ With [Package Control](http://packagecontrol.io): Manually: -1. Clone or [download](https://github.com/tmwagency/Kickoff-snippets/archive/master.zip) git repo into your packages folder (in ST, find Browse Packages... menu item to open this folder) +1. Clone or [download](https://github.com/trykickoff/Kickoff-snippets/archive/master.zip) git repo into your packages folder (in ST, find Browse Packages... menu item to open this folder) 2. Restart ST editor (if required) -##### Tab trigger for all items: 'ko' ⇥ -## HTML -[Reference](https://github.com/tmwagency/Kickoff-snippets/tree/master/HTML) - -#### form - [ko⇥] -Add the `.form--horizontal` class to have form labels to the left of the inputs: -```html -
    - ${2:
    - Your form - $3 -
    } - $0 -
    -``` - -#### form item - [ko⇥] -```html -
    - -
    - -
    -
    -``` - -#### form note - [ko⇥] -```html -?First name & last name -``` - -#### Grid - Row - [ko⇥] -```html -
    - -
    -``` - -#### Grid - 2 columns - [ko⇥] -```html -
    -
    - -
    -
    - -
    -
    -``` - -#### Grid - One column - [ko⇥] -```html -
    - -
    -``` - -#### Block grid - [ko⇥] -```html -
      -
    • Item 1
      • -
    • Item 2
      • -
    • Item 3
      • -
    • Item 4
      • -
    -``` - -#### Button - primary - [ko⇥] -```html -${2:Button text} -``` - -#### Button - [ko⇥] -```html -${2:Button text} -``` - -#### Fluid video - [ko⇥] -```html -
    - ${1:} -
    -``` - -#### Form actions - [ko⇥] -```html -
    - - -
    -``` - -#### Form - Custom checkboxes - [ko⇥] -```html - -
    - -
    - - - -
    -
    -``` - -#### Form - Custom radios - [ko⇥] -```html - -
    - -
    - - - -
    -``` - -#### Form - inline radios - [ko⇥] -```html -
    - -
    - - -
    -
    -``` - -#### Form - inline checkboxes - [ko⇥] -```html -
    - -
    - - -
    -
    -``` - -#### Form - checkbox - [ko⇥] -```html -
    - -
    - - -
    -
    -``` - -#### Media object - [ko⇥] -```html -
    -
    - -
    -
    - $3 -
    -
    -``` - -#### Table - [ko⇥] -```html - - - - - - - - - - - - - - - - - - -
    Table headTable headTable head
    Table cellTable cellTable cell
    Table footTable footTable foot
    -``` - -## CSS -[Reference](https://github.com/tmwagency/Kickoff-snippets/tree/master/CSS) - -#### background - [ko⇥] -```css -background: ${1:#f2f2f2} url('/img/${2:/ui/}$3') ${4:left} ${5:top} ${6:no-repeat};$0 -``` - -#### media-query - [ko⇥] -```css -/* === $1> === */ -@media screen and (${2:min}-width: ${1:768px}) { - $0 -} -/* === end $1> === */ -``` - -#### background-size - [ko⇥] -```css -background-size: ${1:cover};$0 -/* === end 760> === */ -``` - -#### border-radius - [ko⇥] -```css -border-radius: ${1:5px};$0 -``` - -#### box-shadow - [ko⇥] -```css -box-shadow: ${1:0} ${2:1px} ${3:3px} ${4:rgba(0,0,0,.25)};$0 -``` - -#### box-sizing - [ko⇥] -```css -box-sizing: ${1:border-box}; -``` - -#### transition - [ko⇥] -```css -transition: ${1:all 200ms ease-in-out}; -``` - -## Sass -[Reference](https://github.com/tmwagency/Kickoff-snippets/tree/master/SCSS) - -#### font-size REM mixin - [ko⇥] -``` -@include font-size(16); -``` - -#### line-height REM mixin - [ko⇥] -``` -@include line-height(50); -``` - -#### linear-gradient - [ko⇥] -[Reference](https://github.com/tmwagency/kickoff/blob/master/scss/mixins/_linear-gradient.scss) -``` -@include linear-gradient(left, #1e5799 0%, #2989d8 50%); -``` - -#### opacity - [ko⇥] -``` -@include opacity(60); -``` - -#### respond-min - [ko⇥] -``` -// === 760> === -@include respond-min(760}) { - [...] -} -// === end 760> === -``` - -#### respond-max - [ko⇥] -``` -// === 760> === -@include respond-max(760}) { - [...] -} -// === end 760> === -``` - -#### respond-min-max - [ko⇥] -``` -// === 100, 300 === -@include respond-min-max(100, 300) { - [...] -} -// === end 100, 300 === -``` - -#### size (sizing an element - w x h) - [ko⇥] -``` -@include size(10px,10px); -``` - -#### square (for elements with same height & width) - [ko⇥] -``` -@include square(50px); -``` - -#### transition - [ko⇥] -``` -@include transition(all 200ms ease-in-out); -``` - -## Javascript -[Reference](https://github.com/tmwagency/Kickoff-snippets/tree/master/Javascript) - -#### object - [ko⇥] -```js -KO.? = { - init : function() { - var that = this; - - } -}; -``` +## Tab triggers + +* **CSS** + * animation: [anim⇥] + * background-size: [bgs⇥] + * background: [bg⇥] + * border-radius: [br⇥] + * box-shadow: [box⇥] + * media-query: [mq⇥] + * transform: [trans⇥] + * transition: [trans⇥] + * translate3d: [translate3d⇥] +* **HTML** + * 2 grid columns: [cols⇥] + * grid row: [row⇥] + * grid column: [col⇥] + * block grid: [blockgrid⇥] + * media object: [media⇥] + * button: [btn⇥] + * fluid video: [video⇥] + * checkbox: [checkbox⇥] + * radio: [radio⇥] + * select: [select⇥] + * file: [file⇥] + * form actions: [actions⇥] + * input: [input⇥] + * table: [table⇥] +* **Javascript** + * attach.js module: [attach⇥] + * object: [object⇥] +* **SCSS** + * before: [before⇥] + * after: [after⇥] + * before&after: [beforeafter⇥] + * font-size mixin: [fs⇥] + * hidpi mixin: [hidpi⇥] + * respond-min mixin: [rmin⇥] + * respond-max mixin: [rmax⇥] + * respond-minmax mixin: [rminmax⇥] + * rotate mixin: [rotate⇥] + * size mixin: [size⇥] + * square mixin: [square⇥] From 6f964aa6d7e4e819a9b1c1706a44b6e68d599dad Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Mon, 25 Jan 2016 11:36:35 +0000 Subject: [PATCH 042/103] Fixes object assign bug --- Javascript/attach.sublime-snippet | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/Javascript/attach.sublime-snippet b/Javascript/attach.sublime-snippet index 5c75388..b89f241 100644 --- a/Javascript/attach.sublime-snippet +++ b/Javascript/attach.sublime-snippet @@ -13,6 +13,7 @@ var objectAssign = require('object-assign'); // Requires the object-assign npm m /** * @constructor * @param {Element} element + * @param {Object} options */ function $1(element, options) { var opts; @@ -24,7 +25,7 @@ function $1(element, options) { opts = JSON.parse(this.element.getAttribute('data-${1/(.*)/\L\1/}-options')) || {}; } - this.options = objectAssign({}, this.defaultOptions, opts)); + this.options = objectAssign({}, this.defaultOptions, opts); this.addEvents(); } From 6d092a46a09f3e78b7ff87b588252eaa3bc89126 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Fri, 10 Jun 2016 14:26:23 +0100 Subject: [PATCH 043/103] delete blockGrid snippet --- HTML/blockGrid.sublime-snippet | 8 -------- 1 file changed, 8 deletions(-) delete mode 100755 HTML/blockGrid.sublime-snippet diff --git a/HTML/blockGrid.sublime-snippet b/HTML/blockGrid.sublime-snippet deleted file mode 100755 index 40c3145..0000000 --- a/HTML/blockGrid.sublime-snippet +++ /dev/null @@ -1,8 +0,0 @@ - - - ${4:
  • ${5:Item 1}
    • } -$0]]>     - blockgrid - Block grid - text.html -     From 1050ce30c765c496aa67dfd5043cdf77c1cab2da Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Fri, 10 Jun 2016 16:32:23 +0100 Subject: [PATCH 044/103] update scss snippets had to rename the directory because Sublime wouldn't let me use SCSS & CSS --- {SCSS => CSS}/rotate.sublime-snippet | 2 +- {SCSS => SASS}/after.sublime-snippet | 0 {SCSS => SASS}/before.sublime-snippet | 0 {SCSS => SASS}/beforeafter.sublime-snippet | 0 .../mixin-font-size.sublime-snippet | 2 +- .../mixin-hidpi.sublime-snippet | 0 SASS/mixin-modularscale.sublime-snippet | 6 ++++++ .../mixin-respond-max.sublime-snippet | 2 +- .../mixin-respond-min-max.sublime-snippet | 2 +- .../mixin-respond-min.sublime-snippet | 2 +- .../size.sublime-snippet => SASS/mixin-size.sublime-snippet | 0 .../mixin-square.sublime-snippet | 0 SASS/var-colors.sublime-snippet | 6 ++++++ SASS/var-default-transition.sublime-snippet | 6 ++++++ SASS/var-font-family.sublime-snippet | 6 ++++++ 15 files changed, 29 insertions(+), 5 deletions(-) rename {SCSS => CSS}/rotate.sublime-snippet (79%) rename {SCSS => SASS}/after.sublime-snippet (100%) rename {SCSS => SASS}/before.sublime-snippet (100%) rename {SCSS => SASS}/beforeafter.sublime-snippet (100%) rename SCSS/font-size.sublime-snippet => SASS/mixin-font-size.sublime-snippet (61%) rename SCSS/hidpi.sublime-snippet => SASS/mixin-hidpi.sublime-snippet (100%) create mode 100755 SASS/mixin-modularscale.sublime-snippet rename SCSS/respond-max.sublime-snippet => SASS/mixin-respond-max.sublime-snippet (72%) rename SCSS/respond-min-max.sublime-snippet => SASS/mixin-respond-min-max.sublime-snippet (66%) rename SCSS/respond-min.sublime-snippet => SASS/mixin-respond-min.sublime-snippet (72%) rename SCSS/size.sublime-snippet => SASS/mixin-size.sublime-snippet (100%) rename SCSS/square.sublime-snippet => SASS/mixin-square.sublime-snippet (100%) create mode 100755 SASS/var-colors.sublime-snippet create mode 100755 SASS/var-default-transition.sublime-snippet create mode 100755 SASS/var-font-family.sublime-snippet diff --git a/SCSS/rotate.sublime-snippet b/CSS/rotate.sublime-snippet similarity index 79% rename from SCSS/rotate.sublime-snippet rename to CSS/rotate.sublime-snippet index 8f83685..e58ae76 100755 --- a/SCSS/rotate.sublime-snippet +++ b/CSS/rotate.sublime-snippet @@ -2,5 +2,5 @@ rotate rotate - source.scss + source.css,source.scss diff --git a/SCSS/after.sublime-snippet b/SASS/after.sublime-snippet similarity index 100% rename from SCSS/after.sublime-snippet rename to SASS/after.sublime-snippet diff --git a/SCSS/before.sublime-snippet b/SASS/before.sublime-snippet similarity index 100% rename from SCSS/before.sublime-snippet rename to SASS/before.sublime-snippet diff --git a/SCSS/beforeafter.sublime-snippet b/SASS/beforeafter.sublime-snippet similarity index 100% rename from SCSS/beforeafter.sublime-snippet rename to SASS/beforeafter.sublime-snippet diff --git a/SCSS/font-size.sublime-snippet b/SASS/mixin-font-size.sublime-snippet similarity index 61% rename from SCSS/font-size.sublime-snippet rename to SASS/mixin-font-size.sublime-snippet index 11b93d3..b5c35f9 100755 --- a/SCSS/font-size.sublime-snippet +++ b/SASS/mixin-font-size.sublime-snippet @@ -1,5 +1,5 @@ - + fs font-size() REM mixin source.scss diff --git a/SCSS/hidpi.sublime-snippet b/SASS/mixin-hidpi.sublime-snippet similarity index 100% rename from SCSS/hidpi.sublime-snippet rename to SASS/mixin-hidpi.sublime-snippet diff --git a/SASS/mixin-modularscale.sublime-snippet b/SASS/mixin-modularscale.sublime-snippet new file mode 100755 index 0000000..88e75b0 --- /dev/null +++ b/SASS/mixin-modularscale.sublime-snippet @@ -0,0 +1,6 @@ + + + modular-scale + modular-scale font-size mixin + source.scss + diff --git a/SCSS/respond-max.sublime-snippet b/SASS/mixin-respond-max.sublime-snippet similarity index 72% rename from SCSS/respond-max.sublime-snippet rename to SASS/mixin-respond-max.sublime-snippet index bc2c39f..81558a1 100755 --- a/SCSS/respond-max.sublime-snippet +++ b/SASS/mixin-respond-max.sublime-snippet @@ -1,5 +1,5 @@ - diff --git a/SCSS/respond-min-max.sublime-snippet b/SASS/mixin-respond-min-max.sublime-snippet similarity index 66% rename from SCSS/respond-min-max.sublime-snippet rename to SASS/mixin-respond-min-max.sublime-snippet index a7bb561..6d6eb7e 100755 --- a/SCSS/respond-min-max.sublime-snippet +++ b/SASS/mixin-respond-min-max.sublime-snippet @@ -1,5 +1,5 @@ - diff --git a/SCSS/respond-min.sublime-snippet b/SASS/mixin-respond-min.sublime-snippet similarity index 72% rename from SCSS/respond-min.sublime-snippet rename to SASS/mixin-respond-min.sublime-snippet index ecc6d49..ad0192f 100755 --- a/SCSS/respond-min.sublime-snippet +++ b/SASS/mixin-respond-min.sublime-snippet @@ -1,5 +1,5 @@ - diff --git a/SCSS/size.sublime-snippet b/SASS/mixin-size.sublime-snippet similarity index 100% rename from SCSS/size.sublime-snippet rename to SASS/mixin-size.sublime-snippet diff --git a/SCSS/square.sublime-snippet b/SASS/mixin-square.sublime-snippet similarity index 100% rename from SCSS/square.sublime-snippet rename to SASS/mixin-square.sublime-snippet diff --git a/SASS/var-colors.sublime-snippet b/SASS/var-colors.sublime-snippet new file mode 100755 index 0000000..13d7e96 --- /dev/null +++ b/SASS/var-colors.sublime-snippet @@ -0,0 +1,6 @@ + + + color + $color + source.scss + diff --git a/SASS/var-default-transition.sublime-snippet b/SASS/var-default-transition.sublime-snippet new file mode 100755 index 0000000..2ac099a --- /dev/null +++ b/SASS/var-default-transition.sublime-snippet @@ -0,0 +1,6 @@ + + + default-transition + $default-transition + source.scss + diff --git a/SASS/var-font-family.sublime-snippet b/SASS/var-font-family.sublime-snippet new file mode 100755 index 0000000..a86a7ac --- /dev/null +++ b/SASS/var-font-family.sublime-snippet @@ -0,0 +1,6 @@ + + + font-family + $font-family + source.scss + From a4a580668832f843d0f074ad1ad1650905ba5e4b Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Fri, 10 Jun 2016 16:32:38 +0100 Subject: [PATCH 045/103] update the CSS snippets --- CSS/animation.sublime-snippet | 4 ++-- CSS/background-size.sublime-snippet | 2 +- CSS/background.sublime-snippet | 4 ++-- CSS/border-radius.sublime-snippet | 4 ++-- CSS/box-shadow.sublime-snippet | 4 ++-- CSS/box-sizing.sublime-snippet | 4 ++-- CSS/media-query.sublime-snippet | 4 ++-- CSS/transform.sublime-snippet | 6 +++--- CSS/transition.sublime-snippet | 4 ++-- CSS/translate3d.sublime-snippet | 6 +++--- 10 files changed, 21 insertions(+), 21 deletions(-) diff --git a/CSS/animation.sublime-snippet b/CSS/animation.sublime-snippet index 203e92d..e2ecb2f 100644 --- a/CSS/animation.sublime-snippet +++ b/CSS/animation.sublime-snippet @@ -1,6 +1,6 @@ - anim + animation animation - source.css + source.css,source.scss diff --git a/CSS/background-size.sublime-snippet b/CSS/background-size.sublime-snippet index 9ca4f60..06ffbab 100644 --- a/CSS/background-size.sublime-snippet +++ b/CSS/background-size.sublime-snippet @@ -2,5 +2,5 @@ bgs background-size - source.css + source.css,source.scss diff --git a/CSS/background.sublime-snippet b/CSS/background.sublime-snippet index 581efe8..2b856e9 100755 --- a/CSS/background.sublime-snippet +++ b/CSS/background.sublime-snippet @@ -1,6 +1,6 @@ - bg + background background - source.css + source.css,source.scss diff --git a/CSS/border-radius.sublime-snippet b/CSS/border-radius.sublime-snippet index af67360..1ce6f6c 100755 --- a/CSS/border-radius.sublime-snippet +++ b/CSS/border-radius.sublime-snippet @@ -1,6 +1,6 @@ - br + border-radius border-radius - source.css + source.css,source.scss diff --git a/CSS/box-shadow.sublime-snippet b/CSS/box-shadow.sublime-snippet index dd0e861..e9e6dc0 100755 --- a/CSS/box-shadow.sublime-snippet +++ b/CSS/box-shadow.sublime-snippet @@ -1,6 +1,6 @@ - box + box-shadow box-shadow - source.css + source.css,source.scss diff --git a/CSS/box-sizing.sublime-snippet b/CSS/box-sizing.sublime-snippet index 47d5050..bd79b48 100755 --- a/CSS/box-sizing.sublime-snippet +++ b/CSS/box-sizing.sublime-snippet @@ -1,6 +1,6 @@ - box + box-sizing box-sizing - source.css + source.css,source.scss diff --git a/CSS/media-query.sublime-snippet b/CSS/media-query.sublime-snippet index 660db6e..4d265bd 100755 --- a/CSS/media-query.sublime-snippet +++ b/CSS/media-query.sublime-snippet @@ -2,7 +2,7 @@ - mq + media Media Query (CSS) code block - source.css + source.css,source.scss diff --git a/CSS/transform.sublime-snippet b/CSS/transform.sublime-snippet index c6dceda..c876c7d 100755 --- a/CSS/transform.sublime-snippet +++ b/CSS/transform.sublime-snippet @@ -1,6 +1,6 @@ - - trans + + transform transform - source.css + source.css,source.scss diff --git a/CSS/transition.sublime-snippet b/CSS/transition.sublime-snippet index c5c01ea..c8567fb 100755 --- a/CSS/transition.sublime-snippet +++ b/CSS/transition.sublime-snippet @@ -1,6 +1,6 @@ - trans + transition transition - source.css + source.css,source.scss diff --git a/CSS/translate3d.sublime-snippet b/CSS/translate3d.sublime-snippet index 8ea8b62..1f33252 100644 --- a/CSS/translate3d.sublime-snippet +++ b/CSS/translate3d.sublime-snippet @@ -1,6 +1,6 @@ - translate3d - translate3d - source.css + translate + translate + source.css,source.scss From 372c1134890a0785f445150896655f1e1a2a0b97 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Fri, 10 Jun 2016 16:32:46 +0100 Subject: [PATCH 046/103] update the HTML snippets --- HTML/2col.sublime-snippet | 6 +++--- HTML/form-checkbox.sublime-snippet | 4 ++-- HTML/form-radio.sublime-snippet | 4 ++-- HTML/form-select.sublime-snippet | 2 +- 4 files changed, 8 insertions(+), 8 deletions(-) diff --git a/HTML/2col.sublime-snippet b/HTML/2col.sublime-snippet index 6f1a531..3552166 100755 --- a/HTML/2col.sublime-snippet +++ b/HTML/2col.sublime-snippet @@ -1,9 +1,9 @@ - -
    + +
    $3
    -
    +
    $4
    $0]]>     diff --git a/HTML/form-checkbox.sublime-snippet b/HTML/form-checkbox.sublime-snippet index 3f12b01..7bf5f1e 100755 --- a/HTML/form-checkbox.sublime-snippet +++ b/HTML/form-checkbox.sublime-snippet @@ -1,6 +1,6 @@ - - + + ${3:My Checkbox Button Label Text} diff --git a/HTML/form-radio.sublime-snippet b/HTML/form-radio.sublime-snippet index bd74b73..a50a0ff 100755 --- a/HTML/form-radio.sublime-snippet +++ b/HTML/form-radio.sublime-snippet @@ -1,6 +1,6 @@ - - + + ${3:My Radio Button Label Text} diff --git a/HTML/form-select.sublime-snippet b/HTML/form-select.sublime-snippet index 314462a..00664ea 100755 --- a/HTML/form-select.sublime-snippet +++ b/HTML/form-select.sublime-snippet @@ -1,6 +1,6 @@ - +
    + + ${3:My Checkbox Button Label Text} + + $0 + """ diff --git a/Atom/HTML/file.cson b/Atom/HTML/file.cson new file mode 100644 index 0000000..92758fd --- /dev/null +++ b/Atom/HTML/file.cson @@ -0,0 +1,17 @@ +'.text.html': + 'Form - custom file upload': + 'prefix': 'file' + 'body': """ +
    + + +
    + +
    +
    + $0 + """ diff --git a/Atom/HTML/form.cson b/Atom/HTML/form.cson new file mode 100644 index 0000000..5b4ca06 --- /dev/null +++ b/Atom/HTML/form.cson @@ -0,0 +1,12 @@ +'.text.html': + 'Form - single item': + 'prefix': 'form' + 'body': """ +
    + +
    + +
    +
    + $0 + """ diff --git a/Atom/HTML/grid.cson b/Atom/HTML/grid.cson new file mode 100644 index 0000000..ddfa7d7 --- /dev/null +++ b/Atom/HTML/grid.cson @@ -0,0 +1,8 @@ +'.text.html': + 'Grid row': + 'prefix': 'grid' + 'body': """ +
    + $0 +
    + """ diff --git a/Atom/HTML/media.cson b/Atom/HTML/media.cson new file mode 100644 index 0000000..9f6bbd6 --- /dev/null +++ b/Atom/HTML/media.cson @@ -0,0 +1,13 @@ +'.text.html': + 'Media object': + 'prefix': 'media' + 'body': """ +
    +
    + +
    +
    + $3 +
    +
    $0 + """ diff --git a/Atom/HTML/radio.cson b/Atom/HTML/radio.cson new file mode 100644 index 0000000..7bf9645 --- /dev/null +++ b/Atom/HTML/radio.cson @@ -0,0 +1,11 @@ +'.text.html': + 'Form - custom radio': + 'prefix': 'radio' + 'body': """ + + $0 + """ diff --git a/Atom/HTML/select.cson b/Atom/HTML/select.cson new file mode 100644 index 0000000..c6789a4 --- /dev/null +++ b/Atom/HTML/select.cson @@ -0,0 +1,15 @@ +'.text.html': + 'Form - custom select': + 'prefix': 'select' + 'body': """ +
    + +
    + +
    +
    + $0 + """ diff --git a/Atom/HTML/table.cson b/Atom/HTML/table.cson new file mode 100644 index 0000000..8f277b4 --- /dev/null +++ b/Atom/HTML/table.cson @@ -0,0 +1,24 @@ +'.text.html': + 'Table': + 'prefix': 'table' + 'body': """ + + + + + + + + + + + + + + + + + + +
    Table headTable headTable head
    Table cellTable cellTable cell
    Table footTable footTable foot
    $0 + """ diff --git a/Atom/HTML/video.cson b/Atom/HTML/video.cson new file mode 100644 index 0000000..7082025 --- /dev/null +++ b/Atom/HTML/video.cson @@ -0,0 +1,8 @@ +'.text.html': + 'Fluid Video': + 'prefix': 'video' + 'body': """ +
    + ${1:} +
    $0 + """ diff --git a/Atom/Javascript/attach.cson b/Atom/Javascript/attach.cson new file mode 100644 index 0000000..0488add --- /dev/null +++ b/Atom/Javascript/attach.cson @@ -0,0 +1,44 @@ +'.source.js': + 'Object': + 'prefix': 'attach' + 'body': """ + /** + * ${1:ModuleName} + * @module $1 + * @description ${2:Description} + * @author ${3:Author} + * + * @usage + attach.add(\'$1\', function(el, id) { + el[id] = el[id] || new $1(el, JSON.parse(el.getAttribute(\'data-${1/(.*)/\L\1/}-options\')) ); + }); + */ + + /** + * @constructor + * @param {Element} element + * @param {Object} options + */ + function $1(element, options) { + var opts; + this.element = element; + this.options = Object.assign(this.defaultOptions, options); + + this.addEvents(); + } + + + /** Default options */ + $1.prototype.defaultOptions = { + + }; + + + /** Add events */ + $1.prototype.addEvents = function () { + + }; + + module.exports = $1; + $0 + """ diff --git a/Atom/Javascript/es6.cson b/Atom/Javascript/es6.cson new file mode 100644 index 0000000..d8cc91a --- /dev/null +++ b/Atom/Javascript/es6.cson @@ -0,0 +1,17 @@ +'.source.js': + 'ES6/ES2015 starter module': + 'prefix': 'es6' + 'body': """ + /** + * ${1:moduleName} + * @module $1 + * @description ${2:module description} + * @author ${3:author name} + */ + + // dependencies for this module go here + + export default function $1() { + + } + """ diff --git a/Atom/SASS/after.cson b/Atom/SASS/after.cson new file mode 100644 index 0000000..3c5a00e --- /dev/null +++ b/Atom/SASS/after.cson @@ -0,0 +1,9 @@ +'.source.css.scss': + ':after': + 'prefix': 'after' + 'body': """ + &:after { + content: \'\'; + $0 + } + """ diff --git a/Atom/SASS/before.cson b/Atom/SASS/before.cson new file mode 100644 index 0000000..b4252d4 --- /dev/null +++ b/Atom/SASS/before.cson @@ -0,0 +1,9 @@ +'.source.css.scss': + ':before': + 'prefix': 'before' + 'body': """ + &:before { + content: \'\'; + $0 + } + """ diff --git a/Atom/SASS/beforeafter.cson b/Atom/SASS/beforeafter.cson new file mode 100644 index 0000000..ab62069 --- /dev/null +++ b/Atom/SASS/beforeafter.cson @@ -0,0 +1,9 @@ +'.source.css.scss': + ':before, :after': + 'prefix': 'beforeafter' + 'body': """ + &:before, &:after { + content: \'\'; + $0 + } + """ diff --git a/Atom/SASS/color.cson b/Atom/SASS/color.cson new file mode 100644 index 0000000..4690e3c --- /dev/null +++ b/Atom/SASS/color.cson @@ -0,0 +1,4 @@ +'.source.css.scss': + '$color': + 'prefix': 'color' + 'body': '\$color${1:primary|secondary|highlight|text|bg}' diff --git a/Atom/SASS/default-transition.cson b/Atom/SASS/default-transition.cson new file mode 100644 index 0000000..2e38711 --- /dev/null +++ b/Atom/SASS/default-transition.cson @@ -0,0 +1,4 @@ +'.source.css.scss': + '$default-transition': + 'prefix': 'default-transition' + 'body': '\$default-transition${1:-timing|-duration}' diff --git a/Atom/SASS/font-family.cson b/Atom/SASS/font-family.cson new file mode 100644 index 0000000..c97a2b9 --- /dev/null +++ b/Atom/SASS/font-family.cson @@ -0,0 +1,4 @@ +'.source.css.scss': + '$font-family': + 'prefix': 'font-family' + 'body': '\$font-family-${1:base|sans|serif|mono}' diff --git a/Atom/SASS/fs.cson b/Atom/SASS/fs.cson new file mode 100644 index 0000000..fafc8b4 --- /dev/null +++ b/Atom/SASS/fs.cson @@ -0,0 +1,4 @@ +'.source.css.scss': + 'font-size() REM mixin': + 'prefix': 'fs' + 'body': '@include font-size(${1:16/mid/\$font-large});$0' diff --git a/Atom/SASS/hidpi.cson b/Atom/SASS/hidpi.cson new file mode 100644 index 0000000..695d685 --- /dev/null +++ b/Atom/SASS/hidpi.cson @@ -0,0 +1,8 @@ +'.source.css.scss': + 'hidpi': + 'prefix': 'hidpi' + 'body': """ + @include hidpi(${1:1.5}){ + $0 + }; + """ diff --git a/Atom/SASS/modular-scale.cson b/Atom/SASS/modular-scale.cson new file mode 100644 index 0000000..d8e140e --- /dev/null +++ b/Atom/SASS/modular-scale.cson @@ -0,0 +1,4 @@ +'.source.css.scss': + 'modular-scale font-size mixin': + 'prefix': 'modular-scale' + 'body': 'modular-scale($font-size-base, ${1:4}, $type-scale)' diff --git a/Atom/SASS/rmax.cson b/Atom/SASS/rmax.cson new file mode 100644 index 0000000..e1f8a76 --- /dev/null +++ b/Atom/SASS/rmax.cson @@ -0,0 +1,8 @@ +'.source.css.scss': + 'Respond Max (Media Query) code block': + 'prefix': 'rmax' + 'body': """ + @include respond-max(${1:mid}) { + $0 + } + """ diff --git a/Atom/SASS/rmin.cson b/Atom/SASS/rmin.cson new file mode 100644 index 0000000..6466db6 --- /dev/null +++ b/Atom/SASS/rmin.cson @@ -0,0 +1,8 @@ +'.source.css.scss': + 'Respond Min (Media Query) code block': + 'prefix': 'rmin' + 'body': """ + @include respond-min(${1:mid}) { + $0 + } + """ diff --git a/Atom/SASS/rminmax.cson b/Atom/SASS/rminmax.cson new file mode 100644 index 0000000..52c360c --- /dev/null +++ b/Atom/SASS/rminmax.cson @@ -0,0 +1,8 @@ +'.source.css.scss': + 'Respond Max (Media Query) code block': + 'prefix': 'rminmax' + 'body': """ + @include respond-min-max(${1:narrow}, ${2:large}) { + $0 + } + """ diff --git a/Atom/SASS/size.cson b/Atom/SASS/size.cson new file mode 100644 index 0000000..eb2daa5 --- /dev/null +++ b/Atom/SASS/size.cson @@ -0,0 +1,4 @@ +'.source.css.scss': + 'size() Mixin': + 'prefix': 'size' + 'body': '@include size(${1:10}px,${2:10}px);$0' diff --git a/Atom/SASS/square.cson b/Atom/SASS/square.cson new file mode 100644 index 0000000..f201b01 --- /dev/null +++ b/Atom/SASS/square.cson @@ -0,0 +1,4 @@ +'.source.css.scss': + 'square() Mixin': + 'prefix': 'square' + 'body': '@include square(${1:50}px);$0' diff --git a/CSS/animation.sublime-snippet b/Sublime/CSS/animation.sublime-snippet similarity index 100% rename from CSS/animation.sublime-snippet rename to Sublime/CSS/animation.sublime-snippet diff --git a/CSS/background-size.sublime-snippet b/Sublime/CSS/background-size.sublime-snippet similarity index 100% rename from CSS/background-size.sublime-snippet rename to Sublime/CSS/background-size.sublime-snippet diff --git a/CSS/background.sublime-snippet b/Sublime/CSS/background.sublime-snippet similarity index 100% rename from CSS/background.sublime-snippet rename to Sublime/CSS/background.sublime-snippet diff --git a/CSS/border-radius.sublime-snippet b/Sublime/CSS/border-radius.sublime-snippet similarity index 100% rename from CSS/border-radius.sublime-snippet rename to Sublime/CSS/border-radius.sublime-snippet diff --git a/CSS/box-shadow.sublime-snippet b/Sublime/CSS/box-shadow.sublime-snippet similarity index 100% rename from CSS/box-shadow.sublime-snippet rename to Sublime/CSS/box-shadow.sublime-snippet diff --git a/CSS/box-sizing.sublime-snippet b/Sublime/CSS/box-sizing.sublime-snippet similarity index 100% rename from CSS/box-sizing.sublime-snippet rename to Sublime/CSS/box-sizing.sublime-snippet diff --git a/CSS/media-query.sublime-snippet b/Sublime/CSS/media-query.sublime-snippet similarity index 100% rename from CSS/media-query.sublime-snippet rename to Sublime/CSS/media-query.sublime-snippet diff --git a/CSS/rotate.sublime-snippet b/Sublime/CSS/rotate.sublime-snippet similarity index 100% rename from CSS/rotate.sublime-snippet rename to Sublime/CSS/rotate.sublime-snippet diff --git a/CSS/transform.sublime-snippet b/Sublime/CSS/transform.sublime-snippet similarity index 100% rename from CSS/transform.sublime-snippet rename to Sublime/CSS/transform.sublime-snippet diff --git a/CSS/transition.sublime-snippet b/Sublime/CSS/transition.sublime-snippet similarity index 100% rename from CSS/transition.sublime-snippet rename to Sublime/CSS/transition.sublime-snippet diff --git a/CSS/translate3d.sublime-snippet b/Sublime/CSS/translate3d.sublime-snippet similarity index 100% rename from CSS/translate3d.sublime-snippet rename to Sublime/CSS/translate3d.sublime-snippet diff --git a/HTML/2col.sublime-snippet b/Sublime/HTML/2col.sublime-snippet similarity index 100% rename from HTML/2col.sublime-snippet rename to Sublime/HTML/2col.sublime-snippet diff --git a/HTML/button.sublime-snippet b/Sublime/HTML/button.sublime-snippet similarity index 100% rename from HTML/button.sublime-snippet rename to Sublime/HTML/button.sublime-snippet diff --git a/HTML/col.sublime-snippet b/Sublime/HTML/col.sublime-snippet similarity index 100% rename from HTML/col.sublime-snippet rename to Sublime/HTML/col.sublime-snippet diff --git a/HTML/fluidVideo.sublime-snippet b/Sublime/HTML/fluidVideo.sublime-snippet similarity index 100% rename from HTML/fluidVideo.sublime-snippet rename to Sublime/HTML/fluidVideo.sublime-snippet diff --git a/HTML/form-actions.sublime-snippet b/Sublime/HTML/form-actions.sublime-snippet similarity index 100% rename from HTML/form-actions.sublime-snippet rename to Sublime/HTML/form-actions.sublime-snippet diff --git a/HTML/form-checkbox.sublime-snippet b/Sublime/HTML/form-checkbox.sublime-snippet similarity index 100% rename from HTML/form-checkbox.sublime-snippet rename to Sublime/HTML/form-checkbox.sublime-snippet diff --git a/HTML/form-file-custom.sublime-snippet b/Sublime/HTML/form-file-custom.sublime-snippet similarity index 100% rename from HTML/form-file-custom.sublime-snippet rename to Sublime/HTML/form-file-custom.sublime-snippet diff --git a/HTML/form-inline-checkboxes.sublime-snippet b/Sublime/HTML/form-inline-checkboxes.sublime-snippet similarity index 100% rename from HTML/form-inline-checkboxes.sublime-snippet rename to Sublime/HTML/form-inline-checkboxes.sublime-snippet diff --git a/HTML/form-radio.sublime-snippet b/Sublime/HTML/form-radio.sublime-snippet similarity index 100% rename from HTML/form-radio.sublime-snippet rename to Sublime/HTML/form-radio.sublime-snippet diff --git a/HTML/form-select.sublime-snippet b/Sublime/HTML/form-select.sublime-snippet similarity index 100% rename from HTML/form-select.sublime-snippet rename to Sublime/HTML/form-select.sublime-snippet diff --git a/HTML/form.sublime-snippet b/Sublime/HTML/form.sublime-snippet similarity index 100% rename from HTML/form.sublime-snippet rename to Sublime/HTML/form.sublime-snippet diff --git a/HTML/formitem.sublime-snippet b/Sublime/HTML/formitem.sublime-snippet similarity index 100% rename from HTML/formitem.sublime-snippet rename to Sublime/HTML/formitem.sublime-snippet diff --git a/HTML/mediaObject.sublime-snippet b/Sublime/HTML/mediaObject.sublime-snippet similarity index 100% rename from HTML/mediaObject.sublime-snippet rename to Sublime/HTML/mediaObject.sublime-snippet diff --git a/HTML/row.sublime-snippet b/Sublime/HTML/row.sublime-snippet similarity index 100% rename from HTML/row.sublime-snippet rename to Sublime/HTML/row.sublime-snippet diff --git a/HTML/table.sublime-snippet b/Sublime/HTML/table.sublime-snippet similarity index 100% rename from HTML/table.sublime-snippet rename to Sublime/HTML/table.sublime-snippet diff --git a/Javascript/attach.sublime-snippet b/Sublime/Javascript/attach.sublime-snippet similarity index 100% rename from Javascript/attach.sublime-snippet rename to Sublime/Javascript/attach.sublime-snippet diff --git a/Javascript/es6-module.sublime-snippet b/Sublime/Javascript/es6-module.sublime-snippet similarity index 100% rename from Javascript/es6-module.sublime-snippet rename to Sublime/Javascript/es6-module.sublime-snippet diff --git a/SASS/after.sublime-snippet b/Sublime/SASS/after.sublime-snippet similarity index 79% rename from SASS/after.sublime-snippet rename to Sublime/SASS/after.sublime-snippet index 7845b3f..4ca206d 100755 --- a/SASS/after.sublime-snippet +++ b/Sublime/SASS/after.sublime-snippet @@ -4,6 +4,6 @@ $0 }]]> after - &:after + :after source.scss diff --git a/SASS/before.sublime-snippet b/Sublime/SASS/before.sublime-snippet similarity index 79% rename from SASS/before.sublime-snippet rename to Sublime/SASS/before.sublime-snippet index 59c0cc6..d506fe4 100755 --- a/SASS/before.sublime-snippet +++ b/Sublime/SASS/before.sublime-snippet @@ -4,6 +4,6 @@ $0 }]]> before - &:before + :before source.scss diff --git a/SASS/beforeafter.sublime-snippet b/Sublime/SASS/beforeafter.sublime-snippet similarity index 77% rename from SASS/beforeafter.sublime-snippet rename to Sublime/SASS/beforeafter.sublime-snippet index 48ec87f..5b76398 100755 --- a/SASS/beforeafter.sublime-snippet +++ b/Sublime/SASS/beforeafter.sublime-snippet @@ -4,6 +4,6 @@ $0 }]]> beforeafter - &:before, &:after + :before, :after source.scss diff --git a/SASS/function-modularscale.sublime-snippet b/Sublime/SASS/function-modularscale.sublime-snippet similarity index 100% rename from SASS/function-modularscale.sublime-snippet rename to Sublime/SASS/function-modularscale.sublime-snippet diff --git a/SASS/mixin-font-size.sublime-snippet b/Sublime/SASS/mixin-font-size.sublime-snippet similarity index 100% rename from SASS/mixin-font-size.sublime-snippet rename to Sublime/SASS/mixin-font-size.sublime-snippet diff --git a/SASS/mixin-hidpi.sublime-snippet b/Sublime/SASS/mixin-hidpi.sublime-snippet similarity index 100% rename from SASS/mixin-hidpi.sublime-snippet rename to Sublime/SASS/mixin-hidpi.sublime-snippet diff --git a/SASS/mixin-respond-max.sublime-snippet b/Sublime/SASS/mixin-respond-max.sublime-snippet similarity index 100% rename from SASS/mixin-respond-max.sublime-snippet rename to Sublime/SASS/mixin-respond-max.sublime-snippet diff --git a/SASS/mixin-respond-min-max.sublime-snippet b/Sublime/SASS/mixin-respond-min-max.sublime-snippet similarity index 100% rename from SASS/mixin-respond-min-max.sublime-snippet rename to Sublime/SASS/mixin-respond-min-max.sublime-snippet diff --git a/SASS/mixin-respond-min.sublime-snippet b/Sublime/SASS/mixin-respond-min.sublime-snippet similarity index 100% rename from SASS/mixin-respond-min.sublime-snippet rename to Sublime/SASS/mixin-respond-min.sublime-snippet diff --git a/SASS/mixin-size.sublime-snippet b/Sublime/SASS/mixin-size.sublime-snippet similarity index 100% rename from SASS/mixin-size.sublime-snippet rename to Sublime/SASS/mixin-size.sublime-snippet diff --git a/SASS/mixin-square.sublime-snippet b/Sublime/SASS/mixin-square.sublime-snippet similarity index 100% rename from SASS/mixin-square.sublime-snippet rename to Sublime/SASS/mixin-square.sublime-snippet diff --git a/SASS/var-colors.sublime-snippet b/Sublime/SASS/var-colors.sublime-snippet similarity index 100% rename from SASS/var-colors.sublime-snippet rename to Sublime/SASS/var-colors.sublime-snippet diff --git a/SASS/var-default-transition.sublime-snippet b/Sublime/SASS/var-default-transition.sublime-snippet similarity index 100% rename from SASS/var-default-transition.sublime-snippet rename to Sublime/SASS/var-default-transition.sublime-snippet diff --git a/SASS/var-font-family.sublime-snippet b/Sublime/SASS/var-font-family.sublime-snippet similarity index 100% rename from SASS/var-font-family.sublime-snippet rename to Sublime/SASS/var-font-family.sublime-snippet diff --git a/readme.md b/readme.md index b6732a5..66526dc 100755 --- a/readme.md +++ b/readme.md @@ -1,4 +1,6 @@ -# Kickoff Snippets for Sublime Text +# Kickoff Snippets + +> For Sublime Text, Atom Use these snippets if you use the [Kickoff framework](https://github.com/trykickoff/kickoff/) & [Sublime Text](http://sublimetext.com) @@ -6,7 +8,7 @@ Use these snippets if you use the [Kickoff framework](https://github.com/trykick ## How to install -If you experience problems or editor crashes please [fill an issue](https://github.com/sergeche/emmet-sublime/issues). +### Sublime With [Package Control](http://packagecontrol.io): @@ -18,6 +20,9 @@ Manually: 1. Clone or [download](https://github.com/trykickoff/Kickoff-snippets/archive/master.zip) git repo into your packages folder (in ST, find Browse Packages... menu item to open this folder) 2. Restart ST editor (if required) +### Atom + + ## Tab triggers From 98c93c4e4fe696fe39af82c4545d4fc660d96107 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Fri, 10 Jun 2016 17:52:21 +0100 Subject: [PATCH 054/103] add some more info about conversion --- readme.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/readme.md b/readme.md index 66526dc..4e05be9 100755 --- a/readme.md +++ b/readme.md @@ -69,3 +69,7 @@ Manually: * colors variables: [color⇥] * default-transition variables: [default-transition⇥] * font-family variables: [font-family⇥] + + +### Sublime to Atom converter +./atomizr -i "~/htdocs/trykickoff/Kickoff-snippets/SASS/*.sublime-snippet" -o snippets.cson --split From 41a3057e5942c4d49877c73ccda3a1afb5527573 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Sat, 11 Jun 2016 09:38:28 +0100 Subject: [PATCH 055/103] add package.json - required by atom packages --- package.json | 14 ++++++++++++++ 1 file changed, 14 insertions(+) create mode 100644 package.json diff --git a/package.json b/package.json new file mode 100644 index 0000000..1d388a2 --- /dev/null +++ b/package.json @@ -0,0 +1,14 @@ +{ + "name": "kickoff-snippets", + "version": "2.0.0", + "main": "./lib/main", + "description": "Useful snippets for Sublime Text and Atom", + "repository": "https://github.com/TryKickoff/kickoff-snippets", + "license": "MIT", + "engines": { + "atom": ">0.50.0" + }, + "activationCommands": {}, + "dependencies": { + } +} From 40aac75d5abc8a8d84e66317da4a82d7bf016fc1 Mon Sep 17 00:00:00 2001 From: Zander Martineau Date: Sat, 11 Jun 2016 09:39:13 +0100 Subject: [PATCH 056/103] move all atom snippets into the `snippets` dir and flatten structure --- Atom/CSS/bgs.cson | 4 -- Atom/CSS/snippets.cson | 39 ------------------- Atom/SASS/color.cson | 4 -- Atom/SASS/default-transition.cson | 4 -- Atom/SASS/font-family.cson | 4 -- Atom/SASS/fs.cson | 4 -- Atom/SASS/modular-scale.cson | 4 -- Atom/SASS/rmax.cson | 8 ---- Atom/SASS/rmin.cson | 8 ---- Atom/SASS/size.cson | 4 -- Atom/SASS/square.cson | 4 -- .../css-animation.cson | 4 +- snippets/css-background-size.cson | 4 ++ .../css-background.cson | 4 +- .../css-border-radius.cson | 4 +- .../css-box-shadow.cson | 4 +- .../css-box-sizing.cson | 4 +- .../css-media-query.cson | 4 +- .../rotate.cson => snippets/css-rotate.cson | 4 +- .../css-transform.cson | 4 +- .../css-transition.cson | 4 +- .../css-translate.cson | 4 +- .../button.cson => snippets/html-button.cson | 2 +- .../html-checkbox.cson | 2 +- .../HTML/file.cson => snippets/html-file.cson | 4 +- .../HTML/form.cson => snippets/html-form.cson | 0 snippets/html-grid-2col.cson | 13 +++++++ snippets/html-grid-col.cson | 8 ++++ .../HTML/grid.cson => snippets/html-grid.cson | 2 +- .../html-media-element.cson | 2 +- .../radio.cson => snippets/html-radio.cson | 2 +- .../select.cson => snippets/html-select.cson | 2 +- .../table.cson => snippets/html-table.cson | 2 +- .../video.cson => snippets/html-video.cson | 2 +- .../attach.cson => snippets/js-attach.cson | 22 +++++------ .../es6.cson => snippets/js-es6.cson | 8 ++-- .../after.cson => snippets/scss-after.cson | 4 +- .../before.cson => snippets/scss-before.cson | 4 +- .../scss-beforeafter.cson | 4 +- snippets/scss-function-modular-scale.cson | 4 ++ snippets/scss-mixin-font-size.cson | 4 ++ .../scss-mixin-hidpi.cson | 4 +- snippets/scss-mixin-rmax.cson | 8 ++++ snippets/scss-mixin-rmin.cson | 8 ++++ .../scss-mixin-rminmax.cson | 4 +- snippets/scss-mixin-size.cson | 4 ++ snippets/scss-mixin-square.cson | 4 ++ snippets/scss-var-color.cson | 4 ++ snippets/scss-var-default-transition.cson | 4 ++ snippets/scss-var-font-family.cson | 4 ++ 50 files changed, 124 insertions(+), 142 deletions(-) delete mode 100644 Atom/CSS/bgs.cson delete mode 100644 Atom/CSS/snippets.cson delete mode 100644 Atom/SASS/color.cson delete mode 100644 Atom/SASS/default-transition.cson delete mode 100644 Atom/SASS/font-family.cson delete mode 100644 Atom/SASS/fs.cson delete mode 100644 Atom/SASS/modular-scale.cson delete mode 100644 Atom/SASS/rmax.cson delete mode 100644 Atom/SASS/rmin.cson delete mode 100644 Atom/SASS/size.cson delete mode 100644 Atom/SASS/square.cson rename Atom/CSS/animation.cson => snippets/css-animation.cson (84%) create mode 100644 snippets/css-background-size.cson rename Atom/CSS/background.cson => snippets/css-background.cson (73%) rename Atom/CSS/border-radius.cson => snippets/css-border-radius.cson (58%) rename Atom/CSS/box-shadow.cson => snippets/css-box-shadow.cson (68%) rename Atom/CSS/box-sizing.cson => snippets/css-box-sizing.cson (60%) rename Atom/CSS/media.cson => snippets/css-media-query.cson (64%) rename Atom/CSS/rotate.cson => snippets/css-rotate.cson (60%) rename Atom/CSS/transform.cson => snippets/css-transform.cson (66%) rename Atom/CSS/transition.cson => snippets/css-transition.cson (63%) rename Atom/CSS/translate.cson => snippets/css-translate.cson (65%) rename Atom/HTML/button.cson => snippets/html-button.cson (83%) rename Atom/HTML/checkbox.cson => snippets/html-checkbox.cson (90%) rename Atom/HTML/file.cson => snippets/html-file.cson (93%) rename Atom/HTML/form.cson => snippets/html-form.cson (100%) create mode 100644 snippets/html-grid-2col.cson create mode 100644 snippets/html-grid-col.cson rename Atom/HTML/grid.cson => snippets/html-grid.cson (85%) rename Atom/HTML/media.cson => snippets/html-media-element.cson (90%) rename Atom/HTML/radio.cson => snippets/html-radio.cson (91%) rename Atom/HTML/select.cson => snippets/html-select.cson (93%) rename Atom/HTML/table.cson => snippets/html-table.cson (96%) rename Atom/HTML/video.cson => snippets/html-video.cson (90%) rename Atom/Javascript/attach.cson => snippets/js-attach.cson (87%) rename Atom/Javascript/es6.cson => snippets/js-es6.cson (84%) rename Atom/SASS/after.cson => snippets/scss-after.cson (53%) rename Atom/SASS/before.cson => snippets/scss-before.cson (53%) rename Atom/SASS/beforeafter.cson => snippets/scss-beforeafter.cson (54%) create mode 100644 snippets/scss-function-modular-scale.cson create mode 100644 snippets/scss-mixin-font-size.cson rename Atom/SASS/hidpi.cson => snippets/scss-mixin-hidpi.cson (51%) create mode 100644 snippets/scss-mixin-rmax.cson create mode 100644 snippets/scss-mixin-rmin.cson rename Atom/SASS/rminmax.cson => snippets/scss-mixin-rminmax.cson (51%) create mode 100644 snippets/scss-mixin-size.cson create mode 100644 snippets/scss-mixin-square.cson create mode 100644 snippets/scss-var-color.cson create mode 100644 snippets/scss-var-default-transition.cson create mode 100644 snippets/scss-var-font-family.cson diff --git a/Atom/CSS/bgs.cson b/Atom/CSS/bgs.cson deleted file mode 100644 index 3682ae5..0000000 --- a/Atom/CSS/bgs.cson +++ /dev/null @@ -1,4 +0,0 @@ -'.source.css.source.css.scss': - 'background-size': - 'prefix': 'bgs' - 'body': 'background-size: ${1:cover};$0' diff --git a/Atom/CSS/snippets.cson b/Atom/CSS/snippets.cson deleted file mode 100644 index 34be6c2..0000000 --- a/Atom/CSS/snippets.cson +++ /dev/null @@ -1,39 +0,0 @@ -# Generated with Atomizr v0.15.2 - https://github.com/idleberg/atomizr -'.source.css.source.css.scss': - 'animation': - 'prefix': 'animation' - 'body': 'animation: ${1:single-animation-name} ${2:time e.g.200ms} ${3:timing-function e.g.linear} ${4:delay e.g.0s} ${5:single-animation-iteration-count e.g.infinite} ${6:single-animation-fill-mode e.g.forwards}$0;' - 'background-size': - 'prefix': 'bgs' - 'body': 'background-size: ${1:cover};$0' - 'background': - 'prefix': 'background' - 'body': 'background: ${1:#f2f2f2} url(\'/img/${2:/ui/}$3\') ${4:left} ${5:top} ${6:no-repeat};$0' - 'border-radius': - 'prefix': 'border-radius' - 'body': 'border-radius: ${1:5px};$0' - 'box-shadow': - 'prefix': 'box-shadow' - 'body': 'box-shadow: ${1:0} ${2:1px} ${3:3px} ${4:rgba(0,0,0,.25)};$0' - 'box-sizing': - 'prefix': 'box-sizing' - 'body': 'box-sizing: ${1:border-box};$0' - 'Media Query (CSS) code block': - 'prefix': 'media' - 'body': """ - @media screen and (${2:min}-width: ${1:768px}) { - $0 - } - """ - 'rotate': - 'prefix': 'rotate' - 'body': 'transform: rotate(${1:2deg});' - 'transform': - 'prefix': 'transform' - 'body': 'transform: ${1:rotate() scale() translate3d()};$0' - 'transition': - 'prefix': 'transition' - 'body': 'transition: ${1:all 200ms ease-in-out};$0' - 'translate': - 'prefix': 'translate' - 'body': 'transform: translate3d(${1:x} ${2:y} ${2:z});' diff --git a/Atom/SASS/color.cson b/Atom/SASS/color.cson deleted file mode 100644 index 4690e3c..0000000 --- a/Atom/SASS/color.cson +++ /dev/null @@ -1,4 +0,0 @@ -'.source.css.scss': - '$color': - 'prefix': 'color' - 'body': '\$color${1:primary|secondary|highlight|text|bg}' diff --git a/Atom/SASS/default-transition.cson b/Atom/SASS/default-transition.cson deleted file mode 100644 index 2e38711..0000000 --- a/Atom/SASS/default-transition.cson +++ /dev/null @@ -1,4 +0,0 @@ -'.source.css.scss': - '$default-transition': - 'prefix': 'default-transition' - 'body': '\$default-transition${1:-timing|-duration}' diff --git a/Atom/SASS/font-family.cson b/Atom/SASS/font-family.cson deleted file mode 100644 index c97a2b9..0000000 --- a/Atom/SASS/font-family.cson +++ /dev/null @@ -1,4 +0,0 @@ -'.source.css.scss': - '$font-family': - 'prefix': 'font-family' - 'body': '\$font-family-${1:base|sans|serif|mono}' diff --git a/Atom/SASS/fs.cson b/Atom/SASS/fs.cson deleted file mode 100644 index fafc8b4..0000000 --- a/Atom/SASS/fs.cson +++ /dev/null @@ -1,4 +0,0 @@ -'.source.css.scss': - 'font-size() REM mixin': - 'prefix': 'fs' - 'body': '@include font-size(${1:16/mid/\$font-large});$0' diff --git a/Atom/SASS/modular-scale.cson b/Atom/SASS/modular-scale.cson deleted file mode 100644 index d8e140e..0000000 --- a/Atom/SASS/modular-scale.cson +++ /dev/null @@ -1,4 +0,0 @@ -'.source.css.scss': - 'modular-scale font-size mixin': - 'prefix': 'modular-scale' - 'body': 'modular-scale($font-size-base, ${1:4}, $type-scale)' diff --git a/Atom/SASS/rmax.cson b/Atom/SASS/rmax.cson deleted file mode 100644 index e1f8a76..0000000 --- a/Atom/SASS/rmax.cson +++ /dev/null @@ -1,8 +0,0 @@ -'.source.css.scss': - 'Respond Max (Media Query) code block': - 'prefix': 'rmax' - 'body': """ - @include respond-max(${1:mid}) { - $0 - } - """ diff --git a/Atom/SASS/rmin.cson b/Atom/SASS/rmin.cson deleted file mode 100644 index 6466db6..0000000 --- a/Atom/SASS/rmin.cson +++ /dev/null @@ -1,8 +0,0 @@ -'.source.css.scss': - 'Respond Min (Media Query) code block': - 'prefix': 'rmin' - 'body': """ - @include respond-min(${1:mid}) { - $0 - } - """ diff --git a/Atom/SASS/size.cson b/Atom/SASS/size.cson deleted file mode 100644 index eb2daa5..0000000 --- a/Atom/SASS/size.cson +++ /dev/null @@ -1,4 +0,0 @@ -'.source.css.scss': - 'size() Mixin': - 'prefix': 'size' - 'body': '@include size(${1:10}px,${2:10}px);$0' diff --git a/Atom/SASS/square.cson b/Atom/SASS/square.cson deleted file mode 100644 index f201b01..0000000 --- a/Atom/SASS/square.cson +++ /dev/null @@ -1,4 +0,0 @@ -'.source.css.scss': - 'square() Mixin': - 'prefix': 'square' - 'body': '@include square(${1:50}px);$0' diff --git a/Atom/CSS/animation.cson b/snippets/css-animation.cson similarity index 84% rename from Atom/CSS/animation.cson rename to snippets/css-animation.cson index 45d04d4..15c54d8 100644 --- a/Atom/CSS/animation.cson +++ b/snippets/css-animation.cson @@ -1,4 +1,4 @@ -'.source.css.source.css.scss': - 'animation': +'.source.css': + 'Kickoff - animation': 'prefix': 'animation' 'body': 'animation: ${1:single-animation-name} ${2:time e.g.200ms} ${3:timing-function e.g.linear} ${4:delay e.g.0s} ${5:single-animation-iteration-count e.g.infinite} ${6:single-animation-fill-mode e.g.forwards}$0;' diff --git a/snippets/css-background-size.cson b/snippets/css-background-size.cson new file mode 100644 index 0000000..77010a0 --- /dev/null +++ b/snippets/css-background-size.cson @@ -0,0 +1,4 @@ +'.source.css': + 'Kickoff - background-size': + 'prefix': 'background-size' + 'body': 'background-size: ${1:cover};$0' diff --git a/Atom/CSS/background.cson b/snippets/css-background.cson similarity index 73% rename from Atom/CSS/background.cson rename to snippets/css-background.cson index c402a66..08f76bd 100644 --- a/Atom/CSS/background.cson +++ b/snippets/css-background.cson @@ -1,4 +1,4 @@ -'.source.css.source.css.scss': - 'background': +'.source.css': + 'Kickoff - background': 'prefix': 'background' 'body': 'background: ${1:#f2f2f2} url(\'/img/${2:/ui/}$3\') ${4:left} ${5:top} ${6:no-repeat};$0' diff --git a/Atom/CSS/border-radius.cson b/snippets/css-border-radius.cson similarity index 58% rename from Atom/CSS/border-radius.cson rename to snippets/css-border-radius.cson index 7bf5842..156a62d 100644 --- a/Atom/CSS/border-radius.cson +++ b/snippets/css-border-radius.cson @@ -1,4 +1,4 @@ -'.source.css.source.css.scss': - 'border-radius': +'.source.css': + 'Kickoff - border-radius': 'prefix': 'border-radius' 'body': 'border-radius: ${1:5px};$0' diff --git a/Atom/CSS/box-shadow.cson b/snippets/css-box-shadow.cson similarity index 68% rename from Atom/CSS/box-shadow.cson rename to snippets/css-box-shadow.cson index d668dd3..bec362f 100644 --- a/Atom/CSS/box-shadow.cson +++ b/snippets/css-box-shadow.cson @@ -1,4 +1,4 @@ -'.source.css.source.css.scss': - 'box-shadow': +'.source.css': + 'Kickoff - box-shadow': 'prefix': 'box-shadow' 'body': 'box-shadow: ${1:0} ${2:1px} ${3:3px} ${4:rgba(0,0,0,.25)};$0' diff --git a/Atom/CSS/box-sizing.cson b/snippets/css-box-sizing.cson similarity index 60% rename from Atom/CSS/box-sizing.cson rename to snippets/css-box-sizing.cson index 5e17adc..99f3bd2 100644 --- a/Atom/CSS/box-sizing.cson +++ b/snippets/css-box-sizing.cson @@ -1,4 +1,4 @@ -'.source.css.source.css.scss': - 'box-sizing': +'.source.css': + 'Kickoff - box-sizing': 'prefix': 'box-sizing' 'body': 'box-sizing: ${1:border-box};$0' diff --git a/Atom/CSS/media.cson b/snippets/css-media-query.cson similarity index 64% rename from Atom/CSS/media.cson rename to snippets/css-media-query.cson index 75b39b2..e56617b 100644 --- a/Atom/CSS/media.cson +++ b/snippets/css-media-query.cson @@ -1,5 +1,5 @@ -'.source.css.source.css.scss': - 'Media Query (CSS) code block': +'.source.css': + 'Kickoff - Media Query': 'prefix': 'media' 'body': """ @media screen and (${2:min}-width: ${1:768px}) { diff --git a/Atom/CSS/rotate.cson b/snippets/css-rotate.cson similarity index 60% rename from Atom/CSS/rotate.cson rename to snippets/css-rotate.cson index 0dc0ded..c9e9ddc 100644 --- a/Atom/CSS/rotate.cson +++ b/snippets/css-rotate.cson @@ -1,4 +1,4 @@ -'.source.css.source.css.scss': - 'rotate': +'.source.css': + 'Kickoff - rotate': 'prefix': 'rotate' 'body': 'transform: rotate(${1:2deg});' diff --git a/Atom/CSS/transform.cson b/snippets/css-transform.cson similarity index 66% rename from Atom/CSS/transform.cson rename to snippets/css-transform.cson index 96e0cb9..21f4105 100644 --- a/Atom/CSS/transform.cson +++ b/snippets/css-transform.cson @@ -1,4 +1,4 @@ -'.source.css.source.css.scss': - 'transform': +'.source.css': + 'Kickoff - transform': 'prefix': 'transform' 'body': 'transform: ${1:rotate() scale() translate3d()};$0' diff --git a/Atom/CSS/transition.cson b/snippets/css-transition.cson similarity index 63% rename from Atom/CSS/transition.cson rename to snippets/css-transition.cson index ec66b42..db4f05d 100644 --- a/Atom/CSS/transition.cson +++ b/snippets/css-transition.cson @@ -1,4 +1,4 @@ -'.source.css.source.css.scss': - 'transition': +'.source.css': + 'Kickoff - transition': 'prefix': 'transition' 'body': 'transition: ${1:all 200ms ease-in-out};$0' diff --git a/Atom/CSS/translate.cson b/snippets/css-translate.cson similarity index 65% rename from Atom/CSS/translate.cson rename to snippets/css-translate.cson index 40fd103..b7138a9 100644 --- a/Atom/CSS/translate.cson +++ b/snippets/css-translate.cson @@ -1,4 +1,4 @@ -'.source.css.source.css.scss': - 'translate': +'.source.css': + 'Kickoff - translate': 'prefix': 'translate' 'body': 'transform: translate3d(${1:x} ${2:y} ${2:z});' diff --git a/Atom/HTML/button.cson b/snippets/html-button.cson similarity index 83% rename from Atom/HTML/button.cson rename to snippets/html-button.cson index 717bd8b..f660c97 100644 --- a/Atom/HTML/button.cson +++ b/snippets/html-button.cson @@ -1,4 +1,4 @@ '.text.html': - 'Button': + 'Kickoff - button': 'prefix': 'button' 'body': '${3:Button text}$0' diff --git a/Atom/HTML/checkbox.cson b/snippets/html-checkbox.cson similarity index 90% rename from Atom/HTML/checkbox.cson rename to snippets/html-checkbox.cson index c9ce4ee..db309bf 100644 --- a/Atom/HTML/checkbox.cson +++ b/snippets/html-checkbox.cson @@ -1,5 +1,5 @@ '.text.html': - 'Form - custom checkbox': + 'Kickoff - form - custom checkbox': 'prefix': 'checkbox' 'body': """