Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Commit new files (2016-07-26) as plain text
These files are not much readable. They are only for seeing better text diff.
- Loading branch information
Showing
17 changed files
with
718 additions
and
266 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,8 +1,8 @@ | ||
|
||
|
||
Font Settings | ||
Changing the font can be done via adding these lines to Preferences/Settings - User: | ||
Changing the font can be done via adding these lines to the right-hand pane of Preferences/Settings: | ||
"font_face": "Courier New", | ||
"font_size": 10 | ||
and then change as desired. The font will change when you save. | ||
You can see other settings to change by browsing through Preferences/Settings - Default. There are many things that can be customized in Sublime Text. | ||
You can see other settings to change by browsing through the left-hand pane of Preferences/Settings. There are many things that can be customized in Sublime Text. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,173 @@ | ||
|
||
|
||
minihtml Reference | ||
Sublime Text contains a custom HTML and CSS engine, named | ||
minihtml, for displaying stylized | ||
content in editor panes. HTML content can be displayed in both | ||
popup windows and phantoms. | ||
minihtml provides a limited subset of | ||
HTML and CSS features found in most web browsers. While only | ||
certain CSS and HTML features may be implemented, they are designed | ||
to be standards compliant. Any feature implemented should function | ||
the same way in minihtml as in a | ||
browser. | ||
HTML | ||
The following tags are styled by the default style sheet: | ||
<html> | ||
<head>, <style> | ||
<body> | ||
<h1>, | ||
<h2>, | ||
<h3>, | ||
<h4>, | ||
<h5>, | ||
<h6> | ||
<div> | ||
<p> | ||
<ul>, | ||
<ol>, | ||
<li> | ||
<b>, <strong> | ||
<i>, <em> | ||
<u> | ||
<big>, <small> | ||
<a> | ||
<code>, | ||
<var>, | ||
<tt> | ||
Special behavior is implemented for a few tags: | ||
<a> – a callback can be specified via the | ||
API to handle clicks on anchor tags | ||
<img> – supports PNG, JPG and GIF images | ||
from http://, file://, | ||
res:// and data: URLs | ||
<ul> – bullets are displayed for | ||
<li> tags | ||
Other HTML tags with special behavior are not implemented. This | ||
includes tags such as <input>, | ||
<button>, <table>, etc. | ||
Best Practices | ||
To allow color scheme authors to tweak the look of popups and | ||
phantoms, it is best to add a unique id="" | ||
attribute to the <body> tag of your plugin's | ||
HTML. | ||
Within the <body> tag, add a | ||
<style> tag containing selectors that do not | ||
use the id. Leave that for selectors in color schemes | ||
to be able to override the plugin. | ||
<body id="my-plugin-feature"> | ||
<style> | ||
div.error { | ||
background-color: red; | ||
padding: 5px; | ||
} | ||
</style> | ||
<div class="error"></div> | ||
</body> | ||
CSS | ||
The following list provides an overview of supported properties and | ||
values: | ||
display: inline, | ||
block, list-item, | ||
none | ||
margin: positive | ||
units | ||
margin-top: positive | ||
units | ||
margin-right: positive | ||
units | ||
margin-bottom: positive | ||
units | ||
margin-left: positive | ||
units | ||
position: static, | ||
relative | ||
top: positive and negative | ||
units | ||
right: positive and negative | ||
units | ||
bottom: positive and negative | ||
units | ||
left: positive and negative | ||
units | ||
background-color: colors | ||
font-family: | ||
comma-separated list of font families | ||
font-size: positive | ||
units | ||
font-style: normal, | ||
italic | ||
font-weight: normal, | ||
bold | ||
line-height: positive | ||
units | ||
text-decoration: none, | ||
underline | ||
color: colors | ||
padding: positive | ||
units | ||
padding-top: positive | ||
units | ||
padding-right: positive | ||
units | ||
padding-bottom: positive | ||
units | ||
padding-left: positive | ||
units | ||
border-radius: positive | ||
units | ||
border-top-left-radius: positive | ||
units | ||
border-top-right-radius: positive | ||
units | ||
border-bottom-right-radius: positive | ||
units | ||
border-bottom-left-radius: positive | ||
units | ||
Units | ||
Supported units of measurement include: | ||
rem | ||
em | ||
px | ||
pt | ||
rem units are recommended because they are based on the | ||
user's font_size setting, and they will not cascade. | ||
Colors | ||
Colors may be specified via: | ||
Named colors: white, tan, etc | ||
Shorthand hex: #fff | ||
Shorthand hex with alpha: #fff8 | ||
Full hex: #ffffff | ||
Full hex with alpha: #ffffff80 | ||
RGB functional notation: rgb(255, 255, 255) | ||
RGBA functional notation: rgba(255, 255, 255, 0.5) | ||
HSL functional notation: hsl(0, 100%, 100%) | ||
HSLA functional notation: hsla(0, 100%, 100%, 0.5) | ||
transparent | ||
Additionally, color values may be blended using the CSS Color Module Level 4 color-mod function with the blend() and blenda() adjusters. | ||
.error { | ||
background-color: color(var(--background) blend(red, 50%)); | ||
} | ||
The color-mod function will be most useful in combination with variables. | ||
Variables | ||
CSS variables are also supported using custom properties and the var() functional notation. Custom properties are those starting with --. | ||
html { | ||
--fg: #f00; | ||
} | ||
.error { | ||
background-color: var(--fg); | ||
} | ||
The one limitation is that the var() notation can not be used for part of a multi-number value, such as padding or margin. With those aggregate properties, the var() notation must be used for the complete value. | ||
Predefined Variables | ||
When a color scheme is loaded, the background and foreground colors are set to CSS variables, along with the closest color found to a handful of basic colors. These are all set in an html { } rule set in the default CSS style sheet. | ||
var(--background) | ||
var(--foreground) | ||
var(--redish) | ||
var(--orangish) | ||
var(--yellowish) | ||
var(--greenish) | ||
var(--bluish) | ||
var(--purplish) | ||
var(--pinkish) | ||
The algorithm to pick the colors uses the HSL color space and uses several heuristics to try and pick colors that are suitable for foreground use. In the case that the automatic color selection is undesirable, color scheme authors may override the appropriate values with their own html { } rule set contained in the | ||
popupCss or phantomCss settings. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.