File: /var/www/html/wp-content/plugins/wp-recipe-maker/assets/css/shortcodes/_instructions.scss
.wprm-recipe-instructions-container {
.wprm-recipe-instruction-group-name {
margin-top: 0.8em !important;
}
.wprm-recipe-instruction-text {
font-size: 1em;
}
.wprm-recipe-instruction-media {
max-width: 100%;
margin: 5px 0 15px;
}
.wprm-recipe-instruction-video {
iframe {
max-width: 100%;
}
}
}
.wprm-recipe-instruction-ingredients-inline {
.wprm-recipe-instruction-ingredient {
display: inline-block;
padding-right: 5px;
&:last-child{ padding-right: 0; }
}
}
.wprm-recipe-tip,
.wprm-recipe-instructions .wprm-recipe-instruction-tip {
list-style: none !important;
counter-increment: none !important;
margin-bottom: 12px;
padding: 10px 12px;
display: flex;
align-items: flex-start;
gap: 10px;
&::before,
&::marker {
display: none !important;
content: none !important;
}
}
.wprm-recipe-tip .wprm-recipe-tip-icon,
.wprm-recipe-tip .wprm-recipe-instruction-tip-icon,
.wprm-recipe-instructions .wprm-recipe-instruction-tip .wprm-recipe-tip-icon,
.wprm-recipe-instructions .wprm-recipe-instruction-tip .wprm-recipe-instruction-tip-icon {
flex-shrink: 0;
font-size: 1.1em;
line-height: inherit;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 1.25em;
min-height: 1lh;
}
.wprm-recipe-tip .wprm-recipe-tip-text,
.wprm-recipe-tip .wprm-recipe-instruction-tip-text,
.wprm-recipe-instructions .wprm-recipe-instruction-tip .wprm-recipe-tip-text,
.wprm-recipe-instructions .wprm-recipe-instruction-tip .wprm-recipe-instruction-tip-text {
flex: 1;
min-width: 0;
color: var(--wprm-tip-text-color, #000000);
}
.wprm-recipe-tip-style-left-border,
.wprm-recipe-tip-style-left-border-straight,
.wprm-recipe-instruction-tip-style-left-border,
.wprm-recipe-instruction-tip-style-left-border-straight {
border-left: 5px solid var(--wprm-tip-accent, #2b6cb0);
background: color-mix(in srgb, var(--wprm-tip-accent, #2b6cb0) 9%, transparent);
border-radius: 0;
}
.wprm-recipe-tip-style-left-border-rounded,
.wprm-recipe-instruction-tip-style-left-border-rounded {
border-left: 5px solid var(--wprm-tip-accent, #2b6cb0);
background: color-mix(in srgb, var(--wprm-tip-accent, #2b6cb0) 9%, transparent);
border-radius: 4px;
}
.wprm-recipe-tip-style-filled,
.wprm-recipe-instruction-tip-style-filled {
border-radius: 4px;
background: color-mix(in srgb, var(--wprm-tip-accent, #2b6cb0) 16%, transparent);
}
.wprm-recipe-tip-style-outline,
.wprm-recipe-instruction-tip-style-outline {
border: 1px solid var(--wprm-tip-accent, #2b6cb0);
border-radius: 4px;
}
.wprm-recipe-tip-style-banner,
.wprm-recipe-instruction-tip-style-banner {
border-top: 2px solid var(--wprm-tip-accent, #2b6cb0);
border-bottom: 2px solid var(--wprm-tip-accent, #2b6cb0);
padding-top: 12px;
padding-bottom: 12px;
}
.rtl {
.wprm-recipe-instruction-ingredients-inline {
.wprm-recipe-instruction-ingredient {
display: inline-block;
padding-right: 0;
padding-left: 5px;
&:first-child{ padding-left: 5px; }
}
}
.wprm-recipe-tip-style-left-border,
.wprm-recipe-tip-style-left-border-straight,
.wprm-recipe-tip-style-left-border-rounded,
.wprm-recipe-instruction-tip-style-left-border,
.wprm-recipe-instruction-tip-style-left-border-straight,
.wprm-recipe-instruction-tip-style-left-border-rounded {
border-left: 0;
border-right: 5px solid var(--wprm-tip-accent, #2b6cb0);
}
}