fix: switch back to pixel based border sizes

This commit is contained in:
Robert Kaussow 2021-02-21 22:34:34 +01:00
parent e748a7dbc0
commit a8af7c3791
No known key found for this signature in database
GPG key ID: 65362AE74AF98B61
6 changed files with 15 additions and 14 deletions

View file

@ -430,7 +430,7 @@ img {
width: $padding-16; width: $padding-16;
height: $padding-16; height: $padding-16;
border: $border-2 solid transparent; border: $border-1 solid transparent;
border-top-color: $body-font-color; border-top-color: $body-font-color;
border-radius: 50%; border-radius: 50%;

View file

@ -63,7 +63,7 @@
} }
.chroma .lntable td:first-child code { .chroma .lntable td:first-child code {
background-color: $gray-200; background-color: $gray-200;
border-right: 1px solid #dcdfe3; border-right: $border-1 solid #dcdfe3;
padding: 0.5em 0; padding: 0.5em 0;
} }
.chroma .lntable td code { .chroma .lntable td code {

View file

@ -11,8 +11,9 @@ $font-size-14: 0.875rem !default;
$font-size-16: 1rem !default; $font-size-16: 1rem !default;
$font-size-32: 2rem !default; $font-size-32: 2rem !default;
$border-2: 0.125rem !default; $border-1: 1px !default;
$border-4: 0.25rem !default; $border-2: 2px !default;
$border-4: 4px !default;
$border-radius: 0.15rem !default; $border-radius: 0.15rem !default;

View file

@ -45,7 +45,7 @@
a, a,
&__link { &__link {
text-decoration: none; text-decoration: none;
border-bottom: 1px solid transparent; border-bottom: $border-1 solid transparent;
line-height: 1em; line-height: 1em;
&:hover { &:hover {
@ -121,7 +121,7 @@
tr th, tr th,
tr td { tr td {
padding: $padding-8 $padding-16; padding: $padding-8 $padding-16;
border: $border-2 solid $gray-200; border: $border-1 solid $gray-200;
} }
tr:nth-child(2n) { tr:nth-child(2n) {

View file

@ -6,7 +6,7 @@
} }
.gdoc-footer { .gdoc-footer {
border-top: 1px solid $gray-300; border-top: $border-1 solid $gray-300;
} }
.gdoc-markdown pre { .gdoc-markdown pre {
@ -15,7 +15,7 @@
} }
.chroma code { .chroma code {
border: 1px solid $gray-300; border: $border-1 solid $gray-300;
padding: $padding-8 !important; padding: $padding-8 !important;
font-weight: normal !important; font-weight: normal !important;
} }

View file

@ -3,7 +3,7 @@
margin-top: $padding-16; margin-top: $padding-16;
margin-bottom: $padding-16; margin-bottom: $padding-16;
border: $border-2 solid $gray-200; border: $border-1 solid $gray-200;
border-radius: $border-radius; border-radius: $border-radius;
overflow: hidden; overflow: hidden;
@ -33,7 +33,7 @@
margin-top: $padding-16; margin-top: $padding-16;
margin-bottom: $padding-16; margin-bottom: $padding-16;
border: $border-2 solid $gray-200; border: $border-1 solid $gray-200;
border-radius: $border-radius; border-radius: $border-radius;
overflow: hidden; overflow: hidden;
@ -44,20 +44,20 @@
&__label { &__label {
display: inline-block; display: inline-block;
padding: $padding-8 $padding-16; padding: $padding-8 $padding-16;
border-bottom: $border-2 transparent; border-bottom: $border-1 transparent;
cursor: pointer; cursor: pointer;
} }
&__content { &__content {
order: 999; //Move content blocks to the end order: 999; //Move content blocks to the end
width: 100%; width: 100%;
border-top: $border-2 solid $gray-100; border-top: $border-1 solid $gray-100;
padding: $padding-16; padding: $padding-16;
display: none; display: none;
} }
&__control:checked + &__label { &__control:checked + &__label {
border-bottom: $border-2 solid $color-link; border-bottom: $border-1 solid $color-link;
} }
&__control:checked + &__label + &__content { &__control:checked + &__label + &__content {
display: block; display: block;
@ -84,7 +84,7 @@
.gdoc-button { .gdoc-button {
display: inline-block; display: inline-block;
color: $gray-700; color: $gray-700;
border: $border-2 solid $gray-500; border: $border-1 solid $gray-500;
border-radius: $border-radius; border-radius: $border-radius;
margin: $padding-8 0; margin: $padding-8 0;
cursor: pointer; cursor: pointer;