Adjust modal tab styling

This commit is contained in:
John Furrow
2016-02-20 09:25:03 -08:00
parent 57a48ec787
commit 44b3acb2d1
3 changed files with 7 additions and 7 deletions
+3 -3
View File
@@ -30,7 +30,7 @@ $modal--tabs--margin--left: $spacing-unit * -1/5;
&__tabs {
color: $modal--tab--foreground;
font-size: 0.7em;
font-size: 0.65em;
font-weight: 400;
margin: $modal--tabs--margin--top $modal--tabs--margin--right $modal--tabs--margin--bottom $modal--tabs--margin--left;
@@ -39,8 +39,8 @@ $modal--tabs--margin--left: $spacing-unit * -1/5;
&__tab {
cursor: pointer;
display: inline-block;
margin-right: $spacing-unit * 1/4;
padding: $spacing-unit * 1/5;
margin-right: $spacing-unit * 2/5;
padding: $spacing-unit * 1/5 $spacing-unit * 1/5 $spacing-unit * 2/5 $spacing-unit * 1/5;
position: relative;
&:after {
+3 -3
View File
@@ -1384,14 +1384,14 @@ body {
text-align: center; }
.modal__tabs {
color: #abbac7;
font-size: 0.7em;
font-size: 0.65em;
font-weight: 400;
margin: 10px -5px 0 -5px; }
.modal__tabs .modal__tab {
cursor: pointer;
display: inline-block;
margin-right: 6.25px;
padding: 5px;
margin-right: 10px;
padding: 5px 5px 10px 5px;
position: relative; }
.modal__tabs .modal__tab:after {
bottom: 0;
File diff suppressed because one or more lines are too long