1
1
mirror of https://github.com/primer/css.git synced 2024-11-28 22:01:43 +03:00

Updating 4px spacer values to use the sass variables

This commit is contained in:
Jon Rohan 2017-07-17 13:13:24 -07:00
parent b6a0b71970
commit 6de1e89dd6
8 changed files with 12 additions and 12 deletions

View File

@ -1,6 +1,6 @@
.breadcrumb-item {
display: inline-block;
margin-left: -4px;
margin-left: -$spacer-1;
white-space: nowrap;
list-style: none;

View File

@ -62,7 +62,7 @@ label {
// Large inputs
.input-lg {
padding: 4px 10px;
padding: $spacer-1 10px;
font-size: 16px;
}
@ -99,8 +99,8 @@ label {
label {
em.highlight {
position: relative;
left: -4px;
padding: 2px 4px;
left: -$spacer-1;
padding: 2px $spacer-1;
font-style: normal;
background: $yellow-100;
border-radius: 3px;

View File

@ -64,7 +64,7 @@
// stylelint-disable selector-no-qualifying-type
dd {
h4 {
margin: 4px 0 0;
margin: $spacer-1 0 0;
&.is-error { color: $text-red; }
@ -204,7 +204,7 @@
.note {
min-height: 17px;
margin: 4px 0 2px;
margin: $spacer-1 0 2px;
font-size: 12px;
color: $text-gray;

View File

@ -87,7 +87,7 @@ dl.form-group > dd {
> li {
float: left;
margin: 0 4px 0 0;
margin: 0 $spacer-1 0 0;
list-style-type: none;
&.text {
@ -387,7 +387,7 @@ p.explain {
}
.minibutton {
top: -4px;
top: -$spacer-1;
float: right;
}
}

View File

@ -17,7 +17,7 @@
.label,
.Label {
display: inline-block;
padding: 3px 4px;
padding: 3px $spacer-1;
font-size: $font-size-small;
font-weight: $font-weight-bold;
line-height: 1; // prevent inheritance from changing proportions

View File

@ -49,7 +49,7 @@ $margin: 16px;
.anchor {
float: left;
padding-right: 4px;
padding-right: $spacer-1;
margin-left: -20px;
line-height: 1;

View File

@ -5,7 +5,7 @@
list-style-type: none;
&.small .filter-item {
padding: 4px 10px;
padding: $spacer-1 10px;
margin: 0 0 2px;
font-size: 12px;
}

View File

@ -24,7 +24,7 @@ $spacers: (
// Aliases for easy use
$spacer-1: nth($spacers, 2) !default; // 4px
$spacer-2: nth($spacers, 3) !default; // 8px
$spacer-3: nth($spacers, 4) !default; // 12px
$spacer-3: nth($spacers, 4) !default; // 16px
$spacer-4: nth($spacers, 5) !default; // 24px
$spacer-5: nth($spacers, 6) !default; // 32px
$spacer-6: nth($spacers, 7) !default; // 40px