From c5ec0d87dc2c87f8171521c6e9479826618fe459 Mon Sep 17 00:00:00 2001 From: norrinorri Date: Wed, 28 Jun 2017 08:45:44 +0300 Subject: pieniƤ muutoksia etusivuun MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- _sass/_as-theme.scss | 250 +++++++++++++++++++++++++++++++++++++++++++++++++++ _sass/_gt-theme.scss | 250 --------------------------------------------------- 2 files changed, 250 insertions(+), 250 deletions(-) create mode 100644 _sass/_as-theme.scss delete mode 100644 _sass/_gt-theme.scss (limited to '_sass') diff --git a/_sass/_as-theme.scss b/_sass/_as-theme.scss new file mode 100644 index 0000000..e17f605 --- /dev/null +++ b/_sass/_as-theme.scss @@ -0,0 +1,250 @@ + +body { + font-family: $font-sans; + background-color: $white-color; +} + +.teaser { + &:not(:first-of-type) { + margin: ($spacing-unit / 2) 0; + } + background-color: $white-color; + @at-root { + .teaser__image { + display: inline-block; + @include breakpoint(tablet) { + max-width: 200px; + } + } + .teaser__text { + display: inline-block; + vertical-align: middle; + padding: ($spacing-unit / 2); + } + } +} +.teaser--with-image .teaser__text { + @include breakpoint(tablet) { + max-width: 60%; + } + @include breakpoint(desktop) { + max-width: 70%; + } +} + +.header__title { + background-color: $white-color; +} + +.site-footer { + background: $grey-color-light; + padding: $spacing-unit; + color: black; + .footer-col { + color: black; + } + h2 { + font-family: 'Sintony', sans-serif; + text-transform: uppercase; + letter-spacing: 1px; + font-size: 1.3em; + } +} + +.header__navigation { + + margin-top: $spacing-unit / 4; + overflow: hidden; + ul { + + overflow: hidden; + background: $grey-color-light; + margin: 0; + padding: $spacing-unit /2 0; + } + text-align: center; + .navigation__item { + display: inline-block; + padding: 0 10px; + + font-size: 1.0em; + } + a, a:visited, a:hover { + text-decoration: none; + color: $text-color; + } + a:hover{ + color: $purple-color; + } +} + +.header__title { + padding-top: $spacing-unit/4; + padding-bottom: $spacing-unit/4; + background-color: $purple-color; + h1 { + text-align: center; + //border-bottom: 1px solid; + //border-top: 1px solid; + } +} + +.site-title { + font-family: 'Sintony', sans-serif; + letter-spacing: 1px; + font-size: 1.0em; +} + +.header__logo { + display: block; + margin: auto; +} + +.post-content { + font-family: $font-serif; +} + +.post__ingress { + font-size: 1.15em; + font-family: $font-serif; + @include breakpoint(desktop) { + width: 95%; + } +} + +.post__category { + color: $brand-color; + text-transform: uppercase; + font-weight: 600; + margin-right: 5px; +} + +.post { + overflow: auto; + padding: $spacing-unit / 2; + @include breakpoint(mobile) { + padding: $spacing-unit; + } + background-color: $white-color; +} + +h2 a, +h3 a, +h4 a { + &, &:visited { + color: $text-color; + } +} + +.section-main { + @include breakpoint(mobile) { + float: left; + width: 68%; + &.article-list { + width: 73%; + } + } +} + +.sidebar { + @include breakpoint(mobile) { + float: right; + width: 25%; + } +} + +.teaser--magazine { + margin: 0; + padding: 10px 20px; +} + +.magazine__number { + text-align: center; + margin: 5px; +} + +.fourfold { + @extend %clearfix; +} + +.fourfold__row { + @extend %clearfix; + @include breakpoint(0, tablet) { + border-top: 1px solid #ddd; + } +} + +.fourfold__cell { + width: 33%; + float: left; + min-height: 100px; + border-top: 1px solid #ddd; + border-right: 1px solid #ddd; + padding: 10px; + box-sizing: border-box; + word-wrap: break-word; + @include breakpoint(0, tablet) { + border: none; + } +} + +.author { + margin: $spacing-unit; + @at-root { + .author__image { + object-fit: cover; + width: 150px; + height: 150px; + padding: 10px; + display: inline-block; + } + .author__text { + display: inline-block; + } + .author__job { + font-weight: bold; + } + } +} +.authors { + width: 50%; + float: left; +} + + +.page--magazine { + .teaser--magazine { + @include breakpoint(mobile) { + float: left; + width: 30%; + } + } +} +.article-list--magazine { + @include breakpoint(mobile) { + width: 68%; + float: right; + .teaser:first-of-type { + margin-top: 0; + } + } + .teaser { + margin-top: $spacing-unit / 2; + } + h2 { + margin: 0; + } + .post-link { + font-size: 0.8em; + } +} + +.sidebar__related { + padding-top: $spacing-unit; + margin-top: $spacing-unit; + border-top: 1px solid $border-color; +} + +.teaser--heading { + padding: $spacing-unit / 2 $spacing-unit / 4 0; +} diff --git a/_sass/_gt-theme.scss b/_sass/_gt-theme.scss deleted file mode 100644 index 4ffe729..0000000 --- a/_sass/_gt-theme.scss +++ /dev/null @@ -1,250 +0,0 @@ - -body { - font-family: $font-sans; - background-color: $white-color; -} - -.teaser { - &:not(:first-of-type) { - margin: ($spacing-unit / 2) 0; - } - background-color: $white-color; - @at-root { - .teaser__image { - display: inline-block; - @include breakpoint(tablet) { - max-width: 200px; - } - } - .teaser__text { - display: inline-block; - vertical-align: middle; - padding: ($spacing-unit / 2); - } - } -} -.teaser--with-image .teaser__text { - @include breakpoint(tablet) { - max-width: 60%; - } - @include breakpoint(desktop) { - max-width: 70%; - } -} - -.header__title { - background-color: $white-color; -} - -.site-footer { - background: $grey-color-light; - padding: $spacing-unit; - color: black; - .footer-col { - color: black; - } - h2 { - font-family: 'Sintony', sans-serif; - text-transform: uppercase; - letter-spacing: 1px; - font-size: 1.3em; - } -} - -.header__navigation { - - margin-top: $spacing-unit / 4; - overflow: hidden; - ul { - - overflow: hidden; - background: $grey-color-light; - margin: 0; - padding: $spacing-unit /2 0; - } - text-align: center; - .navigation__item { - display: inline-block; - padding: 0 10px; - - font-size: 1.0em; - } - a, a:visited, a:hover { - text-decoration: none; - color: $text-color; - } - a:hover{ - color: $purple-color; - } -} - -.header__title { - padding-top: $spacing-unit/2; - padding-bottom: $spacing-unit/2; - background-color: $purple-color; - h1 { - text-align: center; - //border-bottom: 1px solid; - //border-top: 1px solid; - } -} - -.site-title { - font-family: 'Sintony', sans-serif; - letter-spacing: 1px; - font-size: 1.0em; -} - -.header__logo { - display: block; - margin: auto; -} - -.post-content { - font-family: $font-serif; -} - -.post__ingress { - font-size: 1.15em; - font-family: $font-serif; - @include breakpoint(desktop) { - width: 95%; - } -} - -.post__category { - color: $brand-color; - text-transform: uppercase; - font-weight: 600; - margin-right: 5px; -} - -.post { - overflow: auto; - padding: $spacing-unit / 2; - @include breakpoint(mobile) { - padding: $spacing-unit; - } - background-color: $white-color; -} - -h2 a, -h3 a, -h4 a { - &, &:visited { - color: $text-color; - } -} - -.section-main { - @include breakpoint(mobile) { - float: left; - width: 68%; - &.article-list { - width: 73%; - } - } -} - -.sidebar { - @include breakpoint(mobile) { - float: right; - width: 25%; - } -} - -.teaser--magazine { - margin: 0; - padding: 10px 20px; -} - -.magazine__number { - text-align: center; - margin: 5px; -} - -.fourfold { - @extend %clearfix; -} - -.fourfold__row { - @extend %clearfix; - @include breakpoint(0, tablet) { - border-top: 1px solid #ddd; - } -} - -.fourfold__cell { - width: 33%; - float: left; - min-height: 100px; - border-top: 1px solid #ddd; - border-right: 1px solid #ddd; - padding: 10px; - box-sizing: border-box; - word-wrap: break-word; - @include breakpoint(0, tablet) { - border: none; - } -} - -.author { - margin: $spacing-unit; - @at-root { - .author__image { - object-fit: cover; - width: 150px; - height: 150px; - padding: 10px; - display: inline-block; - } - .author__text { - display: inline-block; - } - .author__job { - font-weight: bold; - } - } -} -.authors { - width: 50%; - float: left; -} - - -.page--magazine { - .teaser--magazine { - @include breakpoint(mobile) { - float: left; - width: 30%; - } - } -} -.article-list--magazine { - @include breakpoint(mobile) { - width: 68%; - float: right; - .teaser:first-of-type { - margin-top: 0; - } - } - .teaser { - margin-top: $spacing-unit / 2; - } - h2 { - margin: 0; - } - .post-link { - font-size: 0.8em; - } -} - -.sidebar__related { - padding-top: $spacing-unit; - margin-top: $spacing-unit; - border-top: 1px solid $border-color; -} - -.teaser--heading { - padding: $spacing-unit / 2 $spacing-unit / 4 0; -} -- cgit v1.3