CSS Snippet
Fast CSS for Visual Studio Code
Download
Download the extension from Visual Studio Marketplace.
Github
https://github.com/bafousaixz/css-snippete
Table Snippets
| Prefix |
Description |
Conent |
| df-center |
Flex box center |
display: flex;
justify-content: center;
align-items: center; |
| psa-center |
Position absolute center |
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); |
| psa-x |
Position absolute center X |
position: absolute;
left: 50%;
transform: translateX(-50%); |
| psa-y |
Position absolute center Y |
position: absolute;
top: 50%;
transform: translateY(-50%); |
| t-center |
Text align center |
text-align: center; |
| fsize-1 |
Font size 1rem |
font-size: 1rem; |
| c-black |
Color black |
color: #000000; |
| c-while |
Color while |
color: #FFFFFF; |
| content |
Content |
content: ""; |
| border |
Border solid |
border: 1px solid; |
| media-max |
Media max width |
@media (max-width: ); |
| bf |
Before selector |
&::before {
content: "";
width: ;
height: ;
} |
| af |
After selector |
&::before {
content: "";
width: ;
height: ;
} |
| |
