MD SHAHAB UDDIN shahab570

## gist:ef41137f5ae6be49e561ba22c2c66391
@mixin links ($link, $visited, $hover, $active) {
    & {
        color: $link;
        &:visited {
            color: $visited;
        }
        &:hover {
            color: $hover;
        }
        &:active, &:focus {

## flex
<style>
div.container{
  display: flex;
}
</style>
</head>
<body>

  <div class="container">
    <div>A</div>

## normalize.css
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

## ad
@media only screen and (max-width: 400px) {
  .box {
    background-color: red;
  }
}

@media only screen and (max-width: 800px) {
  .box {
    background-color: blue;
  }

## a
@include media(400px) {
  .box {
    background-color: red;
  }
}
@include media(800px) {
  .box {
    background-color: blue;
  }
}

## a
.box {
  display: flex;
  justify-content: center;
  align-items: center;
 }

## a
@mixin abc($value-1, $value-2: center) {
  display: flex;
  justify-content: $value-1;
  align-items: $value-2;
}

## a

.box {
  text-decoration: none;
  background-color: red;
}
.box span {
  background-color: blue;
  text-decoration: underline;
}

## a
@mixin abc() {
  text-decoration: none;
  background-color: red;

  span {
    background-color: blue;
    text-decoration: underline;
  }
}

## a
@mixin abc() {
text-decoration: none;
background-color: red;
 span {
background-color: blue;
text-decoration: underline;
     }
}
	@mixin links ($link, $visited, $hover, $active) {
	& {
	color: $link;
	&:visited {
	color: $visited;
	}
	&:hover {
	color: $hover;
	}
	&:active, &:focus {
	<style>
	div.container{
	display: flex;
	}
	</style>
	</head>
	<body>

	<div class="container">
	<div>A</div>
	/! normalize.css v8.0.1 \| MIT License \| github.com/necolas/normalize.css /

	/* Document
	========================================================================== */

	/**
	* 1. Correct the line height in all browsers.
	* 2. Prevent adjustments of font size after orientation changes in iOS.
	*/
	@media only screen and (max-width: 400px) {
	.box {
	background-color: red;
	}
	}

	@media only screen and (max-width: 800px) {
	.box {
	background-color: blue;
	}
	@include media(400px) {
	.box {
	background-color: red;
	}
	}
	@include media(800px) {
	.box {
	background-color: blue;
	}
	}
	.box {
	display: flex;
	justify-content: center;
	align-items: center;
	}
	@mixin abc($value-1, $value-2: center) {
	display: flex;
	justify-content: $value-1;
	align-items: $value-2;
	}

	.box {
	text-decoration: none;
	background-color: red;
	}
	.box span {
	background-color: blue;
	text-decoration: underline;
	}
	@mixin abc() {
	text-decoration: none;
	background-color: red;

	span {
	background-color: blue;
	text-decoration: underline;
	}
	}