compass/doc-src/content/stylesheets/partials/_code.scss

90 lines
3.0 KiB
SCSS
Raw Normal View History

2010-11-24 18:39:19 +00:00
html.sass .mixin-source .scss, html.scss .mixin-source .sass { @extend .hide;}
2010-11-24 23:43:25 +00:00
.mixin-source { display: none; position: relative; @extend .fixed-font; }
2010-11-23 06:09:18 +00:00
2010-11-24 23:43:25 +00:00
html .syntaxhighlighter {
margin: 0 0 2px;
//font-size: 1.1em;
text-shadow: none;
.code-block { background: none; @extend .clear-box-shadow; }
&, table td.code .container { position: static !important; }
table td.gutter { .line { &:first-child { padding-top: 10px !important; } &:last-child { padding-bottom: 10px !important; } } }
2010-11-24 23:43:25 +00:00
.toolbar { display: none; }
//a.help { font-size: 1.5em; @extend .pictos; color: #aaa; position: relative; right: 6px; top: 2px; }
2010-11-23 06:09:18 +00:00
}
pre {
margin: 1.5em 0;
.code-block:first-child { padding: .6em; }
2010-11-23 06:09:18 +00:00
}
.code-block { @extend .round-corners-4; @extend .fixed-font;
display: inline-block;
font-size: .95em;
padding: 0 .4em;
line-height: 1.5em;
}
.source-documentation {
@extend .round-corners-4;
2010-11-23 06:09:18 +00:00
padding: 10px 15px;
@include round-bottom-corners
}
h3 { @include round-corners;
2010-11-23 06:09:18 +00:00
padding: 10px 15px;
2010-11-24 23:43:25 +00:00
margin: 20px 0 20px;
2010-11-23 21:34:29 +00:00
font-weight: bold;
2010-11-23 06:09:18 +00:00
position: relative;
a { text-decoration: none;}
2010-11-23 21:34:29 +00:00
code, .arg { font-weight: normal; }
2010-11-23 06:09:18 +00:00
}
2010-11-24 23:43:25 +00:00
h3.mixin { @include round-top-corners; margin-bottom: 2px;}
2010-11-23 06:09:18 +00:00
.arg {
display: inline-block;
padding: 0 2px;
&[data-default-value] {
font-style: italic;
&:before{ content: "[" ; }
&:after{ content: "]" ; } }
}
a[rel="view source"]{ float: right; padding: 9px 15px; margin-top: 20px; position: relative; z-index: 2; font-size: .8em; @include hover-link;}
2010-11-24 23:43:25 +00:00
h2 + a[rel="view source"]{ margin-top: 12px;}
.syntaxhighlighter {
a, div, code, table, table td, table tr, table tbody, table thead, table caption, textarea {
background: none; border: 0; bottom: auto; float: none; height: auto; left: auto; line-height: 1.2em !important;
padding: 0; margin: 0; outline: 0;
overflow: visible; position: static; right: auto;
text-align: left; top: auto; vertical-align: baseline;
width: auto;
font: { weight: normal; style: normal;
size: 1em;
}
min: { height: inherit; }
}
}
.syntaxhighlighter { width: 100%; margin: 1em 0 1em 0; position: relative; overflow: auto; font-size: 1em;
2010-11-24 23:43:25 +00:00
// set up bold and italic
.bold { font-weight: bold; }
.italic { font-style: italic; }
.line { white-space: pre; }
2010-11-24 23:43:25 +00:00
// main table and columns
table { width: 100%;
td.code { width: 100%;
.line { padding: 0 .6em; } }
2010-11-24 23:43:25 +00:00
td.gutter .line { text-align: right; padding: 0 0.8em 0 1em; } } // middle spacing between line numbers and lines
2010-11-24 23:43:25 +00:00
// Styles for the toolbar
.toolbar { position: absolute; right: 1px; top: 1px; width: 11px; height: 11px; font-size: 10px; z-index: 10;
span.title { display: inline; }
a { display: block; text-align: center; text-decoration: none; padding-top: 1px; } }
&::-webkit-scrollbar { width: 12px; height: 12px; }
&::-webkit-scrollbar-button { &:start:decrement, &:end:increment { display: block; width: 0; height: 0; } }
&::-webkit-scrollbar-thumb:horizontal { -webkit-border-radius: 5px; -webkit-background-clip: padding-box; }
}