diff options
Diffstat (limited to 'assets/sass')
| -rw-r--r-- | assets/sass/alaveteli-org.scss | 80 |
1 files changed, 79 insertions, 1 deletions
diff --git a/assets/sass/alaveteli-org.scss b/assets/sass/alaveteli-org.scss index 7632cffcd..9b5ccb031 100644 --- a/assets/sass/alaveteli-org.scss +++ b/assets/sass/alaveteli-org.scss @@ -410,5 +410,83 @@ h3 { clear: left; padding-bottom: 1em; border-top: 1px solid #e4e3dd; - padding-top: 1.2em; + padding-top: 1.2em; } + +.about__intro { + @extend %full-width-section; + background-color: darken($colour_brand, 5%); + margin-bottom: 4em; + h1 { + font-weight: 600; + color: #fff; + text-shadow: 0px 2px 1px rgba(0,0,0,0.3); + margin-bottom: 0.25em; + @media (min-width: $large-screen) { + font-size: 4em; + } + } + a { + color: #fff; + border-bottom: 1px dotted rgba(255,255,255,0.3); + &:hover, + &:active, + &:focus { + border-color: rgba(255,255,255,0.6); + background-color: darken($colour_brand, 10%); + text-decoration: none; + } + } + p { + @media (min-width: $mediumish-screen) { + font-size: 1.25em; + } + color: #fff; + } +} + +.about__column { + @media (min-width: $mediumish-screen) { + @include grid-column--one-of-two; + padding: 0 3%; + } + +} + +.content-in-columns { + margin-bottom: 1.5em; + border-top: 3px dashed $colour_background; + padding-top: 1.5em; + &:first-of-type { + border-top: none; + padding-top: 0; + } +} + +.stamp-graphic { + position: absolute; + width: 24%; + right: 2em; + -webkit-transform: rotate(9deg); + -moz-transform: rotate(9deg); + -o-transform: rotate(9deg); + transform: rotate(9deg); + @media (min-width: 45.4375em) { + top: 20em; + } + @media (min-width: 50.6875em) { + top: 19em; + } + @media (min-width: 66.875em) { + top: 9em; + } +} + +.about__intro p { + + @media (min-width: 50.6875em) { + max-width: 27em; + } + @media (min-width: 66.875em) { + max-width: 34em; + } } |