Select theme

Width utilities

Use the following classes to modify the width and min-width property of any element

.w-0 { 
  width: 0px;
}
.m-w-0 { 
  minwidth: 0px;
}
.w-10 { 
  width: 10px;
}
.m-w-10 { 
  minwidth: 10px;
}
.w-20 { 
  width: 20px;
}
.m-w-20 { 
  minwidth: 20px;
}
.w-30 { 
  width: 30px;
}
.m-w-30 { 
  minwidth: 30px;
}
.w-40 { 
  width: 40px;
}
.m-w-40 { 
  minwidth: 40px;
}
.w-50 { 
  width: 50px;
}
.m-w-50 { 
  minwidth: 50px;
}
.w-100 { 
  width: 100px;
}
.m-w-100 { 
  minwidth: 100px;
}
.w-150 { 
  width: 150px;
}
.m-w-150 { 
  minwidth: 150px;
}
.w-200 { 
  width: 200px;
}
.m-w-200 { 
  minwidth: 200px;
}
.w-100p { 
  width: 100%;
}
.m-w-100p { 
  minwidth: 100%;
}
w-10

w-20

w-50

w-100

w-200

w-100p

w-100p

w-100p

w-100p