usefull sass mixins

1.adding a flex display to a parent.

@mixin flex ($direction , $justify , $align){
display: flex;
flex-direction: $direction;
justify-content: $justify;
align-items: $align;
}

2.width and height

@mixin wh($width , $height){…


This content originally appeared on DEV Community and was authored by DEV Community

1.adding a flex display to a parent.

@mixin flex ($direction , $justify , $align){
    display: flex;
    flex-direction: $direction;
    justify-content: $justify;
    align-items: $align;
}

2.width and height

@mixin wh($width , $height){
    width: $width;
    height: $height;
}


This content originally appeared on DEV Community and was authored by DEV Community


Print Share Comment Cite Upload Translate Updates
APA

DEV Community | Sciencx (2022-03-07T20:19:57+00:00) usefull sass mixins. Retrieved from https://www.scien.cx/2022/03/07/usefull-sass-mixins/

MLA
" » usefull sass mixins." DEV Community | Sciencx - Monday March 7, 2022, https://www.scien.cx/2022/03/07/usefull-sass-mixins/
HARVARD
DEV Community | Sciencx Monday March 7, 2022 » usefull sass mixins., viewed ,<https://www.scien.cx/2022/03/07/usefull-sass-mixins/>
VANCOUVER
DEV Community | Sciencx - » usefull sass mixins. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/03/07/usefull-sass-mixins/
CHICAGO
" » usefull sass mixins." DEV Community | Sciencx - Accessed . https://www.scien.cx/2022/03/07/usefull-sass-mixins/
IEEE
" » usefull sass mixins." DEV Community | Sciencx [Online]. Available: https://www.scien.cx/2022/03/07/usefull-sass-mixins/. [Accessed: ]
rf:citation
» usefull sass mixins | DEV Community | Sciencx | https://www.scien.cx/2022/03/07/usefull-sass-mixins/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.