72 lines
1.0 KiB
SCSS
72 lines
1.0 KiB
SCSS
// Place all the styles related to the recipes controller here.
|
|
// They will automatically be included in application.css.
|
|
// You can use Sass (SCSS) here: http://sass-lang.com/
|
|
|
|
div.table_tags {
|
|
width: 275px;
|
|
}
|
|
|
|
@mixin editor {
|
|
|
|
@extend .well;
|
|
@extend .well-sm;
|
|
|
|
margin-bottom: 10px;
|
|
padding-top: 4px;
|
|
|
|
.form-group {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.remove-button {
|
|
@extend .btn;
|
|
@extend .btn-danger;
|
|
@extend .btn-sm;
|
|
|
|
position: absolute;
|
|
top: 0;
|
|
right: 9px;
|
|
}
|
|
}
|
|
|
|
div.ingredient-editor {
|
|
@include editor;
|
|
|
|
}
|
|
|
|
div#ingredient-list {
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
div#ingredient-list {
|
|
|
|
@media (min-width: $screen-md-min) {
|
|
.ingredient-editor .control-label {
|
|
display: none;
|
|
}
|
|
|
|
.ingredient-editor:first-child .control-label {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
}
|
|
|
|
div.recipe-view {
|
|
|
|
.source {
|
|
@extend .col-xs-6;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.ingredients div {
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
.steps div {
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
li.checked {
|
|
text-decoration: line-through;
|
|
}
|
|
} |