diff options
| author | Andrii-Moshenskyi <andrii.moshenskyi@gmail.com> | 2021-03-01 15:39:26 +0200 |
|---|---|---|
| committer | Andrii-Moshenskyi <andrii.moshenskyi@gmail.com> | 2021-03-01 15:39:26 +0200 |
| commit | 07a475cc93a9a774c43fa0336a569261f91b350d (patch) | |
| tree | 5fb135093f28802d3660f5a977e2a854b2934591 /sass | |
| parent | 8bc998b0d6b91cb72d8fa9233126b1210d3eab79 (diff) | |
| download | community.vyos.net-07a475cc93a9a774c43fa0336a569261f91b350d.tar.gz community.vyos.net-07a475cc93a9a774c43fa0336a569261f91b350d.zip | |
Created Google Analytics & Cookies message with working logic
Diffstat (limited to 'sass')
| -rw-r--r-- | sass/google-analytics-message.sass | 70 | ||||
| -rw-r--r-- | sass/main.sass | 3 |
2 files changed, 72 insertions, 1 deletions
diff --git a/sass/google-analytics-message.sass b/sass/google-analytics-message.sass new file mode 100644 index 0000000..3789f86 --- /dev/null +++ b/sass/google-analytics-message.sass @@ -0,0 +1,70 @@ +@import settings.sass + +.google-analytics-message + position: fixed + left: 0 + right: 0 + bottom: 0 + height: auto + display: none + align-items: center + background-color: $white + box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08) + padding: 44px 0 + +resp(lg) + padding: 28px 0 + +resp(sm) + padding: 20px 0 + +resp(esm) + padding: 13px 0 + &.open + display: flex + &__content + display: flex + align-items: center + &__img + border-right: 1px solid #E0DFDF + padding-right: 21px + &__text + p + padding-left: 20px + line-height: 160% + font-size: 15px + hyphens: inherit + +resp(md) + font-size: 14px + p:first-child + margin-bottom: 16px + &__buttons + text-align: right + margin-top: 20px + +resp(esm) + text-align: inherit + display: flex + &__accept, &__decline + height: 40px + width: 151px + font-weight: 700 + cursor: pointer + outline: none + transition: 0.3s + +resp(esm) + width: 50% + &__accept + background-color: $orange + border: 1px solid $orange + color: $black + margin-right: 6px + +resp(esm) + margin-right: 5px + &:hover + background-color: $white + &__decline + background-color: $black + border: 1px solid $black + color: $white + +resp(esm) + margin-left: 5px + &:hover + background-color: $white + color: $black
\ No newline at end of file diff --git a/sass/main.sass b/sass/main.sass index 7c5ba66..882446c 100644 --- a/sass/main.sass +++ b/sass/main.sass @@ -99,4 +99,5 @@ div.container @import front-page/main-text.sass
@import front-page/inform-columns.sass
@import front-page/bottom-text.sass
-@import footer.sass
\ No newline at end of file +@import footer.sass
+@import google-analytics-message.sass
\ No newline at end of file |