mirror of
https://github.com/atom/atom.git
synced 2026-04-06 03:02:13 -04:00
Rename less-imports to variables
This commit is contained in:
Ben Ogle
36
static/variables/octicon-mixins.less
Normal file
36
static/variables/octicon-mixins.less
Normal file
@@ -0,0 +1,36 @@
|
||||
.icon(@size, @display: inline-block) {
|
||||
font-family: 'Octicons Regular';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
display: @display;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-decoration: none;
|
||||
|
||||
font-size: @size;
|
||||
width: @size;
|
||||
height: @size;
|
||||
}
|
||||
|
||||
.octicon(@name, @size: 16px) {
|
||||
@import "octicon-utf-codes.less";
|
||||
&:before {
|
||||
.icon(@size);
|
||||
content: @@name
|
||||
}
|
||||
}
|
||||
|
||||
.mega-octicon(@name, @size: 32px) {
|
||||
@import "octicon-utf-codes.less";
|
||||
&:before {
|
||||
.icon(@size);
|
||||
content: @@name
|
||||
}
|
||||
}
|
||||
|
||||
.octicon-font() {
|
||||
font-family: 'Octicons Regular';
|
||||
src: url("octicons.woff") format("woff");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
189
static/variables/octicon-utf-codes.less
Normal file
189
static/variables/octicon-utf-codes.less
Normal file
@@ -0,0 +1,189 @@
|
||||
@alert: "\f02d";
|
||||
@alignment-align: "\f08a";
|
||||
@alignment-aligned-to: "\f08e";
|
||||
@alignment-unalign: "\f08b";
|
||||
@arrow-down: "\f03f";
|
||||
@arrow-left: "\f040";
|
||||
@arrow-right: "\f03e";
|
||||
@arrow-small-down: "\f0a0";
|
||||
@arrow-small-left: "\f0a1";
|
||||
@arrow-small-right: "\f071";
|
||||
@arrow-small-up: "\f09f";
|
||||
@arrow-up: "\f03d";
|
||||
@beer: "\f069";
|
||||
@book: "\f007";
|
||||
@bookmark: "\f07b";
|
||||
@broadcast: "\f048";
|
||||
@bug: "\f091";
|
||||
@calendar: "\f068";
|
||||
@check: "\f03a";
|
||||
@checklist: "\f076";
|
||||
@chevron-down: "\f0a3";
|
||||
@chevron-left: "\f0a4";
|
||||
@chevron-right: "\f078";
|
||||
@chevron-up: "\f0a2";
|
||||
@circle-slash: "\f084";
|
||||
@clippy: "\f035";
|
||||
@clock: "\f046";
|
||||
@cloud-download: "\f00b";
|
||||
@cloud-upload: "\f00c";
|
||||
@code: "\f05f";
|
||||
@color-mode: "\f065";
|
||||
@comment: "\f02b";
|
||||
@comment-add: "\f06f";
|
||||
@comment-discussion: "\f04f";
|
||||
@credit-card: "\f045";
|
||||
@dashboard: "\f07d";
|
||||
@database: "\f096";
|
||||
@device-camera: "\f056";
|
||||
@device-camera-video: "\f057";
|
||||
@device-desktop: "\f27c";
|
||||
@device-mobile: "\f038";
|
||||
@diff: "\f04d";
|
||||
@diff-added: "\f06b";
|
||||
@diff-ignored: "\f099";
|
||||
@diff-modified: "\f06d";
|
||||
@diff-removed: "\f06c";
|
||||
@diff-renamed: "\f06e";
|
||||
@ellipsis: "\f09a";
|
||||
@eye: "\f04e";
|
||||
@eye-unwatch: "\f01e";
|
||||
@eye-watch: "\f01d";
|
||||
@file-add: "\f086";
|
||||
@file-binary: "\f094";
|
||||
@file-code: "\f010";
|
||||
@file-directory: "\f016";
|
||||
@file-directory-create: "\f095";
|
||||
@file-media: "\f012";
|
||||
@file-pdf: "\f014";
|
||||
@file-submodule: "\f017";
|
||||
@file-symlink-directory: "\f0b1";
|
||||
@file-symlink-file: "\f0b0";
|
||||
@file-text: "\f011";
|
||||
@file-zip: "\f013";
|
||||
@gear: "\f02f";
|
||||
@gift: "\f042";
|
||||
@gist: "\f00e";
|
||||
@gist-fork: "\f079";
|
||||
@gist-new: "\f07a";
|
||||
@gist-private: "\f00f";
|
||||
@gist-secret: "\f08c";
|
||||
@git-branch: "\f020";
|
||||
@git-branch-create: "\f098";
|
||||
@git-branch-delete: "\f09b";
|
||||
@git-commit: "\f01f";
|
||||
@git-compare: "\f0ac";
|
||||
@git-fork-private: "\f021";
|
||||
@git-merge: "\f023";
|
||||
@git-pull-request: "\f009";
|
||||
@git-pull-request-abandoned: "\f090";
|
||||
@globe: "\f0b6";
|
||||
@graph: "\f043";
|
||||
@history: "\f07e";
|
||||
@home: "\f08d";
|
||||
@horizontal-rule: "\f070";
|
||||
@hourglass: "\f09e";
|
||||
@hubot: "\f09d";
|
||||
@info: "\f059";
|
||||
@issue-closed: "\f028";
|
||||
@issue-opened: "\f026";
|
||||
@issue-reopened: "\f027";
|
||||
@jersey: "\f019";
|
||||
@jump-down: "\f072";
|
||||
@jump-left: "\f0a5";
|
||||
@jump-right: "\f0a6";
|
||||
@jump-up: "\f073";
|
||||
@key: "\f049";
|
||||
@keyboard: "\f00d";
|
||||
@light-bulb: "\f000";
|
||||
@link: "\f05c";
|
||||
@link-external: "\f07f";
|
||||
@list-ordered: "\f062";
|
||||
@list-unordered: "\f061";
|
||||
@location: "\f060";
|
||||
@lock: "\f06a";
|
||||
@log-in: "\f036";
|
||||
@log-out: "\f032";
|
||||
@logo-apps: "\f0b3";
|
||||
@logo-atom: "\f0b7";
|
||||
@logo-chat: "\f0b4";
|
||||
@logo-gist: "\f0ad";
|
||||
@logo-github: "\f092";
|
||||
@logo-octicons: "\f0ab";
|
||||
@logo-talks: "\f0b5";
|
||||
@mail: "\f03b";
|
||||
@mail-read: "\f03c";
|
||||
@mail-reply: "\f051";
|
||||
@mark-github: "\f00a";
|
||||
@mark-github-detail: "\f093";
|
||||
@mark-twitter: "\f0ae";
|
||||
@megaphone: "\f077";
|
||||
@microscope: "\f089";
|
||||
@milestone: "\f075";
|
||||
@mirror-private: "\f025";
|
||||
@mirror-public: "\f024";
|
||||
@move-down: "\f0a8";
|
||||
@move-left: "\f074";
|
||||
@move-right: "\f0a9";
|
||||
@move-up: "\f0a7";
|
||||
@mute: "\f080";
|
||||
@mute-video: "\f0b8";
|
||||
@no-newline: "\f09c";
|
||||
@octoface: "\f008";
|
||||
@organization: "\f037";
|
||||
@pencil: "\f058";
|
||||
@person: "\f018";
|
||||
@person-add: "\f01a";
|
||||
@person-follow: "\f01c";
|
||||
@person-remove: "\f01b";
|
||||
@pin: "\f041";
|
||||
@plus: "\f05d";
|
||||
@podium: "\f0af";
|
||||
@primitive-dot: "\f052";
|
||||
@primitive-square: "\f053";
|
||||
@pulse: "\f085";
|
||||
@question: "\f02c";
|
||||
@quote: "\f063";
|
||||
@radio-tower: "\f030";
|
||||
@remove-close: "\f050";
|
||||
@repo: "\f001";
|
||||
@repo-clone: "\f04c";
|
||||
@repo-create: "\f003";
|
||||
@repo-delete: "\f004";
|
||||
@repo-force-push: "\f04a";
|
||||
@repo-forked: "\f002";
|
||||
@repo-pull: "\f006";
|
||||
@repo-push: "\f005";
|
||||
@repo-sync: "\f04b";
|
||||
@rocket: "\f033";
|
||||
@rohan: "\f022";
|
||||
@rss: "\f034";
|
||||
@ruby: "\f047";
|
||||
@screen-full: "\f066";
|
||||
@screen-normal: "\f067";
|
||||
@search: "\f02e";
|
||||
@server: "\f097";
|
||||
@settings: "\f07c";
|
||||
@squirrel: "\f0b2";
|
||||
@star: "\f02a";
|
||||
@star-add: "\f082";
|
||||
@star-delete: "\f083";
|
||||
@stop: "\f08f";
|
||||
@sync: "\f087";
|
||||
@tag: "\f015";
|
||||
@tag-add: "\f054";
|
||||
@tag-remove: "\f055";
|
||||
@telescope: "\f088";
|
||||
@three-bars: "\f05e";
|
||||
@tools: "\f031";
|
||||
@triangle-down: "\f05b";
|
||||
@triangle-left: "\f044";
|
||||
@triangle-right: "\f05a";
|
||||
@triangle-up: "\f0aa";
|
||||
@trollface: "\f029";
|
||||
@unfold: "\f039";
|
||||
@unmute: "\f0ba";
|
||||
@unmute-video: "\f0b9";
|
||||
@versions: "\f064";
|
||||
@x: "\f081";
|
||||
@zap: "\26A1";
|
||||
69
static/variables/ui-variables.less
Normal file
69
static/variables/ui-variables.less
Normal file
@@ -0,0 +1,69 @@
|
||||
// This file has fallback variables. It specifies the variables themes
|
||||
// must implement.
|
||||
|
||||
// Colors
|
||||
|
||||
@text-color: #333;
|
||||
@text-color-subtle: #777;
|
||||
@text-color-highlight: #111;
|
||||
|
||||
@text-color-info: #5293d8;
|
||||
@text-color-success: #1fe977;
|
||||
@text-color-warning: #f78a46;
|
||||
@text-color-error: #c00;
|
||||
|
||||
@background-color-info: #0098ff;
|
||||
@background-color-success: #17ca65;
|
||||
@background-color-warning: #ff4800;
|
||||
@background-color-error: #c00;
|
||||
@background-color-highlight: rgba(255, 255, 255, 0.10);
|
||||
|
||||
@app-background-color: #fff;
|
||||
|
||||
@base-background-color: #fff;
|
||||
@base-border-color: #eee;
|
||||
|
||||
@input-background-color: #fff;
|
||||
@input-border-color: @base-border-color;
|
||||
|
||||
@tool-panel-background-color: #f4f4f4;
|
||||
@tool-panel-border-color: @base-border-color;
|
||||
|
||||
@inset-panel-background-color: #eee;
|
||||
@inset-panel-border-color: @base-border-color;
|
||||
|
||||
@panel-heading-background-color: #ddd;
|
||||
@panel-heading-border-color: transparent;
|
||||
|
||||
@overlay-background-color: #f4f4f4;
|
||||
@overlay-border-color: @base-border-color;
|
||||
|
||||
@button-background-color: #ccc;
|
||||
@button-background-color-hover: lighten(@button-background-color, 5%);
|
||||
@button-background-color-selected: @button-background-color-hover;
|
||||
@button-border-color: #aaa;
|
||||
|
||||
@tab-background-color: #f4f4f4;
|
||||
@tab-background-color-active: #fff;
|
||||
@tab-border-color: darken(@tab-background-color-active, 10%);
|
||||
|
||||
@ui-site-color-1: @background-color-success; // green
|
||||
@ui-site-color-2: @background-color-info; // blue
|
||||
@ui-site-color-3: @background-color-warning; // orange
|
||||
@ui-site-color-4: #db2ff4; // purple
|
||||
@ui-site-color-5: #f5e11d; // yellow
|
||||
|
||||
|
||||
// Sizes
|
||||
|
||||
@font-size: 12px;
|
||||
|
||||
@disclosure-arrow-size: 12px;
|
||||
|
||||
@component-padding: 10px;
|
||||
@component-icon-padding: 5px;
|
||||
@component-icon-size: 16px;
|
||||
@component-line-height: 25px;
|
||||
@component-border-radius: 2px;
|
||||
|
||||
@tab-height: 30px;
|
||||
Reference in New Issue
Block a user