Skip to content

Instantly share code, notes, and snippets.

@demartini

demartini/CSScomb.sublime-settings

Last active October 26, 2018 03:42
Show Gist options
  • Save demartini/ff57a26590afb515ddcd to your computer and use it in GitHub Desktop.
Save demartini/ff57a26590afb515ddcd to your computer and use it in GitHub Desktop.
Download ZIP
My Sublime Text 3 Config
Raw
README.md

My Sublime Text 3 Config

Theme

Material Theme or Package Install: Material Theme by Mattia Astorino.

Font

Fira Code by Nikita Prokopov.

Source Code Pro by Adobe Fonts.

Plugins

SublimeLinter

SublimeLinter is an interactive code linting framework for Sublime Text 3.

Snippets

Auto Completion

Syntax

Tips & Tricks

Raw
Context.sublime-menu
[
{"caption": "ANF: Rename", "command": "advanced_new_file_move" }
]
Raw
CSScomb.sublime-settings
{
"config": {
"always-semicolon": true,
"color-case": "upper",
"block-indent": " ",
"color-shorthand": true,
"element-case": "lower",
"eof-newline": false,
"leading-zero": false,
"quotes": "double",
"sort-order-fallback": "abc",
"space-before-colon": "",
"space-after-colon": " ",
"space-before-combinator": " ",
"space-after-combinator": " ",
"space-between-declarations": "\n",
"space-before-opening-brace": " ",
"space-after-opening-brace": "\n",
"space-after-selector-delimiter": "\n",
"space-before-selector-delimiter": "",
"space-before-closing-brace": "\n",
"strip-spaces": true,
"tab-size": true,
"unitless-zero": true,
"vendor-prefix-align": true
}
}
Raw
Default (OSX).sublime-keymap
[
{ "keys": ["alt+super+p"], "command": "autoprefixer" },
{ "keys": ["super+ctrl+t"], "command": "delete_trailing_spaces" },
{ "keys": ["super+shift+r"], "command": "reindent" , "args": { "single_line": false } },
{ "keys": ["f2"], "command": "side_bar_rename" }
]
Raw
Default (Windows).sublime-keymap
[
{ "keys": ["ctrl+shift+a"], "command": "autoprefixer" },
{ "keys": ["ctrl+shift+t"], "command":"delete_trailing_spaces" },
{ "keys": ["ctrl+shift+r"], "command": "reindent" , "args": { "single_line": false } },
{ "keys": ["f2"], "command": "side_bar_rename" }
]
Raw
html5-template.sublime-snippet
<snippet>
<content><![CDATA[
<!DOCTYPE html>
<html lang="pt-br">
<head>
<!-- Basic -->
<meta charset="utf-8">
<title>$0</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicons -->
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon-precomposed" href="images/icons/favicon.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/icons/favicon@2x.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/icons/favicon-72.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/icons/favicon-72@2x.png">
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="images/icons/favicon-60.png">
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="images/icons/favicon-60@2x.png">
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="images/icons/favicon-76.png">
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="images/icons/favicon-76@2x.png">
<!-- Styles -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
<!-- IE8 Support -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Analytics -->
</head>
<body>
<!-- Scripts -->
<script src="//code.jquery.com/jquery-3.2.0.min.js" integrity="sha256-JAW99MJVpJBGcbzEuXk4Az05s/XyDdBomFqNlM3ic+I=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/jquery-3.2.0.min.js"><\/script>')</script>
<script src="js/bootstrap.min.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>
]]></content>
<tabTrigger><![CDATA[html5-template]]></tabTrigger>
<description>HTML5 Template by Demartini</description>
</snippet>
Raw
Main.sublime-menu
[
{
"mnemonic": "f",
"id": "file",
"children":
[
{ "caption": "-" },
{ "caption": "New File With Name", "mnemonic": "n", "command": "advanced_new_file_new" },
{ "caption": "Rename Current File", "mnemonic": "r", "command": "advanced_new_file_move" },
{ "caption": "Delete Current File","mnemonic": "d", "command": "advanced_new_file_delete" }
]
}
]
Raw
Markdown.sublime-settings
{
"color_scheme": "Packages/Theme - Afterglow/Afterglow-markdown.tmTheme",
"draw_centered": true,
"draw_indent_guides": false,
"extensions":
[
"md"
],
"trim_trailing_white_space_on_save": false,
"word_wrap": true,
"wrap_width": 80
}
Raw
Preferences.sublime-settings
{
"always_show_minimap_viewport": true,
"auto_indent": true,
"bold_folder_labels": true,
"caret_extra_bottom": 2,
"caret_extra_top": 2,
"caret_extra_width": 2,
"caret_style": "wide",
"color_scheme": "Packages/Material Theme/schemes/Material-Theme-Darker.tmTheme",
"detect_indentation": true,
"drag_text": false,
"draw_indent_guides": true,
"draw_minimap_border": true,
"draw_white_space": "all",
"ensure_newline_at_eof_on_save": true,
"fade_fold_buttons": false,
"font_face": "Fira Code Medium",
"font_options":
[
"gray_antialias",
"subpixel_antialias"
],
"font_size": 10,
"highlight_line": true,
"highlight_modified_tabs": true,
"ignored_packages":
[
"Vintage"
],
"indent_guide_options":
[
"draw_normal",
"draw_active"
],
"indent_subsequent_lines": true,
"margin": -1,
"material_theme_accent_lime": true,
"material_theme_appbar_lime": true,
"material_theme_compact_panel": true,
"material_theme_compact_sidebar": true,
"material_theme_contrast_mode": true,
"material_theme_panel_separator": true,
"material_theme_small_statusbar": true,
"material_theme_small_tab": true,
"material_theme_tabs_autowidth": true,
"material_theme_tree_headings": true,
"overlay_scroll_bars": "enabled",
"shift_tab_unindent": true,
"smart_indent": true,
"tab_size": 4,
"theme": "Material-Theme-Darker.sublime-theme",
"translate_tabs_to_spaces": false,
"translate_tabs_to_tabs": true,
"word_separators": "./\\()\"':,.;<>~!@#$%^&*|+=[]{}`~?-",
"word_wrap": true,
"wrap_width": 0
}
Raw
scripts-template.sublime-snippet
<snippet>
<content><![CDATA[
/* ==========================================================================
Document Ready Function
========================================================================== */
jQuery(document).ready(function () {
'use strict';
/* ==========================================================================
Script Name
========================================================================== */
}); // JavaScript Document
]]></content>
<tabTrigger><![CDATA[scripts-template]]></tabTrigger>
<description>Scripts Template by Demartini</description>
</snippet>
Raw
Side Bar.sublime-menu
[
{ "caption": "ANF: New File", "command": "advanced_new_file_new_at", "args": {"dirs": []} },
{ "caption": "ANF: Move File", "command": "advanced_new_file_move_at", "args": {"files": []} }
]
Raw
style-template.sublime-snippet
<snippet>
<content><![CDATA[
/*
Theme Name:
Author: Iolar Demartini Jr
Author URI: https://www.iolardemartini.com/
Description: Theme
Version: 1.0
*/
/******************************************************************************
Import Basic Files
*******************************************************************************/
@import url("");
/******************************************************************************
Scrollbar
*******************************************************************************/
::-webkit-scrollbar {
z-index: 30;
width: 10px;
}
::-webkit-scrollbar-track {
border: 0;
border-radius: 0;
background-color: #eaeaea;
box-shadow: none;
}
::-webkit-scrollbar-thumb {
border: 0;
border-radius: 0;
background-color: #c1c1c1;
box-shadow: none;
}
::-webkit-scrollbar-thumb:hover {
background-color: #aaa;
}
/******************************************************************************
Selection Color
*******************************************************************************/
::selection {
color: ;
background-color: ;
text-shadow: none;
}
::-webkit-selection {
color: ;
background-color: ;
text-shadow: none;
}
::-moz-selection {
color: ;
background-color: ;
text-shadow: none;
}
/******************************************************************************
Basic Styles
*******************************************************************************/
body {
font-family: ;
}
/******************************************************************************
Mobile First Method
*******************************************************************************/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {}
/******************************************************************************
Non-Mobile First Method
*******************************************************************************/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {}
]]></content>
<tabTrigger><![CDATA[style-template]]></tabTrigger>
<description>Style Template by Demartini</description>
</snippet>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment