diff --git a/src/style/_models.scss b/src/style/_models.scss index 23b349d6..feb46a87 100644 --- a/src/style/_models.scss +++ b/src/style/_models.scss @@ -3,14 +3,16 @@ font-size: 12px; font-weight: 300; + @include text_code(); + .deprecated { - span, td { - color: $model-deprecated-font-color !important; - } + span, + td + { + color: $model-deprecated-font-color !important; + } } - - @include text_code(); &-toggle { font-size: 10px; @@ -87,7 +89,8 @@ background: rgba($model-hint-background-color,.7); } - p { + p + { margin: 0 0 1em 0; } } @@ -106,6 +109,7 @@ section.models h4 { margin: 0 0 5px 0; + border-bottom: 1px solid rgba($section-models-isopen-h4-border-bottom-color, .3); } } @@ -114,6 +118,7 @@ section.models font-size: 16px; display: flex; + align-items: center; margin: 0; padding: 10px 20px 10px 10px; @@ -122,7 +127,6 @@ section.models transition: all .2s; @include text_headline($section-models-h4-font-color); - align-items: center; svg { @@ -202,7 +206,7 @@ section.models &.deprecated { - opacity: .5; + opacity: .5; } } @@ -218,14 +222,16 @@ section.models { font-size: 16px; font-weight: 600; + margin-right: 1em; + @include text_headline($_color-delete); } span { - > span.model + > span.model { .brace-close { @@ -237,8 +243,8 @@ span .prop-name { display: inline-block; + margin-right: 1em; - width: 8em; } .prop-type