- {{ repo_name }}
+ {{ config.repo_name }}
diff --git a/src/assets/stylesheets/_shame.scss b/src/assets/stylesheets/_shame.scss
index 64d448e59..8b8f65520 100644
--- a/src/assets/stylesheets/_shame.scss
+++ b/src/assets/stylesheets/_shame.scss
@@ -24,72 +24,6 @@
// Rules
// ----------------------------------------------------------------------------
-@include break-to-device(tablet portrait) {
- .md-search-result__link {
- padding: 0 1.6rem;
- }
- .md-search-result__meta {
- padding-left: 1.6rem;
- }
-}
-
-.md-search-result {
-
- &__meta {
- background: $md-color-black--lightest;
- color: $md-color-black--light;
- padding-left: 4.8rem;
- padding-right: 1.6rem;
- line-height: 4.0rem;
- font-size: ms(-1);
- }
-
- &__item {
-
- box-shadow: 0 -0.1rem 0 rgba(0, 0, 0, 0.07);
- }
-
- &__list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- border-top: 0.1rem solid $md-color-black--lightest;
- }
-
- &__link {
- overflow: auto; // TODO: this must be here, because the inner margins may not collapse...
- display: block;
- padding-left: 4.8rem;
- padding-right: 1.6rem;
- transition: background 0.25s;
-
- &:hover {
- background: transparentize($md-color-accent, 0.9);
- }
- }
-
- &__article {
- margin: 1.0em 0;
- }
-
- &__title {
- color: $md-color-black;
- font-size: ms(0);
- font-weight: 400;
- line-height: 1.4;
- margin-top: 0.5em;
- margin-bottom: 0;
- }
-
- &__teaser {
- color: $md-color-black--light;
- font-size: ms(-1);
- line-height: 1.4;
- margin: 0.5em 0;;
- word-break: break-word;
- }
-}
-
.md-button {
float: right;
margin-top: 9px;
diff --git a/src/assets/stylesheets/layout/_search.scss b/src/assets/stylesheets/layout/_search.scss
index d794316ed..434a940f1 100644
--- a/src/assets/stylesheets/layout/_search.scss
+++ b/src/assets/stylesheets/layout/_search.scss
@@ -219,7 +219,7 @@
}
}
- // Icon
+ // Icons
&__icon {
position: absolute;
top: $md-icon-padding;
@@ -336,3 +336,75 @@
}
}
}
+
+// Search result
+.md-search-result {
+
+ // Search metadata
+ &__meta {
+ padding: 0 1.6rem;
+ background: $md-color-black--lightest;
+ color: $md-color-black--light;
+ font-size: ms(-1);
+ line-height: 4.0rem;
+
+ // [tablet landscape +]: Increase left indent
+ @include break-from-device(tablet landscape) {
+ padding-left: 4.8rem;
+ }
+ }
+
+ // List of items
+ &__list {
+ margin: 0;
+ padding: 0;
+ border-top: 0.1rem solid $md-color-black--lightest;
+ list-style: none;
+ }
+
+ // List item
+ &__item {
+ box-shadow: 0 -0.1rem 0 $md-color-black--lightest;
+ }
+
+ // Link inside item
+ &__link {
+ display: block;
+ padding: 0 1.6rem;
+ transition: background 0.25s;
+ overflow: auto;
+
+ // Hovered link
+ &:hover {
+ background: transparentize($md-color-accent, 0.9);
+ }
+
+ // [tablet landscape +]: Increase left indent
+ @include break-from-device(tablet landscape) {
+ padding-left: 4.8rem;
+ }
+ }
+
+ // Search result content
+ &__article {
+ margin: 1.0em 0;
+ }
+
+ // Search result title
+ &__title {
+ margin-top: 0.5em;
+ margin-bottom: 0;
+ color: $md-color-black;
+ font-size: ms(0);
+ font-weight: 400;
+ line-height: 1.4;
+ }
+
+ &__teaser {
+ margin: 0.5em 0;;
+ color: $md-color-black--light;
+ font-size: ms(-1);
+ line-height: 1.4;
+ word-break: break-word;
+ }
+}