diff --git a/www/scss/search-google.scss b/www/scss/search-google.scss index dd148f61e826d0244d76c7834f55a5df9c1ba43b..cd1ca2c0e4a77ac623c66de2a4f0db38ae79ca82 100644 --- a/www/scss/search-google.scss +++ b/www/scss/search-google.scss @@ -15,8 +15,7 @@ .unl .google-results tbody th, .unl .google-results tbody td { - padding-bottom: 0; - padding-top: 0; + padding: 0; } .unl .gsc-control-cse { @@ -38,6 +37,7 @@ .unl .gsc-control-cse .gsc-table-result { font-family: inherit; font-size: inherit; + padding: 0; } .unl .gsc-above-wrapper-area { @@ -61,67 +61,48 @@ .unl .gsc-webResult .gsc-result { border: 0; -// @include pb-6; +// @include pb-7; padding-bottom: 2.37em; padding-top: 0; } .unl .gsc-thumbnail-inside { - display: none; -} - -.unl .gsc-thumbnail-left { - display: block; -// @include mb-1; - margin-bottom: .43em; + padding-left: 0; } -.unl .gs-snippet { -// @include mb-1; - margin-bottom: .43em; -// @include mt-1; - margin-top: .5625em; -} - -.unl .gsc-result .gs-title { - height: initial; -} - -// TODO: use line-height crop mixin -.unl .gsc-result .gs-title::before { - content: ''; - display: block; - height: 0; - margin-top: -.18em; - width: 0; -} - -.unl .gs-result .gs-title, -.unl .gs-result .gs-title * { +.unl .gsc-thumbnail-inside > .gs-title, +.unl .gsc-thumbnail-inside > .gs-title * { // color: $scarlet; color: #d00000; + height: initial; text-decoration: none; -} - -.unl .gsc-control-cse .gs-spelling, -.unl .gsc-control-cse .gs-result .gs-title, -.unl .gsc-control-cse .gs-result .gs-title * { // @include lh-3; line-height: 1.25em; } -.unl .gsc-control-cse .gs-result .gsc-table-cell-snippet-close > .gs-title { +.unl .gsc-thumbnail-inside > .gs-title { // @include txt-h5; font-size: 1.5em; margin-bottom: .18em; } -.unl .gsc-control-cse .gs-result .gsc-table-cell-snippet-close > .gs-title * { +.unl .gsc-thumbnail-inside > .gs-title * { // @include txt-base; font-size: 1rem; } -.unl .gsc-url-top { +.unl .gsc-thumbnail-left { + display: block; +// @include mb-1; + margin-bottom: .43em; +} + +.unl .gs-snippet { +// @include mb-1; + margin-bottom: .43em; +} + +.unl .gsc-table-cell-snippet-close .gs-title { display: none; } @@ -129,14 +110,9 @@ color: inherit; } -.unl .gsc-thumbnail { -// @include pr-5; - padding-right: 1em; -} - .unl .gs-web-image-box, .unl .gs-promotion-image-box { - padding: 0; + padding: 0 1em 0 0; } .unl .gs-promotion-image-box img.gs-promotion-image, @@ -164,12 +140,17 @@ border: 0; } -.unl .gsc-url-bottom { +.unl .gsc-url-top { display: block; + padding: 0 0 1em 0; // @include txt-xs; font-size: .75em; } +.unl .gsc-url-bottom { + display: none; +} + // .unl .gsc-snippet-metadata, // .unl .gsc-role, // .unl .gsc-tel,