_sass/highlight.sass

/**
 * Licensed under the Apache License, Version 2.0 (the "License")
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     https://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

// Variables

// Background
$bg-color: rgb(40,44,52)
$text-color: white

// Styles
code, pre
	font-family: source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace

.highlighter-rouge 
	background-color: rgba(27,31,35,.05)
	border-radius: 3px
	margin: 0
	font-size: 95%
	padding: .2em .4em
	color: rgb(16, 16, 16)
	box-shadow: rgb(230, 230, 230) 0px 0px 0px 1px inset
	white-space: pre-wrap
	word-break: break-word
	height: auto !important

.highlight
	line-height: 20px
	white-space: pre-wrap
	word-break: break-word
	height: auto !important
	
	border-radius: 10px
	font-size: 14px
	padding: 10px 30px
	margin: -2px 0px
	margin-left: -30px
	margin-right: -30px

	background: $bg-color
	color: $text-color

	.o
		color: #abb2bf // symbols
	
	.k
		color: #ff79c6 // pink // for, this, new, if, else
	
	.kr
		color: #c678dd // AS3, i.e: private, public, class, trace

	.cp
		color: #7f9f7f // MXML i.e: ?xml, CDATA
	
	.nt
		color: #fc929e // MXML i.e: j:Group, fx:Script, html:H3

	.s
		color: #efef8f //MXML attibute value, i.e: "true", "http://ns.apache.org/r/j", "600"

	.p
		color: #cde7e4 // function parenthesis { }
	
	.nx
		color: #61aeee // function params
	.c1
		color: #ededed // comments
	.kd
		color: #ffffff // function, var, true
		// font-style: italic
	.nb
		color: #8be9fd //cyan // void
	.na
		color: #e3ceab // MXML attributes i.e: width, text, xmlns:fx
	.s2
		color: #f1fa8c //yellow
	.mi
		color: #bd93f9 //purple


// $gray: #44475a
// $gray-light: #f8f8f2
// $blue: #6272a4
// $green: #50fa7b
// $red: #ff5555
// 	.gh,
// 	.gi,
// 	.gu
// 		font-weight: bold

// 	.ge
// 		text-decoration: underline

// 	.bp,
// 	.nb,
// 	.nl,
// 	.nv,
// 	.vc,
// 	.vg,
// 	.vi,
// 	.vm
// 		font-style: italic

// 	.hll,
// 	.sa,
// 	.sb,
// 	.sc,
// 	.dl,
// 	.sd,
// 	.se,
// 	.sh,
// 	.si,
// 	.sx,
// 	.sr,
// 	.s1,
// 	.ss
// 		color: $yellow
	
// 	.go
// 		color: $gray

// 	.err,
// 	.g,
// 	.l,
// 	.n,
// 	.x,
// 	.ge,
// 	.gr,
// 	.gh,
// 	.gi,
// 	.gp,
// 	.gs,
// 	.gu,
// 	.gt,
// 	.ld,
// 	.no,
// 	.nd,
// 	.ni,
// 	.ne,
// 	.nn,
// 	.py,
// 	.w,
// 	.bp
// 		color: $gray-light
	
// 	.c,
// 	.ch,
// 	.cm,
// 	.cpf,
// 	.cs
// 		color: $blue

// 	.kt,
// 	.nl,
// 	.nv,
// 	.vc,
// 	.vg,
// 	.vi,
// 	.vm
// 		color: $cyan

// 	.nc,
// 	.nf,
// 	.fm
// 		color: $green
	
// 	.kc,
// 	.kn,
// 	.kp,
// 	.ow
// 		color: $pink
	
// 	.m,
// 	.mb,
// 	.mf,
// 	.mh,
// 	.mo,
// 	.il
// 		color: $purple

// 	.gd
// 		color: $red