Spaces:
Runtime error
Runtime error
| body { | |
| background-color: #fff; | |
| } | |
| .font-title { | |
| font-family: 'Poppins', sans-serif ; | |
| } | |
| .font-body { | |
| font-family: 'Montserrat', sans-serif ; | |
| } | |
| .text-bold { | |
| font-weight: normal ; | |
| } | |
| .text-bold { | |
| font-weight: bold ; | |
| } | |
| .fullScreenFrame > div { | |
| display: flex; | |
| justify-content: center; | |
| } | |
| .comma:not(:empty) ~ .comma:not(:empty):before { | |
| content: ", "; | |
| } | |
| .strong { | |
| font-weight: bold; | |
| } | |
| .d-block { | |
| display: block; | |
| } | |
| .extra-info { | |
| font-weight: normal; | |
| font-style: italic; | |
| font-size: small; | |
| } | |
| .contributors { | |
| margin-bottom: 10px; | |
| border-bottom: 1px solid #f3f3f3; | |
| padding-bottom: 10px; | |
| } | |
| .contributors a.contributor { | |
| text-decoration: none; | |
| color: #585858; | |
| } | |
| .contributors a.contributor:hover { | |
| text-decoration: underline; | |
| } | |
| .story-box { | |
| overflow-y: scroll; | |
| max-height: 240px; | |
| } | |
| .story-box p { | |
| font-size: 0.85rem; | |
| } | |
| .story-box pre { | |
| font-size: 0.6rem; | |
| } | |
| .r-text-recipe { | |
| /* padding-left: 30px; | |
| margin-left: 10px;*/ | |
| border-right: 1px dashed #eee; | |
| } | |
| .divider { | |
| margin: 5px 0; | |
| width: 400px; | |
| max-width: 100%; | |
| position:relative; | |
| } | |
| .divider-mask { | |
| overflow: hidden; | |
| height: 20px; | |
| } | |
| .divider-mask:after { | |
| content: ''; | |
| display: block; | |
| width: 170px; | |
| height: 0px; | |
| border-bottom: 2px solid #e9a726; | |
| border-radius: 10px; | |
| left: 0px; | |
| } | |
| .r-text-recipe .food-title { | |
| text-align: left; | |
| } | |
| .r-text-recipe .food-title img { | |
| max-width: 300px; | |
| float: left; | |
| margin-right: 30px; | |
| margin-bottom: 30px; | |
| } | |
| .r-text-recipe .food-title h2 { | |
| } | |
| .ingredients {} | |
| .ingredients-list { | |
| columns: 2; | |
| -webkit-columns: 2; | |
| -moz-columns: 2; | |
| } | |
| .directions { | |
| clear: both; | |
| float: none; | |
| padding-top: 20px; | |
| display: block; | |
| } | |
| .directions-list {} | |
| @media only screen and (max-width: 600px) { | |
| .r-text-recipe { | |
| border-right: 0; | |
| border-bottom: 1px dashed #eee; | |
| } | |
| .r-text-recipe .food-title img { | |
| max-width: 200px; | |
| } | |
| .directions { | |
| padding-top: 0px; | |
| } | |
| .ingredients-list { | |
| columns: 1; | |
| -webkit-columns: 1; | |
| -moz-columns: 1; | |
| } | |
| } |