Browse Source

Making the chevrons a bit smaller.

pull/210/head
connors 11 years ago
parent
commit
6060cccb37
  1. 6
      dist/ratchet.css
  2. 6
      lib/css/chevrons.css

6
dist/ratchet.css vendored

@ -774,7 +774,7 @@ button.button-block {
.chevron:after { .chevron:after {
position: relative; position: relative;
display: block; display: block;
width: 12px; width: 10px;
height: 3px; height: 3px;
background-color: #c7c7cc; background-color: #c7c7cc;
content: ''; content: '';
@ -782,12 +782,12 @@ button.button-block {
/* Position and rotate respective 1/2's of the chevron */ /* Position and rotate respective 1/2's of the chevron */
.chevron:before { .chevron:before {
top: 5px; top: 6px;
-webkit-transform: rotate(45deg); -webkit-transform: rotate(45deg);
transform: rotate(45deg); transform: rotate(45deg);
} }
.chevron:after { .chevron:after {
top: 9px; top: 8px;
-webkit-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
transform: rotate(-45deg); transform: rotate(-45deg);
}/* General count styles }/* General count styles

6
lib/css/chevrons.css

@ -11,7 +11,7 @@
.chevron:after { .chevron:after {
position: relative; position: relative;
display: block; display: block;
width: 12px; width: 10px;
height: 3px; height: 3px;
background-color: #c7c7cc; background-color: #c7c7cc;
content: ''; content: '';
@ -19,12 +19,12 @@
/* Position and rotate respective 1/2's of the chevron */ /* Position and rotate respective 1/2's of the chevron */
.chevron:before { .chevron:before {
top: 5px; top: 6px;
-webkit-transform: rotate(45deg); -webkit-transform: rotate(45deg);
transform: rotate(45deg); transform: rotate(45deg);
} }
.chevron:after { .chevron:after {
top: 9px; top: 8px;
-webkit-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
transform: rotate(-45deg); transform: rotate(-45deg);
} }
Loading…
Cancel
Save