Skip to content

Instantly share code, notes, and snippets.

View shahab570's full-sized avatar

MD SHAHAB UDDIN shahab570

0 followers · 1 following
View GitHub Profile
@shahab570
shahab570 / gist:ef41137f5ae6be49e561ba22c2c66391
Created May 29, 2021 11:32
@mixin links ($link, $visited, $hover, $active) {
& {
color: $link;
&:visited {
color: $visited;
}
&:hover {
color: $hover;
}
&:active, &:focus {
@shahab570
shahab570 / flex
Last active May 18, 2021 08:37
Flex
<style>
div.container{
display: flex;
}
</style>
</head>
<body>
<div class="container">
<div>A</div>
@shahab570
shahab570 / normalize.css
Created April 16, 2021 14:06
/*! 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.
*/
@shahab570
shahab570 / ad
Created January 17, 2021 13:49
@media only screen and (max-width: 400px) {
.box {
background-color: red;
}
}
@media only screen and (max-width: 800px) {
.box {
background-color: blue;
}
@shahab570
shahab570 / a
Last active January 17, 2021 13:49
@include media(400px) {
.box {
background-color: red;
}
}
@include media(800px) {
.box {
background-color: blue;
}
}
@shahab570
shahab570 / a
Created January 17, 2021 13:37
.box {
display: flex;
justify-content: center;
align-items: center;
}
@shahab570
shahab570 / a
Created January 17, 2021 13:36
@mixin abc($value-1, $value-2: center) {
display: flex;
justify-content: $value-1;
align-items: $value-2;
}
@shahab570
shahab570 / a
Created January 17, 2021 13:29
.box {
text-decoration: none;
background-color: red;
}
.box span {
background-color: blue;
text-decoration: underline;
}
@shahab570
shahab570 / a
Created January 17, 2021 13:28
@mixin abc() {
text-decoration: none;
background-color: red;
span {
background-color: blue;
text-decoration: underline;
}
}
@shahab570
shahab570 / a
Created January 17, 2021 13:27
@mixin abc() {
text-decoration: none;
background-color: red;
span {
background-color: blue;
text-decoration: underline;
}
}