mirror of
https://github.com/vale981/Vulcan
synced 2025-03-05 09:31:43 -05:00
Compiling scss as part of build rather than with compass.
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
parent
3c9354ea15
commit
30ca412921
23 changed files with 179 additions and 2332 deletions
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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; }
|
||||
|
|
@ -77,13 +77,13 @@ form, .accounts-dialog{
|
|||
width:100%;
|
||||
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));
|
||||
border: 1px solid $grey;
|
||||
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{
|
||||
|
|
@ -168,7 +168,7 @@ input[type="search"]{
|
|||
border: 1px solid #B5B0B0;
|
||||
}
|
||||
.comment-field{
|
||||
margin-bottom: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.fieldset-heading{
|
||||
padding-bottom: 5px;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -1,8 +1,3 @@
|
|||
@import "compass/reset";
|
||||
// @import "global/normalize";
|
||||
|
||||
@import "compass/css3";
|
||||
|
||||
// Includes
|
||||
|
||||
@import "includes/breakpoints";
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
*, *:before, *:after {
|
||||
@include box-sizing(border-box);
|
||||
line-height: 1.5;
|
||||
box-sizing: border-box;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
html, body, .outer-wrapper{
|
||||
|
|
|
|||
|
|
@ -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{
|
||||
|
|
|
|||
|
|
@ -1,15 +1,15 @@
|
|||
.user-list, .user-table{
|
||||
font-size: 13px;
|
||||
font-size: 13px;
|
||||
.user{
|
||||
.user-avatar{
|
||||
height:30px;
|
||||
width:30px;
|
||||
background-size: 30px 30px;
|
||||
display:block;
|
||||
@include border-radius(30px);
|
||||
border-radius: 30px;
|
||||
}
|
||||
.posts-list{
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -26,7 +26,7 @@
|
|||
&:last-child{
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.filter{
|
||||
float: left;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,10 +2,38 @@ Package.describe({summary: "Telescope base theme"});
|
|||
|
||||
Package.onUse(function (api) {
|
||||
|
||||
api.use(['telescope-lib', 'telescope-base'], ['client', 'server']);
|
||||
|
||||
api.add_files([
|
||||
'lib/client/css/screen.css',
|
||||
], ['client']);
|
||||
|
||||
api.use(['telescope-lib', 'telescope-base', 'fourseven:scss'], ['client', 'server']);
|
||||
|
||||
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'
|
||||
);
|
||||
|
||||
});
|
||||
|
|
@ -16,6 +16,10 @@
|
|||
"ejson",
|
||||
"1.0.4"
|
||||
],
|
||||
[
|
||||
"fourseven:scss",
|
||||
"1.0.0"
|
||||
],
|
||||
[
|
||||
"geojson-utils",
|
||||
"1.0.1"
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -60,7 +60,7 @@
|
|||
// @extend .grid-block;
|
||||
// display:block;
|
||||
// padding:3px 8px;
|
||||
|
||||
|
||||
// white-space:nowrap;
|
||||
|
||||
// font-size:14px;
|
||||
|
|
@ -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{
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
}
|
||||
.cell{
|
||||
// display: table-cell;
|
||||
// vertical-align: middle;
|
||||
// vertical-align: middle;
|
||||
margin-right: $grid-margin;
|
||||
@include medium-large{
|
||||
@include flex-shrink(0);
|
||||
|
|
@ -40,7 +40,7 @@
|
|||
.left-modules{
|
||||
.inner{
|
||||
margin-left: $grid-margin;
|
||||
}
|
||||
}
|
||||
@include small{
|
||||
.inner{
|
||||
display: block;
|
||||
|
|
@ -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{
|
||||
|
|
@ -250,7 +250,7 @@
|
|||
}
|
||||
.post-rank{
|
||||
position: relative;
|
||||
span{
|
||||
span{
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:-60px;
|
||||
|
|
@ -268,23 +268,23 @@
|
|||
padding:$grid-padding - 5px 0;
|
||||
}
|
||||
.post-content{
|
||||
min-height:$grid-unit - 30px;
|
||||
min-height: $grid-unit - 30px;
|
||||
.post-sticky{
|
||||
display:block;
|
||||
position:absolute;
|
||||
right:-40px;
|
||||
top:16px;
|
||||
font-size:24px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: -40px;
|
||||
top: 16px;
|
||||
font-size: 24px;
|
||||
i{
|
||||
color:$light-text;
|
||||
color: $light-text;
|
||||
}
|
||||
span{
|
||||
display:none;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.post-heading{
|
||||
margin-bottom:3px;
|
||||
margin-bottom: 3px;
|
||||
line-height: 1.2;
|
||||
@include small{
|
||||
line-height: 1.5;
|
||||
|
|
@ -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{
|
||||
|
|
@ -450,7 +449,7 @@
|
|||
}
|
||||
.inner-table-cell{
|
||||
display: table-cell;
|
||||
vertical-align:middle;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -475,14 +474,14 @@
|
|||
}
|
||||
.post-heading{
|
||||
.post-title{
|
||||
display:block;
|
||||
display:block;
|
||||
margin-bottom:4px;
|
||||
}
|
||||
.post-domain{
|
||||
display:block;
|
||||
margin-bottom:4px;
|
||||
font-size:13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.post-meta{
|
||||
font-size:11px;
|
||||
|
|
|
|||
|
|
@ -1,23 +1,23 @@
|
|||
.share-options{
|
||||
position:absolute;
|
||||
@include small{
|
||||
.share-options {
|
||||
position: absolute;
|
||||
@include small {
|
||||
left: 0px;
|
||||
top: 75px;
|
||||
}
|
||||
@include medium-large{
|
||||
left:-180px;
|
||||
top:5px;
|
||||
@include medium-large {
|
||||
left: -180px;
|
||||
top: 5px;
|
||||
}
|
||||
padding: 10px;
|
||||
line-height: 1;
|
||||
a{
|
||||
a {
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
}
|
||||
@extend .popover;
|
||||
&.hidden{
|
||||
display:block;
|
||||
opacity:0;
|
||||
&.hidden {
|
||||
display: block;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
left:-160px;
|
||||
}
|
||||
|
|
@ -33,13 +33,13 @@
|
|||
&:after {
|
||||
border-color: rgba(255, 255, 255, 0);
|
||||
border-width: 10px;
|
||||
@include small{
|
||||
@include small {
|
||||
border-bottom-color: #ffffff;
|
||||
top: -20px;
|
||||
left: 50%;
|
||||
margin-left: -11px;
|
||||
}
|
||||
@include medium-large{
|
||||
@include medium-large {
|
||||
border-left-color: #ffffff;
|
||||
top: 20px;
|
||||
margin-top: -3px;
|
||||
|
|
@ -48,27 +48,27 @@
|
|||
&:before {
|
||||
border-color: rgba(0, 0, 0, 0);
|
||||
border-width: 11px;
|
||||
@include small{
|
||||
@include small {
|
||||
border-bottom-color: $red;
|
||||
top: -22px;
|
||||
left: 50%;
|
||||
margin-left: -12px;
|
||||
}
|
||||
@include medium-large{
|
||||
@include medium-large {
|
||||
border-left-color: $red;
|
||||
top: 20px;
|
||||
margin-top: -4px;
|
||||
}
|
||||
}
|
||||
.buttons{
|
||||
.buttons {
|
||||
@include cf;
|
||||
padding:15px 5px 5px 15px;
|
||||
.button{
|
||||
float:left;
|
||||
margin-right:10px;
|
||||
background:transparent;
|
||||
padding:0px;
|
||||
height:100%;
|
||||
padding: 15px 5px 5px 15px;
|
||||
.button {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
background: transparent;
|
||||
padding: 0px;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
.user-profile {
|
||||
.user-avatar{
|
||||
height:80px;
|
||||
width:80px;
|
||||
display:block;
|
||||
@include border-radius(80px);
|
||||
.user-avatar {
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
display: block;
|
||||
border-radius: 80px;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
@import "modules/share";
|
||||
|
|
@ -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'
|
||||
);
|
||||
|
||||
});
|
||||
|
|
@ -16,6 +16,10 @@
|
|||
"ejson",
|
||||
"1.0.4"
|
||||
],
|
||||
[
|
||||
"fourseven:scss",
|
||||
"1.0.0"
|
||||
],
|
||||
[
|
||||
"geojson-utils",
|
||||
"1.0.1"
|
||||
|
|
|
|||
6
scss.json
Normal file
6
scss.json
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
{
|
||||
"enableAutoprefixer": true,
|
||||
"outputStyle": "compressed",
|
||||
"sourceComments": true,
|
||||
"sourceMap": true
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue