diff --git a/src/css/associations.scss b/src/css/associations.scss index 960befa..c79a087 100644 --- a/src/css/associations.scss +++ b/src/css/associations.scss @@ -63,6 +63,12 @@ &-image { padding-right: 0; } + + &-text { + p { + font-size: 1rem; + } + } } &-homepage { diff --git a/src/css/base.scss b/src/css/base.scss index eb1a9e9..0da89c6 100644 --- a/src/css/base.scss +++ b/src/css/base.scss @@ -24,6 +24,10 @@ body { &:focus { outline-color: $color-orange; } + + @media (max-width: $media-s) { + line-height: 1.4; + } } main { @@ -41,6 +45,7 @@ section { a { color: $color-link; + transition: all .1s ease-in-out; &:hover { color: $color-hover; @@ -132,8 +137,8 @@ button, .button { &-small { display: inline-block; width: auto; - padding: 0.3rem 1rem; - margin: .5rem auto; + padding: 0.24rem .6rem; + margin: .3rem auto 0; color: $color-white; background: $color-black; border: none; @@ -143,6 +148,26 @@ button, .button { &:hover { color: $color-white; } + @media (max-width: $media-s) { + font-size: 1rem; + } + } + + &-text { + display: inline-block; + width: auto; + padding: 0; + margin: 0 auto .8rem; + color: $color-black; + border: none; + border-bottom: .13em solid $color-black; + background: transparent; + font-size: 1rem; + line-height: 1; + &:hover { + color: $color-white; + border-color: $color-white; + } } } diff --git a/src/css/blog.scss b/src/css/blog.scss index b352485..f170697 100644 --- a/src/css/blog.scss +++ b/src/css/blog.scss @@ -87,6 +87,9 @@ width: 100%; margin-left: 0; margin-right: 0; + &-body { + font-size: 1rem; + } &-content { padding: 0 1rem; } diff --git a/src/css/front-page.scss b/src/css/front-page.scss index 5514ee7..b63acee 100644 --- a/src/css/front-page.scss +++ b/src/css/front-page.scss @@ -19,14 +19,14 @@ text-align: center; } - h2, h3, p, ul, .button { + h2, h3, p, ul { max-width: $width-m; margin: 0 auto 1rem; } .section-title { font-weight: 700; - font-size: 1.5rem; + font-size: 2.6rem; text-transform: uppercase; letter-spacing: 0.03em; line-height: 1.1; @@ -46,42 +46,13 @@ .visit-us { background: $color-green; + &_links { + margin: 0 auto; + } .button { color: $color-green; &:hover { - color: $color-white; - } - } - - label, input { - display: block; - width: 100%; - } -} - -.opening-hours { - width: 100%; - &_venue { - font-weight: 700; - text-transform: uppercase; - letter-spacing: 0.03em; - line-height: 1.1; - } - ul { - list-style: none; - padding: 0; - font-size: $font-s; - - li { - margin-bottom: 1rem; - } - ul { - display: block; - margin: 0 auto; - li { - width: 100%; - margin-bottom: 0; - } + color: white; } } } @@ -92,14 +63,10 @@ flex-direction: column; justify-content: center; - .section-title { - font-size: 2.6rem; - } - .button { color: $color-yellow; &:hover { - color: $color-white; + color: white; } } } @@ -107,6 +74,7 @@ @media (max-width: $media-s) { .front-page-info { display: block; + font-size: 1rem; > div { width: 100%; } diff --git a/src/pages/index.js b/src/pages/index.js index f87fcbc..36e2e69 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -22,30 +22,15 @@ export default class IndexPage extends React.Component { />
-
-

Besøk oss

-
-

Vi holder til på Majorstua, i Slemdalsveien 15.

- Se i Google Maps -
-
-
    -
  • - Glassbaren -
      -
    • Mandag–lørdag: 14:00–00:00
    • -
    -
  • -
  • - Bokcaféen -
      -
    • Mandag–torsdag: 19:00–00:00
    • -
    • Fredag: 20:00–03:00
    • -
    -
  • -
- Se alle åpningstider -
+

Besøk oss

+

Chateau Neuf ligger på Majorstua i Oslo, i Slemdalsveien 15.

+
+ + Praktisk informasjon +
+ + Åpningstider +