muchirijane

/**
 * Stop an iframe or HTML5 <video> from playing
 * @param  {Element} element The element that contains the video
 */
var stopVideo = function ( element ) {
	var iframe = element.querySelector( 'iframe');
	var video = element.querySelector( 'video' );
	if ( iframe ) {
		var iframeSrc = iframe.src;
		iframe.src = iframeSrc;

muchirijane

Balsamiq Wireframes for Desktop full license key free

This old name is Balsamiq Mockups now the company changing the name to Balsamiq Wireframes for Desktop insteed

HOW TO:
First download softwere here: https://balsamiq.com/wireframes/desktop/
Install and follow screen direction
Use below serial:

=====================================================================================

muchirijane

install gulp to your project. 

npm install sass gulp-sass --save-dev

//create a gulpfile.js

const { src, dest, watch, series } = require("gulp");

const sass = require("gulp-sass")(require("sass"));

muchirijane

index.scss

// configuration and helpers (abstracts) variables, mixins and functions
@import "abstracts/variables";

//base styles (reset, font, typography, utilities etc)
@import "base/base";

//colours

muchirijane

 import {useState} from 'react';
import { makeStyles, useTheme } from '@material-ui/core/styles';
import Drawer from "@material-ui/core/Drawer";
import Typography from "@material-ui/core/Typography";
import { useHistory, useLocation } from "react-router-dom";
import List from "@material-ui/core/List";
import ListItem from "@material-ui/core/ListItem";
import ListItemIcon from "@material-ui/core/ListItemIcon";
import ListItemText from "@material-ui/core/ListItemText";

muchirijane

1) install prettier
npm install --save-dev --save-exact prettier

2) Add prettier formart in your package.json file under scripts

"scripts": {
    "prettier-format": "npx prettier --write .",
    "prettier-check": "npx prettier --check ."
  },

muchirijane

import styled from 'styled-components';
import {Container} from '../../Globalstyles';
import {Link} from 'react-router-dom';

export const FooterSection = styled.section`
display: flex;
align-items: center;
color: #fff;
background-color: #333;
`;

muchirijane

import styled from 'styled-components';
import {BiCheck} from 'react-icons/bi';
import {Link} from 'react-router-dom';

export const MealsContainer = styled.section`
display: flex;
align-items: center;
`;

export const MealsWrapper = styled.div`

muchirijane

import styled from 'styled-components';
import {HiUsers} from 'react-icons/hi';
import {Link} from 'react-router-dom';
import {Container} from '../../Globalstyles';

export const RecipeWrapper = styled.section`
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;

muchirijane

import styled from 'styled-components';
import PizzaBg from '../../images/hero-bg.png';

export const WelcomeContainer = styled.section`
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 7rem;
`;