Skip to content

Instantly share code, notes, and snippets.

@varya
Created November 30, 2012 17:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save varya/4177163 to your computer and use it in GitHub Desktop.
Save varya/4177163 to your computer and use it in GitHub Desktop.
.goods
{
margin: 20px 0;
padding: 0;
list-style: none;
text-align: justify;
}
.goods__item
{
display: inline-block;
overflow: hidden;
vertical-align: top;
text-align: left;
width: 150px;
padding: 15px 30px 0 30px;
margin: 20px 0;
text-align: center;
}
.goods__title
{
font-size: 13px;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
margin: 0;
padding: 0;
white-space: nowrap;
}
.goods__price
{
position: relative;
display: block;
}
.goods__link
{
display: block;
font-weight: bold;
font-size: 16px;
text-decoration: none;
background: #87cefa;
color: #fff;
padding: 12px 10px;
margin: 10px -30px 0 -30px;
-webkit-transition: background 0.2s ease-in;
-moz-transition: background 0.2s ease-in;
-ms-transition: background 0.2s ease-in;
-o-transition: background 0.2s ease-in;
transition: background 0.2s ease-in;
}
.goods__link:hover
{
background: #4169e1;
}
.goods__sizer
{
display: inline-block;
width: 150px;
padding: 0 30px;
}
.goods__item_new_yes .goods__link
{
background: #ffb6c1;
}
@osiyuk
Copy link

osiyuk commented Feb 10, 2014

.goods__item
{
    display: inline-block;
    overflow: hidden;

    vertical-align: top;
    text-align: center;

    width: 150px;
    padding: 15px 30px 0 30px;
    margin: 20px 0;
}

Может так лучше?

@osiyuk
Copy link

osiyuk commented Feb 10, 2014

Я форкнул и немного доработал :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment