dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

renommage des variables d'espacement ($tiny-value -> $spacer-tiny)

Browse source
This commit is contained in:
Raphael Goetter 2017-11-02 16:07:27 +01:00
parent 3003f4a62f
commit 21a5996ee3
11 changed files with 60 additions and 59 deletions
Download patch file Download diff file Expand all files Collapse all files

2
sass/components/_alerts.scss
View file

@ -4,7 +4,7 @@
/* use .alert-- classes for variants */
.alert {
padding: $small-value $small-value;
padding: $spacer-small $spacer-small;
margin-top: 0.75em;
margin-bottom: 0;
color: $color-base;

2
sass/components/_badges.scss
View file

@ -5,7 +5,7 @@
.badge {
display: inline-block;
padding: $tiny-value;
padding: $spacer-tiny;
border-radius: 50%;
color: $color-base;
background-color: $color-muted;

6
sass/components/_buttons.scss
View file

@ -6,7 +6,7 @@
%btn {
display: inline-block;
padding: $small-value $small-plus-value;
padding: $spacer-small $spacer-small-plus;
cursor: pointer;
user-select: none;
transition: 0.25s;
@ -57,12 +57,12 @@ button {
.btn,
.button {
&--small {
padding: $tiny-plus-value $small-value;
padding: $spacer-tiny-plus $spacer-small;
font-size: .8em;
}
&--big {
padding: $small-plus-value $medium-value;
padding: $spacer-small-plus $spacer-medium;
font-size: 1.4em;
}

6
sass/components/_forms.scss
View file

@ -10,10 +10,10 @@ fieldset {
}
fieldset {
padding: $medium-value;
padding: $spacer-medium;
& legend {
padding: 0 $tiny-value;
padding: 0 $spacer-tiny;
border: 0;
white-space: normal;
}
@ -47,7 +47,7 @@ textarea {
box-shadow: 0 0 0 1px $forms-color inset;
color: $color-base;
vertical-align: middle;
padding: $tiny-value $small-value;
padding: $spacer-tiny $spacer-small;
margin: 0;
transition: 0.25s;
transition-property: box-shadow, background-color, color, border;

6
sass/components/_tables.scss
View file

@ -9,7 +9,7 @@ table,
table-layout: fixed;
border-collapse: collapse;
vertical-align: top;
margin-bottom: $medium-value;
margin-bottom: $spacer-medium;
}
.table {
@ -25,7 +25,7 @@ table,
& caption {
caption-side: bottom;
padding: $small-value;
padding: $spacer-small;
color: $table-caption-color;
font-style: italic;
text-align: right;
@ -34,7 +34,7 @@ table,
& td,
& th {
padding: 0.3rem 0.6rem;
min-width: $medium-value;
min-width: $spacer-medium;
vertical-align: top;
border: 1px $table-border dotted;
text-align: left;

4
sass/components/_tabs.scss
View file

@ -11,7 +11,7 @@
&-link {
display: block;
margin-bottom: -2px;
padding: $tiny-value $medium-plus-value;
padding: $spacer-tiny $spacer-medium-plus;
border-bottom: 4px solid transparent;
color: $tabs-color;
background: $tabs-background;
@ -40,7 +40,7 @@
}
.tabs-content-item {
padding-top: $small-value;
padding-top: $spacer-small;
&[aria-hidden="true"] {
visibility: hidden;

2
sass/components/_tags.scss
View file

@ -5,7 +5,7 @@
.tag {
display: inline-block;
padding: 3px $tiny-value;
padding: 3px $spacer-tiny;
vertical-align: baseline;
white-space: nowrap;
color: $color-base;