[IMP][CSS] Replace margin and padding values with variables

This commit is contained in:
Elisabeth Dickinson 2023-01-02 14:06:16 +01:00 committed by Antoine Vandevenne (anv)
parent 001fe6bd1e
commit a9d1450111
2 changed files with 13 additions and 12 deletions

View File

@ -177,6 +177,7 @@ $margin-s: $padding-s;
$margin-m: $padding-m;
$margin-l: $padding-l;
$o-icon-margin: .2em;
//------------------------------------------------------------------------------
// Components
//------------------------------------------------------------------------------

View File

@ -31,13 +31,13 @@ body {
content: '#{$i-external-link}';
font-family: icomoon, sans-serif !important;
@include font-size($font-size-base/1.3);
margin: 0 .2rem;
margin: 0 $o-icon-margin;
}
}
}
dd {
margin-left: 1rem;
margin-left: $margin-s;
}
// This fixes the scroll position on all elements, including refs
@ -525,7 +525,7 @@ header {
align-items: center;
&:before {
@include o-inline-icon($i-article, 0 .2rem 0 0);
@include o-inline-icon($i-article, 0 $o-icon-margin 0 0);
color: $o-gray-light;
}
}
@ -752,7 +752,7 @@ header {
}
img {
margin-bottom: 1rem;
margin-bottom: $margin-s;
}
img:not(.o-no-modal) {
@ -760,7 +760,7 @@ header {
}
iframe {
margin-bottom: 1rem;
margin-bottom: $margin-s;
}
p > img {
@ -928,7 +928,7 @@ header {
font-weight: $fw_bold;
&:before {
@include o-inline-icon($i-info, 0 .2rem 0 0, baseline, $font-size-base, inherit);
@include o-inline-icon($i-info, 0 $o-icon-margin 0 0, baseline, $font-size-base, inherit);
@include media-breakpoint-down(md) {
display:none;
}
@ -1040,7 +1040,7 @@ header {
.accordion-button {
&::after {
margin: 0 .2rem 0 0;
margin: 0 $o-icon-margin 0 0;
}
&.collapsed::after {
@ -1051,7 +1051,7 @@ header {
.accordion-body {
#wrap & { // FIXME: Temporary workaround to take priority over pre-existing rules.
> *:first-child {
margin-top: 1rem;
margin-top: $margin-s;
}
code, div[class^="highlight"] {
@ -1071,7 +1071,7 @@ header {
.sphinx-tabs {
padding: 0;
margin-bottom: 1rem;
margin-bottom: $margin-s;
div[role="tablist"] {
border-color: $o-gray-border;
@ -1098,7 +1098,7 @@ header {
color: $o-gray-color;
border: 0;
border-top: solid 1px $o-gray-border;
padding: .5rem 1rem;
padding: $padding-xs $padding-s;
&:hover {
&:not([aria-selected="true"]) {
@ -1141,7 +1141,7 @@ header {
background: $white;
color: $o-gray-color;
border: 1px solid $o-gray-border;
padding: 1rem;
padding: $padding-s;
&:focus {
outline: none;
@ -1172,7 +1172,7 @@ footer {
h4 {
color: $secondary;
font-weight: $fw_bold;
margin-bottom: 1.5rem;
margin-bottom: $margin-s;
}
}