songtianlun
d795de6aa1
- Add cssbundling-rails and jsbundling-rails gems for improved asset management. - Create a Procfile for development with separate processes for CSS and JS. - Remove unused jQuery and Bootstrap assets from the application. - Update .gitignore to exclude build artifacts and node_modules. These changes streamline the asset pipeline, allowing for better organization and performance in handling CSS and JS files. The removal of unused assets reduces clutter and potential conflicts in the asset management process.
177 lines
2.3 KiB
SCSS
177 lines
2.3 KiB
SCSS
|
|
|
|
/* color */
|
|
$light-gray: #777;
|
|
|
|
/* universal */
|
|
body {
|
|
padding-top: 60px;
|
|
}
|
|
section {
|
|
overflow: auto;
|
|
}
|
|
textarea {
|
|
resize: vertical;
|
|
}
|
|
.center {
|
|
text-align: center;
|
|
h1 {
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
|
|
/* typography */
|
|
h1, h2, h3, h4, h5, h6 {
|
|
line-height: 1;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 3em;
|
|
letter-spacing: -2px;
|
|
margin-bottom: 30px;
|
|
text-align: center;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.2em;
|
|
letter-spacing: -1px;
|
|
margin-bottom: 30px;
|
|
text-align: center;
|
|
font-weight: normal;
|
|
color: $light-gray;
|
|
}
|
|
|
|
p {
|
|
font-size: 1.1em;
|
|
line-height: 1.7em;
|
|
}
|
|
|
|
/* header */
|
|
#logo {
|
|
float: left;
|
|
margin-right: 10px;
|
|
font-size: 1.7em;
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
letter-spacing: -1px;
|
|
padding-top: 9px;
|
|
font-weight: bold;
|
|
&:hover {
|
|
color: $light-gray;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
//img {
|
|
// display: none;
|
|
//}
|
|
|
|
/* footer */
|
|
footer {
|
|
margin-top: 45px;
|
|
padding-top: 5px;
|
|
border-top: 1px solid #eaeaea;
|
|
color: $light-gray;
|
|
a {
|
|
color: #555;
|
|
&hover {
|
|
color: #222;
|
|
}
|
|
}
|
|
small {
|
|
float: left;
|
|
}
|
|
ul {
|
|
float: right;
|
|
list-style: none;
|
|
li {
|
|
float: left;
|
|
margin-left: 15px;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* mixins, variables, etc. */
|
|
$gray-medium-light: #eaeaea;
|
|
|
|
@mixin box_sizing {
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* miscellaneous */
|
|
.debug_dump {
|
|
clear: both;
|
|
float: left;
|
|
width: 100%;
|
|
margin-top: 45px;
|
|
@include box-sizing;
|
|
}
|
|
|
|
/* sidebar */
|
|
aside {
|
|
section.user_info {
|
|
margin-top: 20px;
|
|
}
|
|
section {
|
|
padding: 10px 0;
|
|
margin-top: 20px;
|
|
&:first-child {
|
|
border: 0;
|
|
padding-top: 0;
|
|
}
|
|
span{
|
|
display: block;
|
|
margin-bottom: 3px;
|
|
line-height: 1;
|
|
}
|
|
h1 {
|
|
font-size: 1.4em;
|
|
text-align: left;
|
|
letter-spacing: -1px;
|
|
margin-bottom: 3px;
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.gravatar {
|
|
float: left;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.gravatar_edit {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
/* forms */
|
|
input, textarea, select, .uneditable-input {
|
|
border: 1px solid #bbb;
|
|
width: 100%;
|
|
margin-bottom: 15px;
|
|
@include box_sizing;
|
|
}
|
|
|
|
input {
|
|
height: auto !important;
|
|
}
|
|
|
|
/* forms */
|
|
|
|
#error_explanation {
|
|
color: red;
|
|
ul {
|
|
color: red;
|
|
margin: 0 0 30px 0;
|
|
}
|
|
}
|
|
|
|
.field_with_errors {
|
|
//@extend .has-error;
|
|
.form-control {
|
|
//color: $state-danger-text;
|
|
}
|
|
}
|
|
|