Material icons

#1 · June 10, 2021, 5:25 am

One of my favorite icon's library is a material icon community because there is a lot of icons, maybe more than 6000 icons.

and the icons are very compatible with VisualNEO Web. see the attached video as an example:

Uploaded files:

You need to login to have access to uploads.

luishp and CDY@44 have reacted to this post.

#2 · June 10, 2021, 8:57 am

@asmat whould you share with us those interesting CSS .flex classes seen on the video?
Thank you!

asmat has reacted to this post.

#3 · June 10, 2021, 9:12 am

Yes, luis:

.flexMenu{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-content:flex-start;
}

.flexSpacebetween{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.flexCenter{
  display:flex;
  align-items:center;
  justify-content:center;
}

.flexRight{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

.flexLeft{
   display:flex;
   align-items:center;
   justify-content:flex-start;
}


.xCenter{
  left:0px!important;
  right:0px!important;
  margin:auto!important;
}

.yCenter{
  top:0px!important;
  bottom:0px!important;
  margin:auto!important;
}

.center{
  top:0px!important;
  left:0px!important;
  right:0px!important;
  bottom:0px!important;
  margin:auto!important;
}

luishp, farhad2008 and CDY@44 have reacted to this post.

#4 · June 10, 2021, 9:28 am

This is a complete guide for CSS flex-box.

A Complete Guide to Flexbox

Using CSS-flexbox makes our lives comfortable.

luishp, Vadim and 5 other users have reacted to this post.

Material icons - Forum

Material icons