feat(documentation): Clean css example

docs/source/partials/documentation.md.erb

@@ -464,119 +464,72 @@ For the css part, here is the css used by default on our page :
 ```css
 /* Main input wrapper */
 .algolia-places.algolia-places-styled {
-  width: 100%;
 }
 
 /* The algolia-places input */
 .algolia-places.algolia-places-styled .ap-input, .algolia-places.algolia-places-styled .ap-hint {
-  width: 100%;
 }
 
 /* The style of the svg icons when the input is on hover */
 .algolia-places.algolia-places-styled .ap-input:hover ~ .ap-input-icon svg,
 .algolia-places.algolia-places-styled .ap-input:focus ~ .ap-input-icon svg,
 .algolia-places.algolia-places-styled .ap-input-icon:hover svg {
-  fill: #aaaaaa;
 }
 
 /* The dropdown style */
 .algolia-places.algolia-places-styled .ap-dropdown-menu {
-  width: 100%;
-  background: #ffffff;
-  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
-  border-radius: 3px;
-  margin-top: 3px;
-  overflow: hidden;
 }
 
 /* The suggestions style */
 .algolia-places.algolia-places-styled .ap-suggestion {
-  cursor: pointer;
-  height: 46px;
-  line-height: 46px;
-  padding-left: 18px;
-  overflow: hidden;
 }
 
 /* The highlighted names style */
 .algolia-places.algolia-places-styled .ap-suggestion em {
-  font-weight: bold;
-  font-style: normal;
 }
 
 /* The addresses style */
 .algolia-places.algolia-places-styled .ap-address {
-  font-size: smaller;
-  margin-left: 12px;
-  color: #aaaaaa;
 }
+
 /* The icons of each suggestions ( can be a building or a pin ) */
 .algolia-places.algolia-places-styled .ap-suggestion-icon {
-  margin-right: 10px;
-  width: 14px;
-  height: 20px;
-  vertical-align: middle;
 }
+
 /* The style of the svg inside the .ap-suggestion-icon */
 .algolia-places.algolia-places-styled .ap-suggestion-icon svg {
-  transform: scale(0.9) translateY(2px);
-  fill: #cfcfcf;
 }
 
 /* The icons inside the input ( can be a pin or a cross ) */
 .algolia-places.algolia-places-styled .ap-input-icon {
-  border: 0;
-  background: transparent;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 16px;
-  outline: none;
 }
 
 /* The style of the svg inside the .ap-input-icon */
 .algolia-places.algolia-places-styled .ap-input-icon svg {
-  fill: #cfcfcf;
-  position: absolute;
-  top: 50%;
-  right: 0;
-  transform: translateY(-50%);
 }
 
 /* .a-cursor is the class a suggestion go on hover */
 .algolia-places.algolia-places-styled .ap-cursor {
-  background: #efefef;
 }
 
 /* The style of the svg icon, when the .ap-suggestion is on hover */
 .algolia-places.algolia-places-styled .ap-cursor .ap-suggestion-icon svg {
-  transform: scale(1);
-  fill: #aaaaaa;
 }
 
 /* The styles of the Algolia Places input footer */
 .algolia-places.algolia-places-styled .ap-footer {
-  opacity: .8;
-  text-align: right;
-  padding: .5em 1em .5em 0;
-  font-size: 12px;
-  line-height: 12px;
 }
 
 /* The styles of the Algolia Places input footer links */
 .algolia-places.algolia-places-styled .ap-footer a {
-  color: inherit;
-  text-decoration: none;
 }
 
 /* The styles of the Algolia Places input footer svg icons */
 .algolia-places.algolia-places-styled .ap-footer a svg {
-  vertical-align: middle;
 }
 
 /* The styles of the Algolia Places input footer on hover */
 .algolia-places.algolia-places-styled .ap-footer:hover {
-  opacity: 1;
 }
 
 ```