If you love a good kale salad with orange then you will adore this recipe. This bright and sunny salad includes chopped raw kale, crunchy bread crumbs, avocado and feta. In addition to orange segments, I also used fresh grapefruit and lemon vinaigrette for three citrus fruits all in one delicious kale salad recipe!
Table of contents
- Recipe Highlights for Kale Salad with Orange
- Ingredient Notes For Kale Salad with Citrus
- How To Make Kale Orange Salad with Feta and Breadcrumbs
- Serving Suggestions For Orange Kale Salad
- Variations To Try
- Make Ahead Instructions For Kale Salad with Orange
- How To Supreme and Orange or Segment Citrus Fruit
- More Winter Salads and Kale Recipes To Try
Recipe Highlights for Kale Salad with Orange
- Classic Flavors: You can’t go wrong with a classic combination of kale and orange in a salad recipe. We added in a few usual suspects, including feta cheese and avocado.
- Crunchy Sourdough Bread Crumbs: We amped up the crunch factor with delicious homemade skillet breadcrumbs, which are sortof a fun variation of homemade croutons. They cling to every nook and cranny of the kale and soak up any extra lemony dressing and all the juices from the orange and grapefruit.
- Fast and Easy: Ready in less than 30 minutes and we have a few make-ahead tips to make it even easier!
- Vegetarian: Serve it with your favorite meatless burger for a Meatless Monday or flexitarian menu.
- Versatile: Can be adapted to a variety of innovations and goes with fish, chicken and other family-friendly main course recipes.
More Kale Salad Recipes
Do you love kale salad? We do too. So make sure to check out more of our healthy seasonal recipes!
Massaged Kale Salad with Apple
Lacinato Kale Caesar Salad
Kale and Shaved Brussels Sprouts Salad
Kale Salad with Blueberries, Manchego and Pumpkin Seed Clusters
Festive Kale Slaw with Raspberries and Almonds
Thanksgiving Salad
Overnight Kale Caesar
Southwest Cobb Salad
Ingredient Notes For Kale Salad with Citrus
- Kale leaves: You’ll need about a half of a large bunch of kale for this recipe. Regular curly kale with the stems removed or Lacinato kale work equally well. Chop it up nicely.
- Citrus: This kale salad is all about the citrus! You can either use two large oranges or one orange and one grapefruit like I did today. You’ll also need a lemon for the dressing. Feel free to use clementines tangerine or another variety of citrus fruit in this salad. It works with them all!
- Feta: Feta and orange compliment each other in kale salad. If you like goat cheese better than feta swap that in.
- Avocado: Another seasonal favorite is avocado. It adds creaminess to the rustic breadcrumbs and raw kale.
- Skillet Breadcrumbs: For the rustic sourdough breadcrumbs you’ll need a couple slices of day old or stale sourdough bread. You’ll also need a clove of garlic and olive oil to make them.
For The Kale Salad Dressing:
- You’ll need extra-virgin olive oil, lemon juice, shallot, salt and pepper for the dressing.
- We also added in lemon and orange zest for more citrus flavor!
- We found the lemon to be too bracing so I added in a little honey to help mellow it out. It doesn’t taste sweet, but it helps to make the dressing less sour.
- If you like a little dijon mustard in your salad dressing, add in one or two teaspoons.
How To Make Kale Orange Salad with Feta and Breadcrumbs
Step 1: Make Breadcrumbs
Tear bread into a few pices and place in a food processor fitted with a steel blade attachment. Pulse several times to chop into large chunky breadcrumbs.
Step 2: Toast Breadcrumbs in Skillet
Heat 3 tablespoons oil and smashed garlic in a medium skillet over medium heat until shimmering hot but not smoking. Add bread, and cook, stirring often. Reduce heat if necessary if it starts to smoke, and continue cooking until the breadcrumbs are browned and the garlic is toasted, 4 to 6 minutes. Transfer to a plate to cool.
Step 3: Make Kale Salad Dressing
Whisk lemon zest, orange zest, lemon juice, honey, shallot, salt and pepper in a medium bowl.
Step 4: Assemble Salad and Toss with Dressing
Combine kale, orange segments, grapefruit, avocado and feta in a salad bowl. Pour dressing over the salad and gently toss to coat.
Step 5: Add Breadcrumbs and Serve
Add the breadcrumbs and toss again. Serve immediately with avocado.
Serving Suggestions For Orange Kale Salad
- Chicken: This salad is bold and goes great with roasted meats like Roast Chicken, or my family’s favorite Crispy Baked Chicken Thighs. Our Dutch Oven Roast Chicken is another Sunday Supper to pair this with.
- Pork: We love the savory and sweet combination of pork and citrus. Try this salad with Grilled Pork Tenderloin, my skillet Apple and Pork Tenderloin dinner or Roast Pork Loin.
- Fish: Top with a crispy salmon filet or serve along side our new Baked Cod with Panko or with or Baked Salmon in Foil.
- Comfort Food Classics: Our Turkey Sloppy Joes or Turkey Lasagna are yummy with a salad on the side.
- Vegetarian: Top with oven-roasted portobello mushrooms or a veggie patty. Try this with our Mushroom Pizza or Brown Rice Risotto with Pumpkin or this Mediterranean Lavash Wrap with roasted veggies inside.
Variations To Try
- Experiment with Other Citrus: We used one grapefruit and one orange, but you could use either or. Also try with blood orange or cara cara oranges. Use clementines, tangerines or tangelos.
- Add Nuts: We like pepitas or sunflower seeds or toasted nuts in a kale salad. Try spiced pecans or toasted sliced almonds.
- Dressing: If you want to experiment with the dressing there are so many ways you could go. Our most popular dressings are this Lemon Vinaigrette Recipe and this Apple Cider Vinegar Salad Dressing. You can check out more salad dressing ideas here.
- Add Beets: We almost added beets to this recipe, but held back so we could let this be all about the citrus, but beets would be amazing in this too! If you have leftover roast beets add them on. And while we’re at it add on a little pickled red onion.
Make Ahead Instructions For Kale Salad with Orange
Wash and cut kale, and supreme the oranges up to 3 days in advance. Combine the dressing ingredients in a jar. Keep all the ingredients refrigerated. Add avocado, cherry tomatoes and dressing before serving.
How To Supreme and Orange or Segment Citrus Fruit
Supreming citrus fruit means removing all the white pith. You can also watch my video of how to supreme an orange if you want more detail! Here is the quick version of how to do it:
- Before you begin, remove the zest of the orange.
- Carefully slice off the citrus peel, then hold the citrus fruit in your hand or rest it against the cutting board.
- Carefully slice between each thin layer of skin/pith to remove the citrus fruit slices.
More Winter Salads and Kale Recipes To Try
- Don’t miss our Chopped Salad with Chicken, Blackened Salmon Salad or this Chopped Winter Salad if you are looking for a hearty winter weather salad recipe.
- Try this Kale Mac and Cheese or Kale Bread with Feta if you are looking for an offbeat way of using kale
- We love Sauteed Kale with a splash of vinegar, and this sweet and tangy Kale with Balsamic and Cranberries is another variation.
Thanks so much for reading! If you are new here, you may want to sign up for my email newsletter to get a free weekly menu plan and the latest recipes right to your inbox. If you make this recipe, please come back and leave a star rating and review. I would love to hear what you thought!
Happy Cooking! ~Katie
.tasty-recipes-print-button{background-color:#667;border:none;display:inline-block;padding:.5em 1em;text-decoration:none}body:not(.tasty-recipes-print-view) .tasty-recipes-print-button.tasty-recipes-print-above-card{color:#fff;display:none}body:not(.tasty-recipes-print-view) .tasty-recipes-print-button.tasty-recipes-print-above-card:hover{background-color:#b2b2bb;color:#fff;display:inline-block;padding:.5em 1em;text-decoration:none}.tasty-recipes-image-button-container{display:flex;flex-direction:column;flex-wrap:wrap;float:right;margin-left:10px}body.tasty-recipes-print-view .tasty-recipes-buttons,body.tasty-recipes-print-view .tasty-recipes-cook-mode{display:none}.tasty-recipes-image-button-container .tasty-recipes-buttons{margin-bottom:10px;margin-top:10px}.tasty-recipes-image-button-container .tasty-recipes-button-wrap{box-sizing:border-box;margin-bottom:10px}.tasty-recipes-image-button-container .tasty-recipes-buttons a,.tasty-recipes-quick-links a.button{background-color:#f9f9f9;background-color:var(–tr-button-color,#f9f9f9);border:1px solid #aaa;border-color:var(–tr-button-color,#aaa);border-radius:0;color:#aaa;color:var(–tr-button-text-color,#aaa);cursor:pointer;display:block;font-size:16px;font-weight:700;line-height:16px;margin-top:0;padding:8px;text-align:center;text-decoration:none;text-transform:uppercase}.tasty-recipes-quick-links{align-items:center;display:flex;gap:.625em;justify-content:center;margin-bottom:1em}.tasty-recipes-quick-links a.button{display:inline-block;margin:0}.tasty-recipes-quick-links a.button+span{display:none}.tasty-recipes-entry-content .tasty-recipes-buttons a:hover,.tasty-recipes-image-button-container .tasty-recipes-buttons .button:hover,.tasty-recipes-quick-links a.button:hover{background-color:var(–tr-button-text-color,#aaa);color:var(–tr-button-color,#f9f9f9);text-decoration:none}.tasty-recipes-image-button-container .tasty-recipes-buttons .button:hover{opacity:1}.tasty-recipes-image-button-container .tasty-recipes-buttons a:hover{background-color:#979599;text-decoration:none}.tasty-recipes-image-button-container .tasty-recipes-buttons svg{display:none}.tasty-recipes-yield-scale{border:1px solid #979599;border-radius:2px;color:#979599;font-size:.7rem;margin-left:3px;padding:0 4px}.tasty-recipes-units-scale-container{display:flex;flex-wrap:wrap}.tasty-recipes-convert-container{padding:0 1em 1em 0}.tasty-recipes-convert-container .tasty-recipes-convert-label{align-self:center;color:#979599;font-size:.6rem;text-transform:uppercase}.tasty-recipes-convert-container button{background:transparent;border:1px solid #353547;border-radius:2px;color:#353547;letter-spacing:0;margin-left:5px;min-width:34px;padding:2px 4px;text-align:center}.tasty-recipes-convert-container button.tasty-recipes-convert-button-active{background-color:#000;border-color:#000;color:#fff}.tasty-recipes-convert-container button:focus{outline:none}.tasty-recipes-scale-container{display:flex;padding:0 0 1em}.tasty-recipes-scale-container .tasty-recipes-scale-label{align-self:center;color:#979599;font-size:.6rem;text-transform:uppercase}.tasty-recipes-scale-container button{background:transparent;border:1px solid #353547;border-radius:2px;color:#353547;cursor:pointer;letter-spacing:0;margin-left:5px;min-width:34px;padding:2px 4px}.tasty-recipes-scale-container button.tasty-recipes-scale-button-active{background-color:#000;border-color:#000;color:#fff}.tasty-recipes-scale-container button:focus{outline:none}.tasty-recipes-ingredients-header{margin:1em 0}@media only screen and (min-width:520px){.tasty-recipes-ingredients-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}}.tasty-recipes-ingredients-header .tasty-recipes-ingredients-clipboard-container{align-items:baseline;display:inline-flex}.tasty-recipes-ingredients-header h3{margin:0 10px 10px 0}.tasty-recipes-ingredients-clipboard-container .tasty-recipes-copy-button{background:transparent;border:none;color:#353547;height:24px;padding:0;position:relative;width:24px}.tasty-recipes-ingredients-clipboard-container .tasty-recipes-copy-button:hover{opacity:.5}.tasty-recipes-instructions-header{align-items:baseline;display:flex;flex-wrap:wrap;justify-content:space-between;margin:1em 0}.tasty-recipes-entry-content .tasty-recipes-instructions h3{margin:0 0 1rem}@media only screen and (min-width:520px){.tasty-recipes-entry-content .tasty-recipes-instructions h3{margin:0}}button[name=tasty-recipes-video-toggle]{background:#979599;border:#979599;border-radius:2px;display:inline-block;font-size:14px;height:30px;line-height:20px;margin:0;padding:0;text-align:center;vertical-align:middle;width:86px}button[name=tasty-recipes-video-toggle] span{padding:0 4px;pointer-events:none}button[name=tasty-recipes-video-toggle][aria-checked=false] :last-child,button[name=tasty-recipes-video-toggle][aria-checked=true] :first-child{background:#fff;border-radius:2px;color:#979599;padding:2px 4px}button[name=tasty-recipes-video-toggle][aria-checked=false] :first-child,button[name=tasty-recipes-video-toggle][aria-checked=true] :last-child{color:#fff}label[for=tasty-recipes-video-toggle]{color:#979599;font-size:.6rem;line-height:30px;padding-right:8px;text-transform:uppercase;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;vertical-align:middle}.tasty-recipe-responsive-iframe-container{margin:10px 0}.tasty-recipes-equipment{display:flex;flex-wrap:wrap;justify-content:space-evenly}.tasty-recipes-equipment>h3{flex:0 0 100%}.tasty-recipes-equipment .tasty-link-card{flex:0 0 50%;padding:1.5rem 1rem;text-align:center}@media screen and (min-width:500px){.tasty-recipes-equipment .tasty-link-card{flex:0 0 33%}}.tasty-recipes-equipment .tasty-link-card p{font-size:1em;font-weight:700;margin-bottom:0}.tasty-recipes-equipment .tasty-link-card p a{color:initial}.tasty-recipes-equipment .tasty-link-card span{font-size:.9em}.tasty-recipes .tasty-recipes-nutrition ul{list-style-type:none;margin:0;padding:0}.tasty-recipes .tasty-recipes-nutrition ul:after{clear:both;content:” “;display:block}.tasty-recipes .tasty-recipes-nutrition li{float:left;list-style-type:none;margin-bottom:0;margin-left:0;margin-right:16px}.tasty-recipes-plug{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:1em;text-align:center}.tasty-recipes-plug a{box-shadow:none;text-decoration:none}.tasty-recipes-plug a img{background:transparent;box-shadow:none;display:inline-block;height:auto;margin:5px 0 0 8px;padding:0;width:150px}.tasty-recipes-footer-content{padding:1.5em;text-align:center}.tasty-recipes-footer-content .tasty-recipes-footer-copy{margin-left:0}.tasty-recipes-footer-content img,.tasty-recipes-footer-content svg{width:60px}.tasty-recipes-entry-content .tasty-recipes-entry-footer h3{font-size:1.25em;margin:0 0 .25em;padding:0}.tasty-recipes-entry-footer p{font-size:.75em;margin:0}.tasty-recipes-entry-footer p a{border-bottom:none;box-shadow:none;text-decoration:underline}.tasty-recipes-flash-message{background-color:#fff;border-radius:4px;box-shadow:0 .3px .4px 0 rgba(0,0,0,.024),0 .9px 1.5px 0 rgba(0,0,0,.05),0 3.5px 6px 0 rgba(0,0,0,.1);color:#313135;display:inline-block;font-size:13px;letter-spacing:0;line-height:1.2em;margin-left:10px;padding:4px 10px}@media screen and (min-width:500px){.tasty-recipes-flash-message{padding:4px 10px}}.tasty-recipes-flash-message p{margin:0;padding:0;text-transform:none}@media screen and (min-width:500px){.tasty-recipes-footer-content{align-items:center;display:flex;justify-content:center;padding:1.5em 0;text-align:left}.tasty-recipes-footer-content .tasty-recipes-footer-copy{margin-left:.8em}}@media print{.tasty-recipes-no-print,.tasty-recipes-no-print *{display:none!important}}[data-tr-ingredient-checkbox]{cursor:pointer;list-style-position:outside;list-style-type:none!important;margin-left:0!important}[data-tr-ingredient-checkbox] .tr-ingredient-checkbox-container{position:relative}[data-tr-ingredient-checkbox] .tr-ingredient-checkbox-container input[type=checkbox]+label{display:inline-block;position:relative;vertical-align:middle}[data-tr-ingredient-checkbox] .tr-ingredient-checkbox-container input[type=checkbox]{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}[data-tr-ingredient-checkbox] .tr-ingredient-checkbox-container input[type=checkbox]+label:before{border:1px solid;border-radius:2px;content:””;display:inline-block;height:20px;margin-right:10px;position:relative;width:20px}[data-tr-ingredient-checkbox] .tr-ingredient-checkbox-container input[type=checkbox]:checked+label:after{border-bottom:2px solid;border-left:2px solid;content:””;display:inline-block;height:6px;left:4px;position:absolute;top:4px;transform:rotate(-45deg);width:12px}[data-tr-ingredient-checkbox] .tr-ingredient-checkbox-container input[type=checkbox]:focus+label:before{box-shadow:0 0 8px #5e9ed6;outline:1px solid #5d9dd5}[data-tr-ingredient-checkbox=checked]{opacity:.8;text-decoration:line-through}.tasty-recipes-cook-mode__container{align-items:center;display:flex;line-height:100%}.tasty-recipes-cook-mode__container label{font-size:inherit}.tasty-recipes-cook-mode__switch{display:inline-block;height:17px;margin-right:10px;position:relative;width:30px}.tasty-recipes-cook-mode__switch-slider{background-color:#737373;bottom:0;cursor:pointer;display:block;left:0;opacity:.4;position:absolute;right:0;top:0;transition:.4s}.tasty-recipes-cook-mode__switch-slider:before{background-color:#fff;bottom:2px;content:””;height:13px;left:2px;position:absolute;transition:.4s;width:13px}.tasty-recipes-cook-mode__switch input{display:none}.tasty-recipes-cook-mode__switch input:checked+span{opacity:1}.tasty-recipes-cook-mode__switch input:checked+span:before{transform:translateX(13px)}.tasty-recipes-cook-mode__switch-round{border-radius:34px}.tasty-recipes-cook-mode__switch-round:before{border-radius:50%}.tasty-recipes-cook-mode__label{font-weight:700}@media only screen and (max-width:767px){#shop-with-instacart-v1{transform:scale(.75);transform-origin:top left}}/* Bold recipe card styles. */ .tasty-recipes{border:5px solid #667;margin-top:6em;margin-bottom:4em}.tasty-recipes.tasty-recipes-has-plug{margin-bottom:1em}.tasty-recipes-plug{margin-bottom:4em}.tasty-recipes-print-button{display:none}.tasty-recipes-image-shim{height:69.5px;clear:both}.tasty-recipes-entry-header{background-color:#667;color:#fff;text-align:center;padding-top:35px;padding-bottom:1.5em;padding-left:2.5em;padding-right:2.5em}.tasty-recipes-entry-header.tasty-recipes-has-image{padding-top:0px}.tasty-recipes-entry-header .tasty-recipes-image{float:none;text-align:center;transform:translateY(-115px);margin-bottom:1em;/* Decide if we need this */}.tasty-recipes-entry-header .tasty-recipes-image img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:5px solid #667;height:150px;width:150px;display:inline-block;object-fit:cover}.tasty-recipes-entry-header h2{font-size:2em;font-weight:400;text-transform:lowercase;margin-bottom:0;text-align:center;color:#fff;margin-top:0;padding-top:0;padding-bottom:0}.tasty-recipes-has-image .tasty-recipes-entry-header h2{margin-top:-115px}.tasty-recipes-entry-header hr{border:1px solid #b7bbc6;background-color:#b7bbc6;margin-bottom:1em;margin-top:1em}.tasty-recipes-entry-header div.tasty-recipes-rating{text-decoration:none;border:none;display:block;font-size:1.375em}.tasty-recipes-entry-header .tasty-recipes-rating:hover{text-decoration:none}.tasty-recipes-entry-header .tasty-recipes-rating p{margin-bottom:0}.tasty-recipes-no-ratings-buttons .unchecked,.tasty-recipes-no-ratings-buttons .checked,.tasty-recipes-entry-header span.tasty-recipes-rating{color:#fff;color:var(–tr-star-color,#fff)}.tasty-recipes-entry-header .rating-label{font-style:italic;color:#b7bbc6;font-size:0.6875em;display:block}.tasty-recipes,.tasty-recipes-ratings{–tr-star-size:0.97em!important;–tr-star-margin:0.5em!important}.tasty-recipes-entry-header .tasty-recipes-details{margin-top:1em}.tasty-recipes-entry-header .tasty-recipes-details ul{list-style-type:none;margin:0}.tasty-recipes-entry-header .tasty-recipes-details ul li{display:inline-block;margin-left:0.5em;margin-right:0.5em;font-size:1em;line-height:2.5em;color:#fff}@media only screen and (max-width:520px){.tasty-recipes-entry-header .tasty-recipes-details .detail-icon{height:0.8em;margin-top:0.4em}.tasty-recipes-entry-header .tasty-recipes-details ul li{font-size:0.875em;line-height:1.75em}}@media only screen and (min-width:520px){.tasty-recipes-entry-header .tasty-recipes-details .detail-icon{height:1em;margin-top:0.6em}.tasty-recipes-entry-header .tasty-recipes-details ul li{font-size:1em;line-height:2.5em}}.tasty-recipes-entry-header .tasty-recipes-details .tasty-recipes-label{font-style:italic;color:#b7bbc6;margin-right:0.125em}.tasty-recipes-entry-header .tasty-recipes-details .detail-icon{vertical-align:top;margin-right:0.2em;display:inline-block;color:#FFF}.tasty-recipes-entry-header .tasty-recipes-details .author a{color:inherit;text-decoration:underline}.tasty-recipes-entry-content{padding-top:1.25em}.tasty-recipes-entry-content .tasty-recipes-buttons{margin-bottom:1.25em;margin-left:1.25em;margin-right:1.25em}.tasty-recipes-entry-content .tasty-recipes-buttons:after{content:’ ‘;display:block;clear:both}.tasty-recipes-entry-content .tasty-recipes-button-wrap{width:50%;display:inline-block;float:left;box-sizing:border-box}.tasty-recipes-quick-links a.button,.tasty-recipes-entry-content .tasty-recipes-buttons a{text-transform:uppercase;text-align:center;display:block;color:#fff;color:var(–tr-button-text-color,#fff);background-color:#667;background-color:var(–tr-button-color,#666677);font-size:1em;line-height:1.375em;padding:1em;font-weight:bold;margin-top:0;border:none;border-radius:0;text-decoration:none}.tasty-recipes-quick-links a.button{display:inline-block}.tasty-recipes-entry-content a img{box-shadow:none;-webkit-box-shadow:none}.tasty-recipes-quick-links a.button:hover,.tasty-recipes-entry-content .tasty-recipes-buttons a:hover{border:none}.tasty-recipes-entry-content .tasty-recipes-buttons img{vertical-align:top}.tasty-recipes-entry-content .tasty-recipes-buttons .svg-print,.tasty-recipes-entry-content .tasty-recipes-buttons .svg-pinterest,.tasty-recipes-entry-content .tasty-recipes-buttons .svg-heart-regular,.tasty-recipes-entry-content .tasty-recipes-buttons .svg-heart-solid{height:1.25em;margin-right:0.375em;margin-bottom:0;background:none;display:inline-block;vertical-align:middle}@media only screen and (min-width:520px){.tasty-recipes-entry-content .tasty-recipes-button-wrap:first-child{padding-right:0.625em}.tasty-recipes-entry-content .tasty-recipes-button-wrap:last-child{padding-left:0.625em}}@media only screen and (max-width:520px){.tasty-recipes-entry-content .tasty-recipes-button-wrap{width:100%}.tasty-recipes-entry-content .tasty-recipes-button-wrap:nth-child(2){padding-top:1em}}.tasty-recipes-entry-content h3{text-transform:uppercase;font-size:0.75em;color:#979599;margin:1.5em 0}.tasty-recipes-ingredients-header,.tasty-recipes-instructions-header{margin:1.5em 0}.tasty-recipes-entry-content h4{font-size:1em;padding-top:0;margin-bottom:1.5em;margin-top:1.5em}.tasty-recipes-entry-content hr{background-color:#eae9eb;border:1px solid #eae9eb;margin-top:1em;margin-bottom:1em}.tasty-recipes-entry-content .tasty-recipes-description,.tasty-recipes-entry-content .tasty-recipes-ingredients,.tasty-recipes-entry-content .tasty-recipes-instructions,.tasty-recipes-entry-content .tasty-recipes-keywords{padding-left:1.25em;padding-right:1.25em}.tasty-recipes-entry-content .tasty-recipes-description h3{display:none}.tasty-recipes-entry-content .tasty-recipes-description p{margin-bottom:1em}.tasty-recipes-entry-content .tasty-recipes-ingredients ul,.tasty-recipes-entry-content .tasty-recipes-instructions ul{list-style-type:none;margin-left:0;margin-bottom:1.5em;padding:0}.tasty-recipes-entry-content .tasty-recipes-ingredients ul li,.tasty-recipes-entry-content .tasty-recipes-instructions ul li{margin-bottom:0.625em;list-style-type:none;position:relative;margin-left:1.5em;line-height:1.46}.tasty-recipes-entry-content .tasty-recipes-ingredients ul li:before,.tasty-recipes-entry-content .tasty-recipes-instructions ul li:before{background-color:#667;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:0.5em;width:0.5em;display:block;content:’ ‘;left:-1.25em;top:0.375em;position:absolute}.tasty-recipes-entry-content .tasty-recipes-ingredients ol,.tasty-recipes-entry-content .tasty-recipes-instructions ol{counter-reset:li;margin-left:0;padding:0}.tasty-recipes-entry-content .tasty-recipes-ingredients ol>li,.tasty-recipes-entry-content .tasty-recipes-instructions ol>li{list-style-type:none;position:relative;margin-bottom:1em;margin-left:1.5em;line-height:1.46}.tasty-recipes-entry-content .tasty-recipes-ingredients ol>li:before,.tasty-recipes-entry-content .tasty-recipes-instructions ol>li:before{content:counter(li);counter-increment:li;position:absolute;background-color:#667;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:1.45em;width:1.45em;color:#fff;left:-1.25em;transform:translateX(-50%);line-height:1.5em;font-size:0.6875em;text-align:center;top:0.1875em}.tasty-recipes-entry-content .tasty-recipes-ingredients li li,.tasty-recipes-entry-content .tasty-recipes-instructions li li{margin-top:0.625em}.tasty-recipes-entry-content .tasty-recipes-ingredients li ul,.tasty-recipes-entry-content .tasty-recipes-ingredients li ol,.tasty-recipes-entry-content .tasty-recipes-instructions li ul,.tasty-recipes-entry-content .tasty-recipes-instructions li ol{margin-bottom:0}.tasty-recipes-entry-content .tasty-recipes-equipment{padding-left:1.25em;padding-right:1.25em}.tasty-recipes-entry-content .tasty-recipe-video-embed~.tasty-recipes-equipment{padding-top:1em}.tasty-recipes-entry-content .tasty-recipes-notes{padding:1.25em;background-color:#edf0f2}.tasty-recipes-entry-content .tasty-recipes-notes ol{counter-reset:li;margin-left:0;padding:0}.tasty-recipes-entry-content .tasty-recipes-notes ul{margin-left:0;padding:0}.tasty-recipes-entry-content .tasty-recipes-notes p,.tasty-recipes-entry-content .tasty-recipes-notes ul,.tasty-recipes-entry-content .tasty-recipes-notes ol{background-color:#fff;padding-bottom:1.25em;margin-bottom:1.5em;position:relative;-webkit-clip-path:polygon(20px 0,100% 0,100% 100%,0 100%,0 20px);clip-path:polygon(20px 0,100% 0,100% 100%,0 100%,0 20px)}@media only screen and (min-width:520px){.tasty-recipes-entry-content .tasty-recipes-notes p,.tasty-recipes-entry-content .tasty-recipes-notes ul,.tasty-recipes-entry-content .tasty-recipes-notes ol{padding-left:1.5625em;padding-right:1.5625em;padding-top:1.25em}.tasty-recipes-entry-content .tasty-recipes-notes ul,.tasty-recipes-entry-content .tasty-recipes-notes ol{margin-left:2em}}.tasty-recipes-entry-content .tasty-recipes-notes p,.tasty-recipes-entry-content .tasty-recipes-notes ul li,.tasty-recipes-entry-content .tasty-recipes-notes ol li{padding-left:2.5em}.tasty-recipes-entry-content .tasty-recipes-notes ul li,.tasty-recipes-entry-content .tasty-recipes-notes ol li{position:relative;list-style:none;padding-top:1em;margin-left:0;margin-bottom:0}.tasty-recipes-entry-content .tasty-recipes-notes p:before,.tasty-recipes-entry-content .tasty-recipes-notes ul li:before{content:’i’;display:block;background-color:#667;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:1.3em;width:1.3em;font-size:0.75em;line-height:1.3em;text-align:center;color:#fff;position:absolute;left:1.167em;top:1.9em}.tasty-recipes-entry-content .tasty-recipes-notes ol>li:before{content:counter(li);counter-increment:li;position:absolute;background-color:#667;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:1.45em;width:1.45em;color:#fff;left:2em;transform:translateX(-50%);line-height:1.5em;font-size:0.6875em;text-align:center;top:2em}.tasty-recipes-entry-content .tasty-recipes-notes p:last-child{margin-bottom:0}.tasty-recipes-entry-content .tasty-recipes-other-details{background-color:#edf0f2;padding:0 1.25em 1.25em}.tasty-recipes-entry-content .tasty-recipes-other-details ul{color:#667;display:flex;flex-wrap:wrap;font-size:0.85rem;list-style:none;margin-bottom:0}.tasty-recipes-entry-content .tasty-recipes-other-details ul li{margin:0 0.5rem;list-style:none}.tasty-recipes-entry-content .tasty-recipes-other-details ul li .tasty-recipes-label{font-style:italic}.tasty-recipes-entry-content .tasty-recipes-other-details .detail-icon{color:#667;vertical-align:top;margin-right:0.2em;display:inline-block}@media only screen and (max-width:520px){.tasty-recipes-entry-content .tasty-recipes-other-details .detail-icon{height:0.8em;margin-top:0.4em}.tasty-recipes-entry-content .tasty-recipes-other-details ul li{font-size:0.875em;line-height:1.75em}}@media only screen and (min-width:520px){.tasty-recipes-entry-content .tasty-recipes-other-details .detail-icon{height:1em;margin-top:0.8em}.tasty-recipes-entry-content .tasty-recipes-other-details ul li{font-size:1em;line-height:2.5em}}.tasty-recipes-entry-content .tasty-recipes-keywords{background-color:#edf0f2;padding-bottom:1em;padding-top:1em}.tasty-recipes-entry-content .tasty-recipes-keywords p{font-size:0.7em;font-style:italic;color:#979599;margin-bottom:0}.tasty-recipes-entry-content .tasty-recipes-keywords p span{font-weight:bold}.tasty-recipes-nutrifox{text-align:center;margin:0}.nutrifox-label{background-color:#edf0f2}.tasty-recipes-nutrifox iframe{width:100%;display:block;margin:0}.tasty-recipes-entry-content .tasty-recipes-nutrition{padding:1.25em;color:#667}.tasty-recipes-nutrition .tasty-recipes-label{font-style:italic;color:#b7bbc6;margin-right:0.125em;font-weight:400}.tasty-recipes-nutrition ul li{float:none;display:inline-block;line-height:2em;margin:0 10px 0 0}.tasty-recipes-entry-footer{background-color:#667}.tasty-recipes-entry-footer img,.tasty-recipes-entry-footer svg{color:#FFF}.tasty-recipes-entry-content .tasty-recipes-entry-footer h3{color:#fff}.tasty-recipes-entry-footer{color:#fff}.tasty-recipes-entry-footer:after{content:’ ‘;display:block;clear:both}/* Print view styles */ .tasty-recipes-print-view .tasty-recipe-video-embed,.tasty-recipes-print-view .tasty-recipes-other-details,.tasty-recipes-print .tasty-recipes-entry-header .tasty-recipes-details .detail-icon,.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-notes p:before,.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-notes ul li:before,.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-ingredients ul li:before,.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-ingredients ol li:before,.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-instructions ul li:before,.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-instructions ol li:before,.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-notes ol>li:before,.tasty-recipes-print .tasty-recipes-entry-footer img{display:none}.tasty-recipes-print-view{font-size:11px;background-color:#fff;line-height:1.5em}.tasty-recipes-print{padding:0}.tasty-recipes-print-view .tasty-recipes{margin-top:1em}.tasty-recipes-print-view .tasty-recipes-entry-content h3{font-size:1.2em;letter-spacing:0.1em;margin:0 0 10px 0}.tasty-recipes-print-view .tasty-recipes-ingredients-header,.tasty-recipes-print-view .tasty-recipes-instructions-header{margin:0}.tasty-recipes-print-view .tasty-recipes-ingredients,.tasty-recipes-print-view .tasty-recipes-instructions{padding:1.25em}.tasty-recipes-print .tasty-recipes-entry-header{background-color:inherit;color:inherit;padding:0;text-align:left}.tasty-recipes-print .tasty-recipes-entry-header .tasty-recipes-image{float:right;transform:none}.tasty-recipes-print.tasty-recipes-has-image .tasty-recipes-entry-header h2{margin-top:0;text-align:left}.tasty-recipes-print .tasty-recipes-entry-header h2{color:inherit;margin-bottom:0.5em}.tasty-recipes-print .tasty-recipes-entry-header hr{display:none}.tasty-recipes-print .tasty-recipes-entry-header span.tasty-recipes-rating{color:#000}.tasty-recipes-entry-header div.tasty-recipes-rating a{text-decoration:none}.tasty-recipes-entry-header div.tasty-recipes-rating p{margin-top:4px}.tasty-recipes-print .tasty-recipes-entry-header .tasty-recipes-details ul{padding:0;clear:none}.tasty-recipes-print .tasty-recipes-entry-header .tasty-recipes-details ul li{line-height:1.5em;color:#000;margin:0 10px 0 0}.tasty-recipes-print .tasty-recipes-entry-content img{max-width:50%;height:auto}.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-ingredients ol li,.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-instructions ol li{margin-bottom:0.5em;list-style:decimal;line-height:1.5em}.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-ingredients ul li,.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-instructions ul li{margin-bottom:0.5em;line-height:1.1;list-style:disc}.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-notes{background:none!important}.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-notes ul,.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-notes ol{background:none!important}.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-notes ol li{padding:0;clip-path:none;background:none;line-height:1.5em;list-style:decimal}.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-notes p{padding:0;clip-path:none;background:none;line-height:1.5em}.tasty-recipes-print .tasty-recipes-entry-content .tasty-recipes-notes ul li{padding:0;clip-path:none;background:none;line-height:1.5em;list-style:disc}.tasty-recipes-print .tasty-recipes-source-link{text-align:center}.tasty-recipes-entry-content .tasty-recipes-ingredients ul li[data-tr-ingredient-checkbox]:before{display:none}.tasty-recipes-cook-mode{margin-top:1em}.tasty-recipes-cook-mode__label{font-style:italic;color:#667;font-weight:normal}.tasty-recipes-cook-mode__helper{font-size:1em}.tasty-recipes-cook-mode .tasty-recipes-cook-mode__switch .tasty-recipes-cook-mode__switch-slider{background-color:#667}.tasty-recipes{border:1px solid #e4e5e5;margin:100px 0 40px}.tasty-recipes-entry-header{text-align:center;background-color:#f2f2f2;padding:25px 25px 25px;margin:0}.tasty-recipes-entry-header .tasty-recipes-image img{border:none;height:200px;width:200px}.tasty-recipes-entry-header h2{padding:0;margin:0 0 10px;border:none;text-transform:none!important}.tasty-recipes-entry-header hr{display:none}.tasty-recipes-entry-header .tasty-recipes-rating p{margin:0;line-height:1.1}.tasty-recipes-entry-header span.tasty-recipes-rating{color:#6666aa!important;margin:0!important}.tasty-recipes-entry-header .rating-label{font-size:12px;font-style:italic;color:#677074}.tasty-recipes-entry-header .tasty-recipes-details,.tasty-recipes-entry-content .tasty-recipes-other-details{font-size:14px;line-height:1.7;color:#677074}.tasty-recipes-entry-header .tasty-recipes-details ul li,.tasty-recipes-entry-content .tasty-recipes-other-details ul li{display:inline-block;color:#677074;margin:0 8px;line-height:1.7;font-size:14px}.tasty-recipes-entry-header .tasty-recipes-details ul li:before,.tasty-recipes-entry-content .tasty-recipes-other-details ul li:before{display:none}.tasty-recipes-entry-header .tasty-recipes-details .tasty-recipes-label,.tasty-recipes-entry-content .tasty-recipes-other-details .tasty-recipes-label{font-family:”Futura”,Arial,Helvetica,Geneva,sans-serif;text-transform:uppercase;font-weight:bold;letter-spacing:.12em;font-style:normal!important;color:#677074}.tasty-recipes-entry-header .tasty-recipes-details .detail-icon,.tasty-recipes-entry-content .tasty-recipes-other-details .detail-icon{position:relative;margin:0;vertical-align:middle}.tasty-recipes-yield-scale,.tasty-recipes-scale-label{color:#677074!important}.tasty-recipes .tasty-recipes-buttons a{text-decoration:none;font-family:”Futura”,Arial,Helvetica,Geneva,sans-serif;font-weight:bold;text-transform:uppercase;letter-spacing:.1em;font-size:16px;background-color:#9bb83d;color:#212629!important;padding:16px 25px;text-decoration:none;border:none!important;border-radius:0;box-shadow:none!important}.tasty-recipes-entry-header .tasty-recipes-buttons a:hover{background-color:#7772b5;cursor:pointer}.tasty-recipes-entry-header .tasty-recipes-buttons img{vertical-align:top}@media only screen and (min-width:520px){.tasty-recipes-entry-header .tasty-recipes-button-wrap:first-child{padding-right:.625em}.tasty-recipes-entry-header .tasty-recipes-button-wrap:last-child{padding-left:.625em}}@media only screen and (max-width:520px){.tasty-recipes-entry-header .tasty-recipes-button-wrap{width:100%}.tasty-recipes-entry-header .tasty-recipes-button-wrap:nth-child(2){padding-top:1em}}.tasty-recipes-entry-content{}.tasty-recipes-description{padding:0 25px}.tasty-recipes-description p{margin:20px 0}.tasty-recipes-entry-content h3{text-transform:none;font-size:26px;margin-bottom:20px}.tasty-recipes-entry-content h4{font-size:1em;padding-top:0;margin-bottom:25px;margin-top:25px}.tasty-recipes-entry-content hr{border:1px solid #E4E6E6;border-bottom:none;margin-top:25px;margin-bottom:25px}.tasty-recipes-entry-content .tasty-recipes-ingredients{}.tasty-recipes-entry-content .tasty-recipes-ingredients,.tasty-recipes-entry-content .tasty-recipes-instructions,.tasty-recipes-entry-content .tasty-recipes-keywords{padding-left:25px;padding-right:25px}.tasty-recipes-entry-content .tasty-recipes-ingredients ul,.tasty-recipes-entry-content .tasty-recipes-instructions ul{list-style-type:none;margin-bottom:25px;padding:0}.tasty-recipes-entry-content .tasty-recipes-ingredients ul li,.tasty-recipes-entry-content .tasty-recipes-instructions ul li{}.tasty-recipes-entry-content .tasty-recipes-ingredients ul li:before,.tasty-recipes-entry-content .tasty-recipes-instructions ul li:before{font-size:80%;background-color:#9ab73c;left:0;top:9px}.tasty-recipes-entry-content .tasty-recipes-ingredients ol,.tasty-recipes-entry-content .tasty-recipes-instructions ol{counter-reset:li;margin-left:0px;padding:0}.tasty-recipes-entry-content .tasty-recipes-ingredients ol li,.tasty-recipes-entry-content .tasty-recipes-instructions ol li{list-style-type:none;position:relative}.tasty-recipes-entry-content .tasty-recipes-ingredients ol li:before,.tasty-recipes-entry-content .tasty-recipes-instructions ol li:before{content:counter(li);counter-increment:li;position:absolute;background-color:#9bb83d;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:20px;width:20px;color:#212629;left:-20px;top:5px;transform:translateX(-50%);line-height:20px;font-size:10px;text-align:center;font-family:futura;font-weight:bold}@media only screen and (max-width:520px){.tasty-recipes-entry-content .tasty-recipes-ingredients ol,.tasty-recipes-entry-content .tasty-recipes-instructions ol{margin-left:0}}.tasty-recipes-entry-content .tasty-recipes-keywords{display:none}.tasty-recipes-entry-content .tasty-recipes-notes{background-color:#f2f2f2!important;padding:1px 20px 20px;font-size:90%}.tasty-recipes-entry-content .tasty-recipes-notes h3{margin-top:20px}.tasty-recipes-entry-content .tasty-recipes-notes p,.tasty-recipes-entry-content .tasty-recipes-notes ul,.tasty-recipes-entry-content .tasty-recipes-notes ol{background-color:transparent;padding:0 0 0 30px;margin:0 0 10px;position:relative;-webkit-clip-path:unset;clip-path:unset}.tasty-recipes-entry-content .tasty-recipes-notes p:before,.tasty-recipes-entry-content .tasty-recipes-notes ul li:before{color:#9ab73c;content:’f324’;font-family:”Font Awesome 5 Pro”;font-weight:bold;margin:0 0 0 -0px;width:30px;font-weight:normal;font-size:90%;display:inline-block;background-color:transparent;border-radius:0;top:5px;left:0}.tasty-recipes-entry-content .tasty-recipes-other-details{background-color:transparent;padding:1px 20px 20px;margin:0!important}.tasty-recipes-entry-content .tasty-recipes-nutrition{padding:25px;text-align:left;margin:0;font-style:italic;font-weight:normal;text-transform:lowercase;letter-spacing:normal;color:#5d6163;background-color:transparent;border-top:1px solid #e4e5e5}.tasty-recipes-entry-content .tasty-recipes-nutrition h3{margin:0 0 15px;font-style:normal}.tasty-recipes-entry-content .tasty-recipes-nutrition li:before{display:none!important}.tasty-recipes-nutrition .tasty-recipes-label{font-style:normal;font-weight:bold;text-transform:uppercase;letter-spacing:.1em;font-family:”futura”;font-size:90%;color:#5d6163}.tasty-recipes-nutrition ul{font-size:14px;margin:0;padding:0}.tasty-recipes-nutrition li{margin:0 10px 0 0!important;padding:0!important}.tasty-recipes-nutrition *{line-height:1.5!important;color:#5d6163}.tasty-recipes-entry-footer{background-color:#e8e8f2;color:#212629;padding:25px;text-align:center}.tasty-recipes-entry-footer .tasty-recipes-footer-content{display:block;width:100%;margin:0;padding:0;text-align:center}.tasty-recipes-entry-footer .tasty-recipes-footer-content h3{margin:5px 0 5px;color:#9bb83d;font-size:22px;padding:0;text-align:center}.tasty-recipes-entry-footer .tasty-recipes-footer-content p{margin:0;padding:0;font-size:16px;text-align:center}.tasty-recipes-entry-footer p a{color:#6161A8}.tasty-recipes-entry-footer p a:hover{}.tasty-recipes-entry-footer:after{content:” “;display:block;clear:both}@media only screen and (max-width:399px){.tasty-recipes-entry-header{text-align:center;padding:25px 15px 15px}.tasty-recipes-entry-header h2{font-size:32px}.tasty-recipes-entry-content .tasty-recipes-description,.tasty-recipes-entry-content .tasty-recipes-ingredients,.tasty-recipes-entry-content .tasty-recipes-instructions,.tasty-recipes-entry-content .tasty-recipes-keywords{padding-left:0;padding-right:0}.tasty-recipes-entry-content .tasty-recipes-notes{padding:1px 15px 15px}.tasty-recipes-entry-content .tasty-recipes-notes p,.tasty-recipes-entry-content .tasty-recipes-notes ul,.tasty-recipes-entry-content .tasty-recipes-notes ol{padding:0px;margin:0 0 10px}.tasty-recipes-entry-content .tasty-recipes-nutrition{padding:10px 0 15px}.tasty-recipes-entry-content .tasty-recipes-other-details{padding:1px 0px 20px;text-align:center}.tasty-recipes-entry-content .tasty-recipes-other-details ul{display:block;text-align:center}.tasty-recipes-entry-content .tasty-recipes-ingredients,.tasty-recipes-entry-content .tasty-recipes-instructions,.tasty-recipes-entry-content .tasty-recipes-keywords{padding-left:0px!important;padding-right:0px!important}.tasty-recipes{border:none!important}}/* Print view styles */ .tasty-recipes-print-view{font-size:95%;line-height:1.5}.tasty-recipes-print-view .tasty-recipes-entry-header .tasty-recipes-details ul li:before{display:none}.tasty-recipes-print-view .tasty-recipes-ingredients ul{margin:0 25px;list-style-type:disc}.tasty-recipes-print-view .tasty-recipes-instructions ol{margin:0 25px}.tasty-recipes-print-view .tasty-recipes-header,.tasty-recipes-print-view .tasty-recipes-description,.tasty-recipes-print-view .tasty-recipes-ingredients,.tasty-recipes-print-view .tasty-recipes-instructions,.tasty-recipes-print-view .tasty-recipes-keywords,.tasty-recipes-print-view .tasty-recipes-notes,.tasty-recipes-print-view .tasty-recipes-nutrition{padding-left:0;padding-right:0}
body{ –tr-star-color:#F2B955;–tr-button-color:#9ab73c; }
.tasty-recipes-rating-outline,.tasty-recipes-rating-solid{display:inline-block;line-height:1}.tasty-recipes-rating-outline svg,.tasty-recipes-rating-solid svg{fill:currentColor;height:var(–tr-star-size,18px);width:var(–tr-star-size,18px)}.tasty-recipes-rating-outline[data-tr-clip=”10″] svg,.tasty-recipes-rating-solid[data-tr-clip=”10″] svg{fill:url(#tasty-recipes-clip-10)}.tasty-recipes-rating-outline[data-tr-clip=”20″] svg,.tasty-recipes-rating-solid[data-tr-clip=”20″] svg{fill:url(#tasty-recipes-clip-20)}.tasty-recipes-rating-outline[data-tr-clip=”30″] svg,.tasty-recipes-rating-solid[data-tr-clip=”30″] svg{fill:url(#tasty-recipes-clip-30)}.tasty-recipes-rating-outline[data-tr-clip=”40″] svg,.tasty-recipes-rating-solid[data-tr-clip=”40″] svg{fill:url(#tasty-recipes-clip-40)}.tasty-recipes-rating-outline[data-tr-clip=”50″] svg,.tasty-recipes-rating-solid[data-tr-clip=”50″] svg{fill:url(#tasty-recipes-clip-50)}.tasty-recipes-rating-outline[data-tr-clip=”60″] svg,.tasty-recipes-rating-solid[data-tr-clip=”60″] svg{fill:url(#tasty-recipes-clip-60)}.tasty-recipes-rating-outline[data-tr-clip=”70″] svg,.tasty-recipes-rating-solid[data-tr-clip=”70″] svg{fill:url(#tasty-recipes-clip-70)}.tasty-recipes-rating-outline[data-tr-clip=”80″] svg,.tasty-recipes-rating-solid[data-tr-clip=”80″] svg{fill:url(#tasty-recipes-clip-80)}.tasty-recipes-rating-outline[data-tr-clip=”90″] svg,.tasty-recipes-rating-solid[data-tr-clip=”90″] svg{fill:url(#tasty-recipes-clip-90)}.tasty-recipes-rating-outline[data-tr-clip=”0″] svg{fill:url(#tasty-recipes-clip-0)}.tasty-recipes-rating-solid{–tr-star-opacity:.4}.tasty-recipes-rating-solid[data-tr-clip=”0″] svg{opacity:var(–tr-star-opacity)}[data-tr-default-rating]>span:not([data-tr-checked]) .tasty-recipes-rating-solid svg{–tr-star-opacity:.4;opacity:var(–tr-star-opacity)}[data-tr-default-rating]>span:not([data-tr-checked]) .tasty-recipes-rating-outline svg{fill:url(#tasty-recipes-clip-0)}[data-tr-default-rating] span[data-tr-checked]~span .tasty-recipes-rating-solid svg{fill:currentColor;–tr-star-opacity:1}[data-tr-default-rating] span[data-tr-checked]~span .tasty-recipes-rating-outline svg{fill:currentColor}input.tasty-recipes-rating:checked~span .tasty-recipes-rating-solid svg{fill:currentColor;–tr-star-opacity:1}input.tasty-recipes-rating:checked~span .tasty-recipes-rating-outline svg{fill:currentColor}@media only screen and (min-width:1024px){.tasty-recipes-ratings-buttons:hover span .tasty-recipes-rating-solid svg{–tr-star-opacity:.4!important;opacity:var(–tr-star-opacity)}.tasty-recipes-ratings-buttons:hover span .tasty-recipes-rating-outline svg{fill:url(#tasty-recipes-clip-0)!important}.tasty-recipes-ratings-buttons:hover>:hover .tasty-recipes-rating-solid svg,.tasty-recipes-ratings-buttons:not(:hover)>input:checked~span .tasty-recipes-rating-solid svg,.tasty-recipes-ratings-buttons>:hover .tasty-recipes-rating-solid svg,.tasty-recipes-ratings-buttons>:hover~span .tasty-recipes-rating-solid svg{fill:currentColor!important;–tr-star-opacity:1!important}.tasty-recipes-ratings-buttons:hover>:hover .tasty-recipes-rating-outline svg,.tasty-recipes-ratings-buttons:not(:hover)>input:checked~span .tasty-recipes-rating-outline svg,.tasty-recipes-ratings-buttons>:hover .tasty-recipes-rating-outline svg,.tasty-recipes-ratings-buttons>:hover~span .tasty-recipes-rating-outline svg{fill:currentColor!important}}.tasty-recipes-static-tooltip{background-color:#000;border-radius:4px;color:#fff;font-size:.9rem;opacity:0;padding:5px 10px;position:absolute;text-align:center;transition:opacity .5s ease-in-out,visibility .5s ease-in-out,transform .5s cubic-bezier(.71,1.7,.77,1.24);vertical-align:middle;visibility:hidden;width:230px;z-index:9}.tasty-recipes-static-tooltip.opened{opacity:1;transform:translateY(-4px);visibility:visible}.tasty-recipes-static-tooltip a{color:#f7d578;display:block}.tasty-recipes-static-tooltip:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #000;bottom:-6px;content:””;font-size:0;left:calc(50% – 4px);line-height:0;pointer-events:none;position:absolute;transform:translateZ(0);transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s cubic-bezier(.71,1.7,.77,1.24);width:0;z-index:99}.tasty-recipes-static-tooltip.tr-hide-tail:after{display:none}.tasty-recipes,.tasty-recipes-quick-links,.tasty-recipes-ratings,.wp-admin .tasty-recipes-comment-form{–tr-star-size:18px;–tr-star-margin:3px}.tasty-recipes-rating,.tasty-recipes-ratings-buttons{color:#f2b955;color:var(–tr-star-color,#f2b955)}.tasty-recipes-comment-form{border:none;margin:0;padding:0}.tasty-recipes-comment-form.tasty-recipes-ratings{display:block}.tasty-recipes-entry-header div.tasty-recipes-rating p,.tasty-recipes-rating-stars,.tasty-recipes-ratings,.tasty-recipes-ratings-buttons{display:inline-flex}.tasty-recipes-entry-header div.tasty-recipes-rating p span.tasty-recipes-rating,.tasty-recipes-rating-stars span.tasty-recipes-rating,.tasty-recipes-ratings span.tasty-recipes-rating,.tasty-recipes-ratings-buttons span.tasty-recipes-rating{cursor:pointer;display:inline-block;font-size:var(–tr-star-size,1.1em);margin:0;padding-right:var(–tr-star-margin,.3em)}.tasty-recipes-entry-header div.tasty-recipes-rating p span.tasty-recipes-rating:first-child[data-rating=”5″],.tasty-recipes-rating-stars span.tasty-recipes-rating:first-child[data-rating=”5″],.tasty-recipes-ratings span.tasty-recipes-rating:first-child[data-rating=”5″],.tasty-recipes-ratings-buttons span.tasty-recipes-rating:first-child[data-rating=”5″]{padding-right:0}.tasty-recipes-entry-header div.tasty-recipes-rating p{display:flex;justify-content:center}.tasty-recipes-ratings-buttons{flex-direction:row-reverse}.tasty-recipes-ratings-buttons input[type=radio]{clip:auto;cursor:pointer;display:inline-block!important;height:auto;margin:0;margin-left:calc((var(–tr-star-size, 1.1em) + var(–tr-star-margin))*-1);opacity:0;position:relative;width:1.1em!important;width:calc(var(–tr-star-size, 1.1em) + var(–tr-star-margin))!important;z-index:2}.tasty-recipes-ratings-buttons>span{position:relative}.tasty-recipes-ratings-buttons>span i{font-style:normal}.tasty-recipes-ratings-buttons>span:first-child{padding-right:0!important}.tasty-recipes-rating a,.tasty-recipes-rating a:link{background:none;outline:none;text-decoration:none}.tasty-recipes-screen-reader{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.tasty-recipes-rating-link{align-items:center;display:inline-flex}.tasty-recipes-rating-link .rating-label{font-size:80%;padding-left:.4em}.tasty-recipes-selected-minimum-rating .comment-form-comment label .required{display:none}.tasty-recipes-has-ratings{text-decoration:none!important}
Kale Salad with Orange
Total Time: 25 minutes
Yield: 8 cups
Print Recipe
Pin Recipe
const share_pin_buttons = document.getElementsByClassName( ‘share-pin button’ );
if ( share_pin_buttons ) {
for ( let share_key = 0; share_key {
e.stopPropagation();
window.open(e.target.dataset.href,’targetWindow’,’toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=500,height=500′);
return false;
} );
}
}
Description
If you love a good kale salad with orange then you will adore this version made with chopped raw kale, crunchy bread crumbs, avocado and feta. In addition to orange segments, I also used fresh grapefruit and lemon vinaigrette for three citrus fruits all in one!
Ingredients
Units
- 5 tablespoons extra-virgin olive oil, divided
- 1 clove garlic, smashed and skin removed
- 4 ounces day old sourdough bread
- 1 teaspoon lemon zest
- 1 teaspoon orange zest
- 2 tablespoons lemon juice, freshly squeezed
- 1 tablespoon honey
- 1 tablespoon minced shallot
- 1/2 teaspoon salt plus more to taste
- 1/4 teaspoon pepper
- 4 cups chopped kale leaves (no ribs)
- 1 large seedless orange, segmented or supreme-cut
- 1 ruby red grapefruit, segmented or supreme-cut
- 1/2 cup crumbled feta cheese, 2 ounces
- 1 avocado, peeled, pitted and sliced
Instructions
- Tear bread into a few pices and place in a food processor fitted with a steel blade attachment. Pulse several times to chop into large chunky breadcrumbs.
- Heat 3 tablespoons oil and smashed garlic in a medium skillet over medium heat until shimmering hot but not smoking. Add bread, and cook, stirring often. Reduce heat if necessary if it starts to smoke, and continue cooking until the breadcrumbs are browned and the garlic is toasted, 4 to 6 minutes. Transfer to a plate to cool and sprinkle with a little salt to taste.
- Whisk lemon zest, orange zest, lemon juice, honey, shallot, salt and pepper in a medium bowl.
- Combine kale, orange, grapefruit, avocado and feta in a salad bowl. Pour dressing over the salad and gently toss to coat.
- Add the breadcrumbs and toss again. Serve immediately with avocado.
Notes
Cooking Tip
Supreming citrus fruit basically means removing all the white pith. Carefully slice off the citrus peel, then hold the citrus fruit in your hand. Carefully slice between each thin layer of skin/pith to remove the citrus fruit slices. There are also plenty of YouTubes you can watch if you want more detail!
Make Ahead
Wash and cut kale, and supreme the oranges up to 3 days in advance. Combine the dressing ingredients in a jar. Keep all the ingredients refrigerated. The breadcrumbs can be made a day ahead and kept at room temperature in a bag or resealable container. Toast them lightly in the toaster oven before adding to the salad. Follow directions for assembling and tossing the salad.
- Prep Time: 25 minutes
- Cook Time: 10 minutes
Category: Salad
Cuisine: American
Nutrition
- Serving Size: 1 1/2 cup
- Calories: 286
- Sugar: 6 g
- Sodium: 427 mg
- Fat: 19 g
- Saturated Fat: 4 g
- Carbohydrates: 25 g
- Fiber: 4 g
- Protein: 6 g
window.trCommon={“minRating”:4,”ajaxurl”:”https://www.healthyseasonalrecipes.com/wp-admin/admin-ajax.php”,”ratingNonce”:”79c51fdcb0″,”postId”:5653};
window.TastyRecipes = window.TastyRecipes || {};
window.TastyRecipes.smoothScroll = {
init() {
window.addEventListener( ‘click’, e => {
let anchor = e.target;
if ( ! anchor.classList.contains( ‘tasty-recipes-scrollto’ ) ) {
if ( anchor.tagName === ‘A’ ) {
return;
}
anchor = anchor.closest( ‘a’ );
if ( ! anchor || ! anchor.classList.contains( ‘tasty-recipes-scrollto’ ) ) {
return;
}
}
const elementHref = anchor.getAttribute( ‘href’ );
if ( ! elementHref ) {
return;
}
e.preventDefault();
this.goToSelector( elementHref );
});
},
goToSelector( selector ) {
const element = document.querySelector( selector );
if ( ! element ) {
return;
}
element.scrollIntoView( { behavior: ‘smooth’ } );
history.pushState( {}, ”, selector );
}
};
(function( callback ) {
if ( document.readyState !== ‘loading’ ) {
callback();
} else {
window.addEventListener( ‘load’, callback );
}
})(() => {
window.TastyRecipes.smoothScroll.init();
});
(function(){
var bothEquals = function( d1, d2, D ) {
var ret = 0;
if (d1<=D) {
ret++;
}
if (d2<=D) {
ret++;
}
return ret === 2;
};
var frac =function frac(x,D,mixed){var n1=Math.floor(x),d1=1;var n2=n1+1,d2=1;if(x!==n1)while(bothEquals(d1,d2,D)){var m=(n1+n2)/(d1+d2);if(x===m){if(d1+d2d2)d2=D+1;else d1=D+1;break}else if(xD){d1=d2;n1=n2}if(!mixed)return[0,n1,d1];var q=Math.floor(n1/d1);return[q,n1-q*d1,d1]};frac.cont=function cont(x,D,mixed){var sgn=x<0?-1:1;var B=x*sgn;var P_2=0,P_1=1,P=0;var Q_2=1,Q_1=0,Q=0;var A=Math.floor(B);while(Q_1<D){A=Math.floor(B);P=A*P_1+P_2;Q=A*Q_1+Q_2;if(B-AD){if(Q_1>D){Q=Q_2;P=P_2}else{Q=Q_1;P=P_1}}if(!mixed)return[0,sgn*P,Q];var q=Math.floor(sgn*P/Q);return[q,sgn*P-q*Q,Q]};
window.tastyRecipesVulgarFractions = JSON.parse(decodeURIComponent(“%7B%22%C2%BC%22%3A%221%2F4%22%2C%22%C2%BD%22%3A%221%2F2%22%2C%22%C2%BE%22%3A%223%2F4%22%2C%22%E2%85%93%22%3A%221%2F3%22%2C%22%E2%85%94%22%3A%222%2F3%22%2C%22%E2%85%95%22%3A%221%2F5%22%2C%22%E2%85%96%22%3A%222%2F5%22%2C%22%E2%85%97%22%3A%223%2F5%22%2C%22%E2%85%98%22%3A%224%2F5%22%2C%22%E2%85%99%22%3A%221%2F6%22%2C%22%E2%85%9A%22%3A%225%2F6%22%2C%22%E2%85%9B%22%3A%221%2F8%22%2C%22%E2%85%9C%22%3A%223%2F8%22%2C%22%E2%85%9D%22%3A%225%2F8%22%2C%22%E2%85%9E%22%3A%227%2F8%22%7D”));
window.tastyRecipesFormatAmount = function(amount, el) {
if ( parseFloat( amount ) === parseInt( amount ) ) {
return amount;
}
var roundType = ‘frac’;
if (typeof el.dataset.amountShouldRound !== ‘undefined’) {
if (‘false’ !== el.dataset.amountShouldRound) {
if ( ‘number’ === el.dataset.amountShouldRound ) {
roundType = ‘number’;
} else if (‘frac’ === el.dataset.amountShouldRound) {
roundType = ‘frac’;
} else if (‘vulgar’ === el.dataset.amountShouldRound) {
roundType = ‘vulgar’;
} else {
roundType = ‘integer’;
}
}
}
if (‘number’ === roundType) {
amount = Number.parseFloat(amount).toPrecision(2);
} else if (‘integer’ === roundType) {
amount = Math.round(amount);
} else if (‘frac’ === roundType || ‘vulgar’ === roundType) {
var denom = 8;
if (typeof el.dataset.unit !== ‘undefined’) {
var unit = el.dataset.unit;
if ([‘cups’,’cup’,’c’].includes(unit)) {
denom = 4;
if (0.125 === amount) {
denom = 8;
}
if (“0.1667″ === Number.parseFloat( amount ).toPrecision(4)) {
denom = 6;
}
}
if ([‘tablespoons’,’tablespoon’,’tbsp’].includes(unit)) {
denom = 2;
}
if ([‘teaspoons’,’teaspoon’,’tsp’].includes(unit)) {
denom = 8;
}
}
var amountArray = frac.cont( amount, denom, true );
var newAmount = ”;
if ( amountArray[1] !== 0 ) {
newAmount = amountArray[1] + ‘/’ + amountArray[2];
if (‘vulgar’ === roundType) {
Object.keys(window.tastyRecipesVulgarFractions).forEach(function(vulgar) {
if (newAmount === window.tastyRecipesVulgarFractions[vulgar]) {
newAmount = vulgar;
}
});
}
}
if ( newAmount ) {
newAmount = ‘ ‘ + newAmount;
}
if ( amountArray[0] ) {
newAmount = amountArray[0] + newAmount;
}
amount = newAmount;
}
return amount;
};
window.tastyRecipesUpdatePrintLink = () => {
const printButton = document.querySelector( ‘.tasty-recipes-print-button’ );
if ( ! printButton ) {
return;
}
const printURL = new URL( printButton.href );
const searchParams = new URLSearchParams( printURL.search );
const unitButton = document.querySelector( ‘.tasty-recipes-convert-button-active’ );
const scaleButton = document.querySelector( ‘.tasty-recipes-scale-button-active’ );
let unit = ”;
let scale = ”;
if ( unitButton ) {
unit = unitButton.dataset.unitType;
searchParams.delete(‘unit’);
searchParams.set( ‘unit’, unit );
}
if ( scaleButton ) {
scale = scaleButton.dataset.amount;
searchParams.set( ‘scale’, scale );
}
const paramString = searchParams.toString();
const newURL = ” === paramString ? printURL.href : printURL.origin + printURL.pathname + ‘?’ + paramString;
const printLinks = document.querySelectorAll( ‘.tasty-recipes-print-link’ );
printLinks.forEach( ( el ) => {
el.href = newURL;
});
const printButtons = document.querySelectorAll( ‘.tasty-recipes-print-button’ );
printButtons.forEach( ( el ) => {
el.href = newURL;
});
};
document.addEventListener( ‘DOMContentLoaded’, () => {
if ( ! window.location.href.includes( ‘/print/’ ) ) {
return;
}
const searchParams = new URLSearchParams( window.location.search );
const unit = searchParams.get( ‘unit’ );
const scale = searchParams.get( ‘scale’ );
if ( unit && ( ‘metric’ === unit || ‘usc’ === unit ) ) {
document.querySelector( ‘.tasty-recipes-convert-button[data-unit-type=”‘ + unit + ‘”]’ ).click();
}
if ( scale && Number(scale) > 0 ) {
document.querySelector( ‘.tasty-recipes-scale-button[data-amount=”‘ + Number(scale) + ‘”]’ ).click();
}
});
}());
(function(){
var buttonClass = ‘tasty-recipes-convert-button’,
buttonActiveClass = ‘tasty-recipes-convert-button-active’,
buttons = document.querySelectorAll(‘.tasty-recipes-convert-button’);
if ( ! buttons ) {
return;
}
buttons.forEach(function(button){
button.addEventListener(‘click’, function(event){
event.preventDefault();
var recipe = event.target.closest(‘.tasty-recipes’);
if ( ! recipe ) {
return;
}
var otherButtons = recipe.querySelectorAll(‘.’ + buttonClass);
otherButtons.forEach(function(bt){
bt.classList.remove(buttonActiveClass);
});
button.classList.add(buttonActiveClass);
var unitType = button.dataset.unitType;
var dataset = ‘nf’ + unitType.charAt(0).toUpperCase() + unitType.slice(1);
var convertables = recipe.querySelectorAll(‘span[data-nf-original]’);
convertables.forEach(function(convertable){
if (typeof convertable.dataset.amountOriginalType === ‘undefined’
&& ‘usc’ === convertable.dataset.nfOriginal) {
if (-1 !== convertable.innerText.indexOf(‘/’)) {
convertable.dataset.amountOriginalType = ‘frac’;
}
if (-1 !== convertable.innerText.indexOf(‘.’)) {
convertable.dataset.amountOriginalType = ‘number’;
}
Object.keys(window.tastyRecipesVulgarFractions).forEach(function(vulgar) {
if (-1 !== convertable.innerText.indexOf(vulgar)) {
convertable.dataset.amountOriginalType = ‘vulgar’;
}
});
}
convertable.innerText = convertable.dataset[dataset];
if (typeof convertable.dataset.unit !== ‘undefined’) {
convertable.dataset.unit = convertable.dataset[dataset + ‘Unit’];
}
if (typeof convertable.dataset.amount !== ‘undefined’) {
convertable.dataset.amount = convertable.dataset[dataset];
if (‘metric’ === unitType) {
convertable.dataset.amountShouldRound = parseInt(convertable.dataset.amount) >= 10 ? ‘integer’ : ‘number’;
} else if (typeof convertable.dataset.amountOriginalType !== ‘undefined’) {
convertable.dataset.amountShouldRound = convertable.dataset.amountOriginalType;
} else {
convertable.dataset.amountShouldRound = false;
}
convertable.innerText = window.tastyRecipesFormatAmount(convertable.dataset[dataset], convertable);
}
if (convertable.classList.contains(‘nutrifox-unit’)) {
if (‘gram’ === convertable.dataset[dataset]) {
convertable.innerText = ‘grams’;
}
}
});
document.querySelectorAll(‘.tasty-recipes-scale-button-active’).forEach(function(scaleButton){
scaleButton.click();
});
window.tastyRecipesUpdatePrintLink();
});
});
}());
window.TastyRecipes = window.TastyRecipes || {};
window.TastyRecipes.cookMode = {
wakeLockApi: false,
wakeLock: false,
cookModeSelector: ‘.tasty-recipes-cook-mode’,
init() {
if (“wakeLock” in navigator && “request” in navigator.wakeLock) {
this.wakeLockApi = navigator.wakeLock;
}
const cookModes = document.querySelectorAll(this.cookModeSelector);
if (cookModes.length > 0) {
for (const cookMode of cookModes) {
if (this.wakeLockApi) {
cookMode.querySelector(‘input[type=”checkbox”]’).addEventListener(“change”, event => {
this.checkboxChange(event.target);
}, false);
} else {
cookMode.style.display = “none”;
}
}
}
},
checkboxChange(checkbox) {
if (checkbox.checked) {
this.lock();
} else {
this.unlock();
}
},
setCheckboxesState(state) {
const checkboxes = document.querySelectorAll(this.cookModeSelector + ‘ input[type=”checkbox”]’);
for (const checkbox of checkboxes) {
checkbox.checked = state;
}
},
async lock() {
try {
this.wakeLock = await this.wakeLockApi.request(“screen”);
this.wakeLock.addEventListener(“release”, () => {
this.wakeLock = false;
this.setCheckboxesState(false);
});
this.setCheckboxesState(true);
} catch (error) {
this.setCheckboxesState(false);
}
},
unlock() {
if (this.wakeLock) {
this.wakeLock.release();
this.wakeLock = false;
}
this.setCheckboxesState(false);
}
};
(function(callback) {
if (document.readyState !== “loading”) {
callback();
} else {
document.addEventListener(“DOMContentLoaded”, callback);
}
})(() => {
window.TastyRecipes.cookMode.init();
});
window.TastyRecipes = window.TastyRecipes || {};
window.TastyRecipes.staticTooltip = {
element: null,
tooltipElement: null,
deleting: false,
init( element ) {
if ( this.deleting ) {
return;
}
this.element = element;
this.buildElements();
},
destroy() {
if ( ! this.tooltipElement || this.deleting ) {
return;
}
this.deleting = true;
this.tooltipElement.classList.remove( ‘opened’ );
setTimeout( () => {
this.tooltipElement.remove();
this.deleting = false;
}, 500 );
},
buildElements() {
const tooltipElement = document.createElement( ‘div’ );
tooltipElement.classList.add( ‘tasty-recipes-static-tooltip’);
tooltipElement.setAttribute( ‘id’, ‘tasty-recipes-tooltip’ );
const currentTooltipElement = document.getElementById( ‘tasty-recipes-tooltip’ );
if ( currentTooltipElement ) {
document.body.replaceChild( tooltipElement, currentTooltipElement );
} else {
document.body.appendChild( tooltipElement );
}
this.tooltipElement = document.getElementById( ‘tasty-recipes-tooltip’ );
},
show() {
if ( ! this.tooltipElement ) {
return;
}
const tooltipTop = this.element.getBoundingClientRect().top
+ window.scrollY
– 10 // 10px offset.
– this.tooltipElement.getBoundingClientRect().height;
const tooltipLeft = this.element.getBoundingClientRect().left
– ( this.tooltipElement.getBoundingClientRect().width / 2 )
+ ( this.element.getBoundingClientRect().width / 2 ) – 1;
const posLeft = Math.max( 10, tooltipLeft );
this.maybeRemoveTail( posLeft !== tooltipLeft );
this.tooltipElement.setAttribute( ‘style’, ‘top:’ + tooltipTop + ‘px;left:’ + posLeft + ‘px;’ );
this.tooltipElement.classList.add( ‘opened’ );
},
maybeRemoveTail( removeTail ) {
if ( removeTail ) {
this.tooltipElement.classList.add( ‘tr-hide-tail’ );
} else {
this.tooltipElement.classList.remove( ‘tr-hide-tail’ );
}
},
changeMessage( message ) {
if ( ! this.tooltipElement ) {
return;
}
this.tooltipElement.innerHTML = message;
}
};
window.TastyRecipes.ajax = {
sendPostRequest( url, data, success, failure ) {
const xhr = new XMLHttpRequest();
xhr.open( ‘POST’, url, true );
xhr.send( this.preparePostData( data ) );
xhr.onreadystatechange = () => {
if ( 4 !== xhr.readyState ) {
return;
}
if ( xhr.status === 200 ) {
success( JSON.parse( xhr.responseText ) );
return;
}
failure( xhr );
};
xhr.onerror = () => {
failure( xhr );
};
},
preparePostData( data ) {
const formData = new FormData();
for ( const key in data ) {
formData.append( key, data[key] );
}
return formData;
},
};
window.TastyRecipes.ratings = {
defaultRating: 0,
currentRatingPercentage: 100,
savingRating: false,
init( minRating ) {
this.minRating = minRating;
this.recipeRatingReflectInRespondSection();
this.closeTooltipWhenClickOutside();
this.addBodyClassBasedOnSelectedRating();
this.backwardCompRespondRatingPosition();
},
recipeRatingReflectInRespondSection() {
const ratings = document.querySelectorAll(‘.tasty-recipes-no-ratings-buttons [data-rating]’);
if ( ratings.length {
event.preventDefault();
this.defaultRating = event.target.closest( ‘.checked’ ).dataset.rating;
this.setCheckedStar( event.target );
this.maybeSendRating( this.defaultRating, event.target );
this.setRatingInResponse( this.defaultRating );
} );
}
},
closeTooltipWhenClickOutside() {
window.addEventListener( ‘click’, e => {
// Bailout (don’t remove the tooltip) when the clicked element is a rating star, or it’s the tooltip itself.
if ( e.target.closest( ‘.tasty-recipes-rating’ ) || e.target.classList.contains( ‘tasty-recipes-static-tooltip’ ) ) {
return;
}
window.TastyRecipes.staticTooltip.destroy();
} );
},
setRatingInResponse( rating ) {
const ratingInput = document.querySelector( ‘#respond .tasty-recipes-rating[value=”‘ + rating + ‘”]’ );
if ( ! ratingInput ) {
return;
}
ratingInput.click();
},
addBodyClassBasedOnSelectedRating() {
const ratingInputs = document.querySelectorAll( ‘input.tasty-recipes-rating’ );
if ( ! ratingInputs ) {
return;
}
for ( const ratingInput of ratingInputs ) {
ratingInput.addEventListener( ‘click’, currentEvent => {
const selectedRating = currentEvent.target.getAttribute( ‘value’ );
this.handleBodyClassByRating( selectedRating );
this.toggleCommentTextareaRequired( selectedRating );
} );
}
},
handleBodyClassByRating( rating ) {
if ( rating < this.minRating ) {
document.body.classList.remove( 'tasty-recipes-selected-minimum-rating' );
return;
}
document.body.classList.add( 'tasty-recipes-selected-minimum-rating' );
},
toggleCommentTextareaRequired( rating ) {
const commentTextarea = document.getElementById( 'comment' );
if ( ! commentTextarea ) {
return;
}
if ( rating {
window.TastyRecipes.staticTooltip.changeMessage( response.data.message );
window.TastyRecipes.staticTooltip.show();
this.updateAverageText( response.data, recipeCardElement );
// Hide the tooltip after 5 seconds.
setTimeout( () => {
this.maybeResetTooltip( recipeCardElement, response.data, rating );
}, 5000 );
},
() => {
this.resetTooltip( recipeCardElement );
}
);
},
updateAverageText( data, recipeCardElement ) {
if ( ! data.average ) {
return;
}
this.setRatingPercent( data );
if ( ! data.count ) {
return;
}
const quickLink = document.querySelector( ‘.tasty-recipes-rating-link’ );
if ( quickLink ) {
this.setTextInContainer( quickLink, data );
this.setClipInLinks( quickLink );
}
const cardStars = recipeCardElement.querySelector( ‘.tasty-recipes-ratings-buttons’ );
cardStars.dataset.trDefaultRating = data.average;
this.setTextInContainer( recipeCardElement.querySelector( ‘.tasty-recipes-rating’ ), data );
},
setTextInContainer( container, data ) {
if ( ! container ) {
return;
}
if ( data.label ) {
const ratingLabelElement = container.querySelector( ‘.rating-label’ );
if ( ratingLabelElement ) {
ratingLabelElement.innerHTML = data.label;
}
return;
}
const averageElement = container.querySelector( ‘.average’ );
if ( averageElement ) {
averageElement.textContent = data.average;
}
const countElement = container.querySelector( ‘.count’ );
if ( countElement ) {
countElement.textContent = data.count;
}
},
setClipInLinks( container ) {
const highestStar = container.querySelector( ‘[data-rating=”‘ + Math.ceil( this.defaultRating ) + ‘”]’ );
if ( highestStar ) {
highestStar.dataset.trClip = this.currentRatingPercentage;
}
},
setRatingPercent( data ) {
this.defaultRating = data.average.toFixed( 1 );
const parts = data.average.toFixed( 2 ).toString().split( ‘.’ );
this.currentRatingPercentage = parts[1] ? parts[1] : 100;
if ( this.currentRatingPercentage === ’00’ ) {
this.currentRatingPercentage = 100;
}
},
setCheckedStar( target ) {
const cardRatingContainer = target.closest( ‘.tasty-recipes-ratings-buttons’ );
const selectedRatingElement = cardRatingContainer.querySelector( ‘[data-tr-checked]’ );
if ( selectedRatingElement ) {
delete selectedRatingElement.dataset.trChecked;
}
const thisStar = target.closest( ‘.tasty-recipes-rating’ );
thisStar.dataset.trChecked = 1;
thisStar.querySelector( ‘[data-tr-clip]’ ).dataset.trClip = 100;
},
maybeResetTooltip( recipeCardElement, data, rating ) {
if ( this.savingRating === rating ) {
this.resetTooltip( recipeCardElement, data );
}
},
resetTooltip( recipeCardElement, data ) {
window.TastyRecipes.staticTooltip.destroy();
this.savingRating = false;
// Reset the default rating.
const cardRatingContainer = recipeCardElement.querySelector( ‘.tasty-recipes-ratings-buttons’ );
if ( cardRatingContainer ) {
this.defaultRating = ( data && data.average ) ? data.average.toFixed(1) : cardRatingContainer.dataset.trDefaultRating;
cardRatingContainer.dataset.trDefaultRating = this.defaultRating;
this.resetSelectedStar( cardRatingContainer, data );
}
},
resetSelectedStar( cardRatingContainer ) {
const selectedRatingElement = cardRatingContainer.querySelector( ‘[data-rating=”‘ + Math.ceil( this.defaultRating ) + ‘”]’ );
if ( selectedRatingElement ) {
selectedRatingElement.querySelector( ‘[data-tr-clip]’ ).dataset.trClip = this.currentRatingPercentage;
selectedRatingElement.parentNode.dataset.trChecked = 1;
}
const previousSelectedElement= cardRatingContainer.querySelector( ‘[data-tr-checked]’ );
if ( previousSelectedElement ) {
delete previousSelectedElement.dataset.trChecked;
}
},
backwardCompRespondRatingPosition() {
const ratingsButtons = document.querySelector( ‘#respond .tasty-recipes-ratings-buttons, #tasty-recipes-comment-rating .tasty-recipes-ratings-buttons’ );
if ( ! ratingsButtons ) {
return;
}
const ratingsButtonsStyles = window.getComputedStyle(ratingsButtons);
if ( ! ratingsButtonsStyles.display.includes( ‘flex’ ) ) {
ratingsButtons.style.direction = ‘rtl’;
}
if ( typeof tastyRecipesRating !== ‘undefined’ ) {
// Select the rating that was previously selected in admin.
ratingsButtons.querySelector( ‘.tasty-recipes-rating[value=”‘ + tastyRecipesRating + ‘”]’ ).checked = true;
}
const ratingSpans = ratingsButtons.querySelectorAll( ‘.tasty-recipes-rating’ );
for (const ratingSpan of ratingSpans) {
ratingSpan.addEventListener( ‘click’, event => {
if ( ratingSpan === event.target ) {
return;
}
ratingSpan.previousElementSibling.click();
} );
}
}
};
(function(callback) {
if (document.readyState !== “loading”) {
callback();
} else {
window.addEventListener( ‘load’, callback );
}
})(() => {
window.TastyRecipes.ratings.init( window.trCommon ? window.trCommon.minRating : 4 );
});
Original source: https://www.healthyseasonalrecipes.com/citrus-kale-salad/