hiro/Vulcan
1
0
Fork 0
mirror of https://github.com/vale981/Vulcan synced 2025-03-05 17:41:43 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Compiling scss as part of build rather than with compass.

Browse source 
Remove dependency on compass, add fourseven:scss (includes autoprefixer),
add reset package, delete compiled css, and some random scss cleanup.
This commit is contained in:
Anthony Mayer 2014-11-23 21:11:15 -08:00
parent 3c9354ea15
commit 30ca412921
23 changed files with 179 additions and 2332 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
.meteor/packages
View file

@ -45,6 +45,9 @@ rajit:bootstrap3-datepicker
bengott:avatar
jparker:gravatar
# CSS reset (Must come before any other css)
ccan:cssreset
# Telescope Packages (Required)
telescope-base

2
.meteor/versions
View file

@ -19,6 +19,7 @@ blaze-tools@1.0.1
blaze@2.0.3
boilerplate-generator@1.0.1
callback-hook@1.0.1
ccan:cssreset@1.0.0
check@1.0.2
chuangbo:cookie@1.1.0
chuangbo:marked@0.3.5
@ -34,6 +35,7 @@ email@1.0.4
facebook@1.1.2
fastclick@1.0.1
follower-livedata@1.0.2
fourseven:scss@1.0.0
geojson-utils@1.0.1
handlebars@1.0.1
html-tools@1.0.2

893
packages/telescope-theme-base/lib/client/css/screen.css
View file

@ -1,893 +0,0 @@
@charset "UTF-8";
/* line 5, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline; }
/* line 22, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
html {
line-height: 1; }
/* line 24, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
ol, ul {
list-style: none; }
/* line 26, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
table {
border-collapse: collapse;
border-spacing: 0; }
/* line 28, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle; }
/* line 30, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
quotes: none; }
/* line 103, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none; }
/* line 32, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
a img {
border: none; }
/* line 116, ../../../../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; }
/*================ FUNCTIONS =================*/
/*================ MIXINS =================*/
/*================ CLASSES =================*/
/* line 111, ../scss/includes/_mixins.scss */
.popover {
background: white;
border: 1px solid #DD3416;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
z-index: 100;
-moz-transition: all, 300ms;
-o-transition: all, 300ms;
-webkit-transition: all, 300ms;
transition: all, 300ms; }
/* line 127, ../scss/includes/_mixins.scss */
.has-shadow {
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
/* line 130, ../scss/includes/_mixins.scss */
.cf {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
*zoom: 1; }
/* line 6, ../scss/includes/_mixins.scss */
.cf:before, .cf:after {
content: "";
display: table; }
/* line 10, ../scss/includes/_mixins.scss */
.cf:after {
clear: both; }
/*================ FLEXBOX =================*/
/* line 2, ../scss/global/_forms.scss */
form.form-block, .accounts-dialog.form-block {
background: #e7eff2;
border-radius: 3px;
margin-bottom: 10px;
padding: 10px; }
/* line 9, ../scss/global/_forms.scss */
form > div, .accounts-dialog > div {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
*zoom: 1; }
/* line 6, ../scss/includes/_mixins.scss */
form > div:before, form > div:after, .accounts-dialog > div:before, .accounts-dialog > div:after {
content: "";
display: table; }
/* line 10, ../scss/includes/_mixins.scss */
form > div:after, .accounts-dialog > div:after {
clear: both; }
/* line 12, ../scss/global/_forms.scss */
form .control-group, form .form-group, form .at-input, .accounts-dialog .control-group, .accounts-dialog .form-group, .accounts-dialog .at-input {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
*zoom: 1;
margin-bottom: 15px; }
/* line 6, ../scss/includes/_mixins.scss */
form .control-group:before, form .control-group:after, form .form-group:before, form .form-group:after, form .at-input:before, form .at-input:after, .accounts-dialog .control-group:before, .accounts-dialog .control-group:after, .accounts-dialog .form-group:before, .accounts-dialog .form-group:after, .accounts-dialog .at-input:before, .accounts-dialog .at-input:after {
content: "";
display: table; }
/* line 10, ../scss/includes/_mixins.scss */
form .control-group:after, form .form-group:after, form .at-input:after, .accounts-dialog .control-group:after, .accounts-dialog .form-group:after, .accounts-dialog .at-input:after {
clear: both; }
/* line 15, ../scss/global/_forms.scss */
form .control-group > label, form .form-group > label, form .at-input > label, .accounts-dialog .control-group > label, .accounts-dialog .form-group > label, .accounts-dialog .at-input > label {
font-weight: bold;
display: block; }
@media screen and (max-width: 40em) {
/* line 15, ../scss/global/_forms.scss */
form .control-group > label, form .form-group > label, form .at-input > label, .accounts-dialog .control-group > label, .accounts-dialog .form-group > label, .accounts-dialog .at-input > label {
margin-bottom: 5px; } }
@media screen and (min-width: 40em) {
/* line 15, ../scss/global/_forms.scss */
form .control-group > label, form .form-group > label, form .at-input > label, .accounts-dialog .control-group > label, .accounts-dialog .form-group > label, .accounts-dialog .at-input > label {
float: left;
margin-right: 10px; } }
/* line 26, ../scss/global/_forms.scss */
form .control-group .controls, form .form-group .controls, form .at-input .controls, .accounts-dialog .control-group .controls, .accounts-dialog .form-group .controls, .accounts-dialog .at-input .controls {
position: relative; }
@media screen and (min-width: 40em) {
/* line 26, ../scss/global/_forms.scss */
form .control-group .controls, form .form-group .controls, form .at-input .controls, .accounts-dialog .control-group .controls, .accounts-dialog .form-group .controls, .accounts-dialog .at-input .controls {
margin-left: 200px; } }
/* line 31, ../scss/global/_forms.scss */
form .control-group .controls .inline-link, form .form-group .controls .inline-link, form .at-input .controls .inline-link, .accounts-dialog .control-group .controls .inline-link, .accounts-dialog .form-group .controls .inline-link, .accounts-dialog .at-input .controls .inline-link {
position: absolute;
display: block;
top: 2px;
right: 8px; }
/* line 36, ../scss/global/_forms.scss */
form .control-group .controls .inline-link.loading, form .form-group .controls .inline-link.loading, form .at-input .controls .inline-link.loading, .accounts-dialog .control-group .controls .inline-link.loading, .accounts-dialog .form-group .controls .inline-link.loading, .accounts-dialog .at-input .controls .inline-link.loading {
background: url(/img/loading.gif) center center no-repeat;
height: 22px;
width: 18px;
font: 0/0 a;
text-shadow: none;
color: transparent; }
/* line 43, ../scss/global/_forms.scss */
form .control-group .controls label, form .form-group .controls label, form .at-input .controls label, .accounts-dialog .control-group .controls label, .accounts-dialog .form-group .controls label, .accounts-dialog .at-input .controls label {
display: block;
margin-bottom: 5px; }
/* line 47, ../scss/global/_forms.scss */
form .control-group .controls label.inline, form .form-group .controls label.inline, form .at-input .controls label.inline, .accounts-dialog .control-group .controls label.inline, .accounts-dialog .form-group .controls label.inline, .accounts-dialog .at-input .controls label.inline {
display: inline-block;
margin-bottom: 0; }
/* line 52, ../scss/global/_forms.scss */
form .control-group.inline, form .form-group.inline, form .at-input.inline, .accounts-dialog .control-group.inline, .accounts-dialog .form-group.inline, .accounts-dialog .at-input.inline {
margin-bottom: 10px; }
/* line 53, ../scss/global/_forms.scss */
form .control-group.inline .controls, form .form-group.inline .controls, form .at-input.inline .controls, .accounts-dialog .control-group.inline .controls, .accounts-dialog .form-group.inline .controls, .accounts-dialog .at-input.inline .controls {
margin-left: 0px;
width: 80%;
float: left; }
/* line 58, ../scss/global/_forms.scss */
form .control-group.inline .submit, form .form-group.inline .submit, form .at-input.inline .submit, .accounts-dialog .control-group.inline .submit, .accounts-dialog .form-group.inline .submit, .accounts-dialog .at-input.inline .submit {
float: right; }
/* line 64, ../scss/global/_forms.scss */
form .form-actions, form .form-group, .accounts-dialog .form-actions, .accounts-dialog .form-group {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
*zoom: 1; }
/* line 6, ../scss/includes/_mixins.scss */
form .form-actions:before, form .form-actions:after, form .form-group:before, form .form-group:after, .accounts-dialog .form-actions:before, .accounts-dialog .form-actions:after, .accounts-dialog .form-group:before, .accounts-dialog .form-group:after {
content: "";
display: table; }
/* line 10, ../scss/includes/_mixins.scss */
form .form-actions:after, form .form-group:after, .accounts-dialog .form-actions:after, .accounts-dialog .form-group:after {
clear: both; }
/* line 66, ../scss/global/_forms.scss */
form .form-actions a, form .form-group a, .accounts-dialog .form-actions a, .accounts-dialog .form-group a {
float: left;
display: block; }
/* line 70, ../scss/global/_forms.scss */
form .form-actions .button, form .form-actions .btn, form .form-group .button, form .form-group .btn, .accounts-dialog .form-actions .button, .accounts-dialog .form-actions .btn, .accounts-dialog .form-group .button, .accounts-dialog .form-group .btn {
float: right; }
/* line 74, ../scss/global/_forms.scss */
form input[type="text"], form input[type="password"], form input[type="number"], form input[type="email"], form textarea, form .login-form input, form input.form-control, .accounts-dialog input[type="text"], .accounts-dialog input[type="password"], .accounts-dialog input[type="number"], .accounts-dialog input[type="email"], .accounts-dialog textarea, .accounts-dialog .login-form input, .accounts-dialog input.form-control {
display: block;
padding: 5px 6px;
width: 100%;
font-size: 14px;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
border: 1px solid #b5b0b0;
-moz-transition: border-color 500ms;
-o-transition: border-color 500ms;
-webkit-transition: border-color 500ms;
transition: border-color 500ms; }
/* line 83, ../scss/global/_forms.scss */
form input[type="text"]:focus, form input[type="password"]:focus, form input[type="number"]:focus, form input[type="email"]:focus, form textarea:focus, form .login-form input:focus, form input.form-control:focus, .accounts-dialog input[type="text"]:focus, .accounts-dialog input[type="password"]:focus, .accounts-dialog input[type="number"]:focus, .accounts-dialog input[type="email"]:focus, .accounts-dialog textarea:focus, .accounts-dialog .login-form input:focus, .accounts-dialog input.form-control:focus {
outline: none;
border-color: #DD3416;
-moz-box-shadow: 0px 0px 5px 0px rgba(221, 52, 22, 0.3);
-webkit-box-shadow: 0px 0px 5px 0px rgba(221, 52, 22, 0.3);
box-shadow: 0px 0px 5px 0px rgba(221, 52, 22, 0.3); }
/* line 88, ../scss/global/_forms.scss */
form input[type="text"][type="number"], form input[type="password"][type="number"], form input[type="number"][type="number"], form input[type="email"][type="number"], form textarea[type="number"], form .login-form input[type="number"], form input.form-control[type="number"], .accounts-dialog input[type="text"][type="number"], .accounts-dialog input[type="password"][type="number"], .accounts-dialog input[type="number"][type="number"], .accounts-dialog input[type="email"][type="number"], .accounts-dialog textarea[type="number"], .accounts-dialog .login-form input[type="number"], .accounts-dialog input.form-control[type="number"] {
width: 30%; }
/* line 92, ../scss/global/_forms.scss */
form input[type="text"], form input[type="password"], form input[type="number"], form .login-form input, .accounts-dialog input[type="text"], .accounts-dialog input[type="password"], .accounts-dialog input[type="number"], .accounts-dialog .login-form input {
height: 30px;
line-height: 20px; }
/* line 96, ../scss/global/_forms.scss */
form input[disabled='disabled'], .accounts-dialog input[disabled='disabled'] {
color: #b3c1c6;
background: #e7eff2; }
/* line 100, ../scss/global/_forms.scss */
form textarea, .accounts-dialog textarea {
min-height: 100px;
line-height: 1.4; }
/* line 104, ../scss/global/_forms.scss */
form .note, .accounts-dialog .note {
padding: 5px 0;
color: #b3c1c6;
font-size: 80%; }
/* line 110, ../scss/global/_forms.scss */
input[type="submit"], button, .button, .btn {
-webkit-appearance: none;
border-radius: 3px;
background: #DD3416;
color: white;
text-align: center;
display: block;
max-width: 300px;
padding: 10px 12px;
line-height: 1;
border: none;
font-size: 15px;
cursor: pointer;
margin: 0;
font-weight: normal; }
/* line 127, ../scss/global/_forms.scss */
input[type="submit"].disabled, button.disabled, .button.disabled, .btn.disabled {
background: #dfdbdb;
pointer-events: none; }
/* line 131, ../scss/global/_forms.scss */
input[type="submit"]:link, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:visited, button:link, button:hover, button:active, button:visited, .button:link, .button:hover, .button:active, .button:visited, .btn:link, .btn:hover, .btn:active, .btn:visited {
color: white; }
/* line 134, ../scss/global/_forms.scss */
input[type="submit"].inline, button.inline, .button.inline, .btn.inline {
display: inline-block; }
/* line 138, ../scss/global/_forms.scss */
input[type="search"] {
font-size: 14px; }
/* line 141, ../scss/global/_forms.scss */
.twitter-signup {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #dfdbdb; }
/* line 145, ../scss/global/_forms.scss */
.twitter-signup .twitter-button {
background: #00aced; }
/* line 149, ../scss/global/_forms.scss */
.category-slug {
font-size: 12px;
float: left;
width: 80%;
display: block; }
/* line 155, ../scss/global/_forms.scss */
.ui-autocomplete {
background: white;
width: 200px !important;
padding: 10px;
font-size: 14px;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
/* line 163, ../scss/global/_forms.scss */
.help-block {
color: #b3c1c6;
margin-bottom: 15px; }
/* line 167, ../scss/global/_forms.scss */
#editor > iframe {
border: 1px solid #B5B0B0; }
/* line 170, ../scss/global/_forms.scss */
.comment-field {
margin-bottom: 10px; }
/* line 173, ../scss/global/_forms.scss */
.fieldset-heading {
padding-bottom: 5px;
margin-bottom: 15px;
border-bottom: 1px solid #B5B0B0; }
/* line 178, ../scss/global/_forms.scss */
fieldset {
margin-bottom: 30px; }
/* line 181, ../scss/global/_forms.scss */
.instructions-block {
margin-top: 5px;
display: block;
font-size: 80%;
color: #b3c1c6; }
/* line 1, ../scss/global/_links.scss */
a {
text-decoration: none; }
/* line 3, ../scss/global/_links.scss */
a, a:link, a:visited, a:active {
color: #444444;
font-weight: bold; }
/* line 7, ../scss/global/_links.scss */
a:hover {
color: #DD3416; }
/* line 1, ../scss/global/_main.scss */
.hidden {
display: none; }
/* line 4, ../scss/global/_main.scss */
.visible {
display: block; }
/* line 7, ../scss/global/_main.scss */
.overlay {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 50; }
/* line 16, ../scss/global/_main.scss */
#spinner {
margin: 100px 0; }
/* line 19, ../scss/global/_main.scss */
.debug {
display: none; }
/* line 23, ../scss/global/_main.scss */
.footer {
text-align: center;
padding: 10px 0 70px 0;
color: rgba(0, 0, 0, 0.4);
font-size: 14px; }
/* line 28, ../scss/global/_main.scss */
.footer.absolute {
position: absolute; }
/* line 32, ../scss/global/_main.scss */
#login-buttons .loading {
display: none; }
/* line 35, ../scss/global/_main.scss */
#loading, .loading-page {
height: 300px; }
/* line 39, ../scss/global/_main.scss */
.grid-module, .at-form {
background: white;
margin-bottom: 10px;
padding: 15px; }
/* line 44, ../scss/global/_main.scss */
.notifications-toggle {
background: white;
margin-bottom: 10px;
padding: 15px; }
/* line 50, ../scss/global/_main.scss */
.search-date-header {
background: #e7eff2; }
/* line 52, ../scss/global/_main.scss */
.search-date-header th {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
*zoom: 1; }
/* line 6, ../scss/includes/_mixins.scss */
.search-date-header th:before, .search-date-header th:after {
content: "";
display: table; }
/* line 10, ../scss/includes/_mixins.scss */
.search-date-header th:after {
clear: both; }
/* line 55, ../scss/global/_main.scss */
.search-date-header .search-date {
display: block;
float: left;
font-weight: bold; }
/* line 60, ../scss/global/_main.scss */
.search-date-header .search-count {
font-size: 13px;
display: block;
float: right; }
/* line 2, ../scss/global/_markdown.scss */
.markdown img {
max-width: 100%; }
/* line 5, ../scss/global/_markdown.scss */
.markdown ul, .markdown ol, .markdown p, .markdown pre, .markdown blockquote {
margin-bottom: 1em;
line-height: 1.7; }
/* line 9, ../scss/global/_markdown.scss */
.markdown strong {
font-weight: bold; }
/* line 12, ../scss/global/_markdown.scss */
.markdown em {
font-style: italic; }
/* line 15, ../scss/global/_markdown.scss */
.markdown ul, .markdown ol {
padding-left: 18px; }
/* line 18, ../scss/global/_markdown.scss */
.markdown ul {
list-style-type: disc; }
/* line 21, ../scss/global/_markdown.scss */
.markdown ol {
list-style-type: decimal; }
/* line 25, ../scss/global/_markdown.scss */
.markdown a:link, .markdown a:visited, .markdown a:active {
color: #7ac0e4; }
/* line 28, ../scss/global/_markdown.scss */
.markdown a:hover {
color: #DD3416; }
/* line 33, ../scss/global/_markdown.scss */
.markdown p:last-child {
margin-bottom: 0; }
/* line 37, ../scss/global/_markdown.scss */
.markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5 {
font-weight: bold;
margin-bottom: 0; }
/* line 41, ../scss/global/_markdown.scss */
.markdown h1 {
font-size: 36px; }
/* line 44, ../scss/global/_markdown.scss */
.markdown h2 {
font-size: 24px; }
/* line 47, ../scss/global/_markdown.scss */
.markdown h3 {
font-size: 18px; }
/* line 50, ../scss/global/_markdown.scss */
.markdown h4 {
font-size: 16px; }
/* line 53, ../scss/global/_markdown.scss */
.markdown h5 {
font-size: 14px; }
/* line 56, ../scss/global/_markdown.scss */
.markdown code {
font-family: monospace;
margin: 0 2px;
padding: 0px 5px;
border: 1px solid #ddd;
background-color: #f8f8f8;
border-radius: 3px; }
/* line 64, ../scss/global/_markdown.scss */
.markdown pre {
padding: 20px;
border: 1px solid #ddd;
background-color: #f8f8f8;
overflow-x: scroll; }
/* line 69, ../scss/global/_markdown.scss */
.markdown pre code {
border: none;
background: none; }
/* line 74, ../scss/global/_markdown.scss */
.markdown blockquote {
border-left: 3px solid #eee;
padding-left: 20px; }
/* line 1, ../scss/global/_tables.scss */
table {
width: 100%; }
/* line 3, ../scss/global/_tables.scss */
table tr {
border-bottom: 1px solid #eee; }
/* line 5, ../scss/global/_tables.scss */
table tr td, table tr th {
padding: 10px; }
/* line 11, ../scss/global/_tables.scss */
table thead tr td, table thead tr th {
font-weight: bold; }
/* line 1, ../scss/global/_typography.scss */
html, body, input, button {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
/* line 4, ../scss/global/_typography.scss */
h1, h2, h3, h4, h5, ul, ol, li, p, pre, div {
line-height: 1.5; }
/* line 7, ../scss/global/_typography.scss */
h1 {
font-size: 40px; }
/* line 10, ../scss/global/_typography.scss */
h2 {
font-size: 30px; }
/* line 13, ../scss/global/_typography.scss */
h3 {
font-size: 20px; }
/* line 16, ../scss/global/_typography.scss */
h4 {
font-size: 16px; }
/* line 19, ../scss/global/_typography.scss */
li {
margin: 0 0 10px 0; }
/* line 1, ../scss/specific/_dropdown.scss */
.has-dropdown .dropdown {
position: relative; }
/* line 4, ../scss/specific/_dropdown.scss */
.has-dropdown .dropdown > a:after {
display: inline-block;
position: relative;
top: -1px;
margin-left: 4px;
content: "▼";
font-size: 8px; }
/* line 14, ../scss/specific/_dropdown.scss */
.has-dropdown .dropdown:hover .dropdown-menu {
display: block; }
/* line 19, ../scss/specific/_dropdown.scss */
.has-dropdown .dropdown-menu {
display: none;
top: 10px;
left: 10px;
position: absolute;
padding-top: 20px;
z-index: 10000; }
/* line 26, ../scss/specific/_dropdown.scss */
.has-dropdown .dropdown-menu, .has-dropdown .dropdown-menu a, .has-dropdown .dropdown-menu a:link, .has-dropdown .dropdown-menu a:visited {
color: #444444; }
/* line 29, ../scss/specific/_dropdown.scss */
.has-dropdown .dropdown-menu a.button {
color: white; }
/* line 32, ../scss/specific/_dropdown.scss */
.has-dropdown .dropdown-menu ul {
background: white;
padding: 10px;
min-width: 140px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
list-style-type: none; }
/* line 39, ../scss/specific/_dropdown.scss */
.has-dropdown .dropdown-menu ul li {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #eeeeee; }
/* line 43, ../scss/specific/_dropdown.scss */
.has-dropdown .dropdown-menu ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none; }
/* line 48, ../scss/specific/_dropdown.scss */
.has-dropdown .dropdown-menu ul li a {
font-size: 14px; }
/* line 1, ../scss/specific/_errors.scss */
.error {
background: #DD3416;
color: white; }
/* line 3, ../scss/specific/_header.scss */
.header {
background: #444444;
margin-bottom: 10px;
padding: 15px;
color: white; }
@media screen and (max-width: 40em) {
/* line 3, ../scss/specific/_header.scss */
.header {
height: 50px;
padding: 10px;
position: relative; } }
/* line 13, ../scss/specific/_header.scss */
.header a, .header a:link, .header a:visited {
color: inherit; }
/* line 15, ../scss/specific/_header.scss */
.header a.button, .header a:link.button, .header a:visited.button {
color: white; }
/* line 19, ../scss/specific/_header.scss */
.header .nav {
list-style-type: none; }
/* line 21, ../scss/specific/_header.scss */
.header .nav > li {
margin-bottom: 0;
display: inline-block; }
/* line 24, ../scss/specific/_header.scss */
.header .nav > li:last-child .header-submodule {
margin-right: 0px; }
/* line 30, ../scss/specific/_header.scss */
.header-module, .header-submodule {
display: inline-block;
margin-right: 20px; }
/* line 35, ../scss/specific/_header.scss */
.header-module:last-child {
margin-right: 0px; }
/* line 39, ../scss/specific/_header.scss */
.logo {
vertical-align: middle;
line-height: 1; }
@media screen and (max-width: 40em) {
/* line 39, ../scss/specific/_header.scss */
.logo {
margin-right: 0; }
/* line 44, ../scss/specific/_header.scss */
.logo a {
font-size: 24px;
display: block;
position: static;
width: 100%;
height: 50px;
line-height: 50px;
text-align: center;
left: 0px;
top: 0px;
z-index: 10;
margin-right: 0; } }
/* line 60, ../scss/specific/_header.scss */
.logo-image a, .logo-image img {
display: block;
height: 100%;
width: 100%; }
/* line 67, ../scss/specific/_header.scss */
.mobile-menu-button {
position: absolute;
display: inline-block;
padding: 4px;
top: 50%;
margin-top: -17px;
z-index: 100; }
/* line 73, ../scss/specific/_header.scss */
.mobile-menu-button .hamburger {
fill: white; }
/* line 79, ../scss/specific/_header.scss */
.account-link {
display: inline-block; }
/* line 82, ../scss/specific/_header.scss */
.sign-in {
margin-right: 20px; }
/* line 1, ../scss/specific/_layout.scss */
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.5; }
/* line 6, ../scss/specific/_layout.scss */
html, body, .outer-wrapper {
height: 100%; }
/* line 10, ../scss/specific/_layout.scss */
body {
background: #eee;
font-size: 14px; }
@media screen and (max-width: 40em) {
/* line 10, ../scss/specific/_layout.scss */
body {
overflow-x: hidden; } }
/* line 18, ../scss/specific/_layout.scss */
.outer-wrapper {
position: relative; }
/* line 21, ../scss/specific/_layout.scss */
.content-wrapper {
padding-bottom: 20px; }
/* line 24, ../scss/specific/_layout.scss */
.content-wrapper {
padding: 0 10px;
max-width: 1000px;
margin: 0 auto; }
@media screen and (max-width: 40em) {
/* line 24, ../scss/specific/_layout.scss */
.content-wrapper {
overflow-x: hidden;
overflow-y: hidden; } }
/* line 1, ../scss/specific/_loading.scss */
.loading-module {
height: 70px;
position: relative; }
@media screen and (min-width: 40em) {
/* line 3, ../scss/specific/_mobile_nav.scss */
.mobile-only {
display: none !important; } }
@media screen and (max-width: 40em) {
/* line 8, ../scss/specific/_mobile_nav.scss */
.desktop-only {
display: none !important; } }
/* line 14, ../scss/specific/_mobile_nav.scss */
.mobile-nav {
position: fixed;
overflow: auto;
left: -200px;
left: calc((100% - 60px) * -1);
width: 200px;
width: calc(100% - 60px);
height: 100%;
top: 0px;
bottom: 0px;
background: #444;
color: white;
-moz-box-shadow: inset -3px 0px 7px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: inset -3px 0px 7px rgba(0, 0, 0, 0.5);
box-shadow: inset -3px 0px 7px rgba(0, 0, 0, 0.5);
z-index: 100; }
/* line 30, ../scss/specific/_mobile_nav.scss */
.mobile-nav, .inner-wrapper {
-moz-transition: all 300ms ease-out 0ms;
-o-transition: all 300ms ease-out 0ms;
-webkit-transition: all 300ms ease-out;
-webkit-transition-delay: 0ms;
transition: all 300ms ease-out 0ms; }
/* line 34, ../scss/specific/_mobile_nav.scss */
.inner-wrapper {
position: relative;
left: 0px; }
/* line 39, ../scss/specific/_mobile_nav.scss */
.mobile-nav-open {
overflow: hidden; }
/* line 41, ../scss/specific/_mobile_nav.scss */
.mobile-nav-open .mobile-nav {
left: 0px; }
/* line 44, ../scss/specific/_mobile_nav.scss */
.mobile-nav-open .outer-wrapper {
overflow: hidden; }
/* line 46, ../scss/specific/_mobile_nav.scss */
.mobile-nav-open .outer-wrapper .inner-wrapper {
left: 200px;
left: calc(100% - 60px); }
@media screen and (max-width: 40em) {
/* line 56, ../scss/specific/_mobile_nav.scss */
.desktop-nav {
display: none; } }
/* line 63, ../scss/specific/_mobile_nav.scss */
.mobile-menu .header-module, .mobile-menu .header-submodule {
display: block;
margin-right: 0px; }
/* line 67, ../scss/specific/_mobile_nav.scss */
.mobile-menu > li {
margin-bottom: 0;
border-bottom: 1px rgba(255, 255, 255, 0.2) solid; }
/* line 70, ../scss/specific/_mobile_nav.scss */
.mobile-menu > li:last-child {
border: none; }
/* line 74, ../scss/specific/_mobile_nav.scss */
.mobile-menu .sign-in {
border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
margin-right: 0px; }
/* line 78, ../scss/specific/_mobile_nav.scss */
.mobile-menu a {
display: block;
height: auto;
line-height: inherit;
font-size: 15px; }
/* line 83, ../scss/specific/_mobile_nav.scss */
.mobile-menu a, .mobile-menu a:link, .mobile-menu a:visited {
color: white; }
/* line 89, ../scss/specific/_mobile_nav.scss */
.mobile-menu .dropdown > a:after {
display: inline-block;
position: relative;
top: -1px;
margin-left: 4px;
content: "▼";
font-size: 8px; }
/* line 99, ../scss/specific/_mobile_nav.scss */
.mobile-menu .dropdown-top-level {
padding: 10px; }
/* line 102, ../scss/specific/_mobile_nav.scss */
.mobile-menu .dropdown-menu {
background: #333; }
/* line 104, ../scss/specific/_mobile_nav.scss */
.mobile-menu .dropdown-menu li {
padding: 10px;
margin-bottom: 0;
border-top: 1px rgba(255, 255, 255, 0.2) solid; }
/* line 110, ../scss/specific/_mobile_nav.scss */
.mobile-menu .submit {
margin: 10px; }
/* line 115, ../scss/specific/_mobile_nav.scss */
.mobile-submit {
padding: 10px;
border-bottom: 1px rgba(255, 255, 255, 0.2) solid; }
/* line 118, ../scss/specific/_mobile_nav.scss */
.mobile-submit .button {
max-width: none; }
/* line 1, ../scss/specific/_notifications.scss */
.notification-item {
margin-bottom: 10px; }
/* line 1, ../scss/specific/_posts.scss */
.more-button {
display: block; }
/* line 1, ../scss/specific/_users.scss */
.user-list, .user-table {
font-size: 13px; }
/* line 4, ../scss/specific/_users.scss */
.user-list .user .user-avatar, .user-table .user .user-avatar {
height: 30px;
width: 30px;
background-size: 30px 30px;
display: block;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px; }
/* line 16, ../scss/specific/_users.scss */
.filter-sort {
/* For modern browsers */
/* For IE 6/7 (trigger hasLayout) */
*zoom: 1;
padding: 15px;
background: rgba(0, 0, 0, 0.05); }
/* line 6, ../scss/includes/_mixins.scss */
.filter-sort:before, .filter-sort:after {
content: "";
display: table; }
/* line 10, ../scss/includes/_mixins.scss */
.filter-sort:after {
clear: both; }
/* line 20, ../scss/specific/_users.scss */
.filter-sort a, .filter-sort span {
display: inline-block;
margin-right: 20px; }
/* line 23, ../scss/specific/_users.scss */
.filter-sort a.active, .filter-sort span.active {
border-bottom: 2px solid #7ac0e4; }
/* line 26, ../scss/specific/_users.scss */
.filter-sort a:last-child, .filter-sort span:last-child {
margin-right: 0; }
/* line 30, ../scss/specific/_users.scss */
.filter-sort .filter {
float: left; }
/* line 33, ../scss/specific/_users.scss */
.filter-sort .sort {
float: right; }

8
packages/telescope-theme-base/lib/client/scss/global/_forms.scss
View file

@ -78,12 +78,12 @@ form, .accounts-dialog{
font-size:14px;
@include border-box;
border: 1px solid $grey;
@include single-transition(border-color, 500ms);
// @include box-shadow(inset 0px 0px 0px 1px black(0.2));
transition: $border-color, 500ms;
// box-shadow: inset 0px 0px 0px 1px black(0.2);
&:focus{
outline: none;
border-color:$red;
@include box-shadow(0px 0px 5px 0px rgba($red,0.3));
box-shadow: 0px 0px 5px 0px rgba($red,0.3);
}
&[type="number"]{
width: 30%;
@ -157,7 +157,7 @@ input[type="search"]{
width: 200px!important;
padding:10px;
font-size:14px;
@include box-shadow(0 1px 1px black(0.15));
box-shadow: 0 1px 1px black(0.15);
}
.help-block{

16
packages/telescope-theme-base/lib/client/scss/includes/_mixins.scss
View file

@ -27,10 +27,10 @@ $grid-margin: 10px;
@mixin vcenter {
position: relative;
top: 50%;
@include translateY(-50%);
transform: translateY(-50%);
}
@mixin animate($property: all){
@include single-transition($property, 300ms, 0ms, ease-out);
transition: $property, 300ms, 0ms, ease-out;
}
@mixin border-box{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
@ -111,21 +111,21 @@ $grid-margin: 10px;
.popover{
background:white;
border:1px solid $red;
@include border-radius(3px);
@include box-shadow(0px 1px 2px 0px black(0.25));
border-radius: 3px;
box-shadow: 0px 1px 2px 0px black(0.25);
z-index:100;
@include transition(all, 300ms);
transition: all, 300ms;
}
// .grid-block{
// background:#fff;
// @include border-radius(3px);
// border-radius: 3px;
// // border:1px solid $light-blue;
// padding:$grid-padding;
// margin-bottom:$grid-margin;
// @include box-shadow(0 1px 1px black(0.15));
// box-shadow: 0 1px 1px black(0.15);
// }
.has-shadow{
@include box-shadow(0 1px 1px black(0.15));
box-shadow: 0 1px 1px black(0.15);
}
.cf{
@include cf;

5
packages/telescope-theme-base/lib/client/scss/screen.scss
View file

@ -1,8 +1,3 @@
@import "compass/reset";
// @import "global/normalize";
@import "compass/css3";
// Includes
@import "includes/breakpoints";

4
packages/telescope-theme-base/lib/client/scss/specific/_dropdown.scss
View file

@ -33,8 +33,8 @@
background:white;
padding:10px;
min-width:140px;
@include border-radius(3px);
@include box-shadow(0 1px 3px black(0.35));
border-radius: 3px;
box-shadow: 0 1px 3px black(0.35);
list-style-type: none;
li{
padding-bottom: 10px;

2
packages/telescope-theme-base/lib/client/scss/specific/_layout.scss
View file

@ -1,5 +1,5 @@
*, *:before, *:after {
@include box-sizing(border-box);
box-sizing: border-box;
line-height: 1.5;
}

4
packages/telescope-theme-base/lib/client/scss/specific/_mobile_nav.scss
View file

@ -23,12 +23,12 @@ $mobile-nav-width: 200px;
bottom: 0px;
background:#444;
color:white;
@include box-shadow(inset -3px 0px 7px black(0.5));
box-shadow: inset -3px 0px 7px black(0.5);
z-index: 100;
}
.mobile-nav, .inner-wrapper{
@include single-transition(all, 300ms, ease-out, 0ms);
transition: all, 300ms, ease-out, 0ms;
}
.inner-wrapper{

2
packages/telescope-theme-base/lib/client/scss/specific/_users.scss
View file

@ -6,7 +6,7 @@
width:30px;
background-size: 30px 30px;
display:block;
@include border-radius(30px);
border-radius: 30px;
}
.posts-list{

36
packages/telescope-theme-base/package.js
View file

@ -2,10 +2,38 @@ Package.describe({summary: "Telescope base theme"});
Package.onUse(function (api) {
api.use(['telescope-lib', 'telescope-base'], ['client', 'server']);
api.use(['telescope-lib', 'telescope-base', 'fourseven:scss'], ['client', 'server']);
api.add_files([
'lib/client/css/screen.css',
], ['client']);
api.addFiles(
[
// global
'lib/client/scss/global/_forms.scss',
'lib/client/scss/global/_links.scss',
'lib/client/scss/global/_main.scss',
'lib/client/scss/global/_markdown.scss',
'lib/client/scss/global/_tables.scss',
'lib/client/scss/global/_typography.scss',
// includes
'lib/client/scss/includes/_breakpoints.scss',
'lib/client/scss/includes/_colors.scss',
'lib/client/scss/includes/_mixins.scss',
// specific
'lib/client/scss/specific/_dropdown.scss',
'lib/client/scss/specific/_errors.scss',
'lib/client/scss/specific/_header.scss',
'lib/client/scss/specific/_layout.scss',
'lib/client/scss/specific/_loading.scss',
'lib/client/scss/specific/_mobile_nav.scss',
'lib/client/scss/specific/_notifications.scss',
'lib/client/scss/specific/_posts.scss',
'lib/client/scss/specific/_users.scss',
// screen
'lib/client/scss/screen.scss'
],
'client'
);
});

4
packages/telescope-theme-base/versions.json
View file

@ -16,6 +16,10 @@
"ejson",
"1.0.4"
],
[
"fourseven:scss",
"1.0.0"
],
[
"geojson-utils",
"1.0.1"

1314
packages/telescope-theme-hubble/lib/client/css/screen.css
View file

File diff suppressed because one or more lines are too long

22
packages/telescope-theme-hubble/lib/client/scss/modules/_comments.scss
View file

@ -1,15 +1,15 @@
.queue-container{
position:relative;
height:0px;
@include single-transition(ease-out, opacity, 400ms, 0ms);
transition: ease-out, opacity, 400ms, 0ms;
ul{
position:absolute;
// right:0;
margin-left:100%;
left:10px;
top:-30px;
// @include box-shadow(0 1px 1px black(0.15));
@include border-radius(3px);
// box-shadow: 0 1px 1px black(0.15);
border-radius: 3px;
background: black(0.05);
padding:10px 0 0 10px;
max-width:120px;
@ -37,7 +37,7 @@
height:30px;
width:30px;
background:$red;
@include border-radius(100px);
border-radius: 100px;
line-height:30px;
text-align:center;
position:relative;
@ -50,7 +50,7 @@
display:block;
height:30px;
width:30px;
@include border-radius(100px);
border-radius: 100px;
background-size: 30px 30px;
// @extend .has-tooltip;
}
@ -73,7 +73,7 @@
padding: 0;
background: none;
.comment-body{
@include single-transition(ease-out, opacity, 600ms, 0ms);
transition: ease-out, opacity, 600ms, 0ms;
opacity:1;
}
&.comment-queued{
@ -128,13 +128,13 @@
.comment-content{
position:relative;
@extend .grid-block;
@include border-radius(0 3px 3px 3px);
border-radius: 0 3px 3px 3px;
font-size:14px;
.comment-main{
margin-left:50px;
}
.user-avatar{
@include border-radius(100px);
border-radius: 100px;
overflow:hidden;
position:block;
float:left;
@ -175,19 +175,19 @@
left:-30px;
top:0px;
a{
@include border-radius(0 0 0 3px);
border-radius: 0 0 0 3px;
position:relative;
display:block;
height:30px;
width:30px;
// background:$light-blue;
background:white;
@include box-shadow(0 1px 1px black(0.15));
box-shadow: 0 1px 1px black(0.15);
overflow:hidden;
@include hide-text;
// border-right:1px solid $lightest-grey;
&.upvote{
@include border-radius(3px 0 0 0);
border-radius: 3px 0 0 0;
margin-bottom:1px;
}
i{

5
packages/telescope-theme-hubble/lib/client/scss/modules/_posts.scss
View file

@ -240,7 +240,7 @@
border-radius: 0px 0px 3px 3px;
}
&.animate{
@include single-transition(ease-out, top, 400ms, 0ms);
transition: ease-out, top, 400ms, 0ms;
}
&.inactive{
.post-content{
@ -319,7 +319,7 @@
.post-category{
display:inline-block;
font-size:11px;
@include border-radius(3px);
border-radius: 3px;
background:#eee;
padding:0px 6px;
text-transform:uppercase;
@ -360,7 +360,6 @@
color:$red;
}
&.share-link{
color:$blue;
color:$yellow;
}
&.discuss-link{

2
packages/telescope-theme-hubble/lib/client/scss/modules/_user-profile.scss
View file

@ -3,6 +3,6 @@
height: 80px;
width: 80px;
display: block;
@include border-radius(80px);
border-radius: 80px;
}
}

16
packages/telescope-theme-hubble/lib/client/scss/partials/_mixins.scss
View file

@ -24,10 +24,10 @@
@mixin vcenter {
position: relative;
top: 50%;
@include translateY(-50%);
transform: translateY(-50%);
}
@mixin animate($property: all){
@include single-transition($property, 300ms, 0ms, ease-out);
transition: $property, 300ms, 0ms, ease-out;
}
@mixin border-box{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
@ -108,21 +108,21 @@
.popover{
background:white;
border:1px solid $red;
@include border-radius(3px);
@include box-shadow(0px 1px 2px 0px black(0.25));
border-radius: 3px;
box-shadow: 0px 1px 2px 0px black(0.25);
z-index:100;
@include transition(all, 300ms);
transition: all, 300ms;
}
.grid-block{
background:#fff;
@include border-radius(3px);
border-radius: 3px;
// border:1px solid $light-blue;
padding:$grid-padding;
margin-bottom:$grid-margin;
@include box-shadow(0 1px 1px black(0.15));
box-shadow: 0 1px 1px black(0.15);
}
.has-shadow{
@include box-shadow(0 1px 1px black(0.15));
box-shadow: 0 1px 1px black(0.15);
}
.cf{
@include cf;

4
packages/telescope-theme-hubble/lib/client/scss/partials/_tooltips.scss
View file

@ -7,13 +7,13 @@
left:50%;
top:-40px;
opacity:0;
@include single-transition(ease-out, opacity, 300ms, 0ms);
transition: ease-out, opacity, 300ms, 0ms;
span{
display:block;
white-space:nowrap;
position:relative;
background:black(0.6);
@include border-radius(3px);
border-radius: 3px;
padding:0px 8px;
left:-50%;
font-size:14px;

16
packages/telescope-theme-hubble/lib/client/scss/screen.scss
View file

@ -1,32 +1,16 @@
/* Welcome to Compass.
* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
// @import "compass/reset";
@import "compass/css3";
@import "compass/typography/lists/horizontal-list";
@import "partials/grid";
@import "partials/colors";
@import "partials/mixins";
// @import "partials/main";
@import "partials/typography";
@import "partials/icons";
// @import "partials/pageslide";
// @import "partials/markdown";
@import "partials/tooltips";
@import "modules/accounts";
@import "modules/nav";
// @import "modules/mobile_nav";
@import "modules/posts";
@import "modules/comments";
// @import "modules/forms";
@import "modules/dialogs";
// @import "modules/users";
@import "modules/user-profile";
@import "modules/errors";
@import "modules/share";
// @import "partials/mobile";

39
packages/telescope-theme-hubble/package.js
View file

@ -2,14 +2,43 @@ Package.describe({summary: "Telescope Hubble theme"});
Package.onUse(function (api) {
api.use(['telescope-lib', 'telescope-base'], ['client', 'server']);
api.use(
[
'telescope-lib',
'telescope-base',
'fourseven:scss'
],
['client', 'server']
);
api.add_files([
api.addFiles([
'lib/hubble.js',
], ['client', 'server']);
api.add_files([
'lib/client/css/screen.css',
], ['client']);
api.addFiles(
[
// modules
'lib/client/scss/modules/_accounts.scss',
'lib/client/scss/modules/_comments.scss',
'lib/client/scss/modules/_dialogs.scss',
'lib/client/scss/modules/_errors.scss',
'lib/client/scss/modules/_nav.scss',
'lib/client/scss/modules/_posts.scss',
'lib/client/scss/modules/_share.scss',
'lib/client/scss/modules/_user-profile.scss',
// partials
'lib/client/scss/partials/_colors.scss',
'lib/client/scss/partials/_grid.scss',
'lib/client/scss/partials/_icons.scss',
'lib/client/scss/partials/_mixins.scss',
'lib/client/scss/partials/_tooltips.scss',
'lib/client/scss/partials/_typography.scss',
// screen
'lib/client/scss/screen.scss'
],
'client'
);
});

4
packages/telescope-theme-hubble/versions.json
View file

@ -16,6 +16,10 @@
"ejson",
"1.0.4"
],
[
"fourseven:scss",
"1.0.0"
],
[
"geojson-utils",
"1.0.1"

6
scss.json Normal file
View file

@ -0,0 +1,6 @@
{
"enableAutoprefixer": true,
"outputStyle": "compressed",
"sourceComments": true,
"sourceMap": true
}