82 lines
1.3 KiB
SCSS
82 lines
1.3 KiB
SCSS
/*
|
|
* About Page
|
|
* Styles for index page elements
|
|
*
|
|
* Dependencies:
|
|
* styles/settings/responsive.scss
|
|
* styles/tools/_flex.scss
|
|
* styles/tools/_responsive.scss
|
|
*
|
|
* Version:
|
|
* 1.0.0 - 2018/03/11
|
|
*/
|
|
.c-page--style-about {
|
|
background: url('./../images/dotted_bg_yellow.png');
|
|
background-size: 16px 16px;
|
|
}
|
|
|
|
.c-page--style-about__profile-container {
|
|
margin-bottom: 5em;
|
|
}
|
|
|
|
.c-page--style-about__profile {
|
|
width: 100%;
|
|
max-width: 256px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.c-page--style-about__blurb {
|
|
font-size: 1.25em;
|
|
max-width: 25em;
|
|
}
|
|
|
|
.c-page--style-about__blurb,
|
|
.c-page--style-about__profile-container {
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
.c-page--style-about__window {
|
|
display: block;
|
|
width: 90%;
|
|
margin: 0 auto;
|
|
}
|
|
.c-page--style-about__window-text {
|
|
width: 100%;
|
|
resize: none;
|
|
}
|
|
|
|
|
|
/*
|
|
.c-page--style-about__language-container {
|
|
@extend %t-flexbox;
|
|
@include t-flex-wrap(wrap);
|
|
}
|
|
|
|
.c-page--style-about__language {
|
|
width: 100%;
|
|
padding: 1em;
|
|
}
|
|
|
|
.c-page--style-about__language-heading,
|
|
.c-page--style-about__language-description {
|
|
text-align: center;
|
|
}
|
|
|
|
.c-page--style-about__subheading {
|
|
margin-top: 4em;
|
|
}
|
|
*/
|
|
@include t-media-query($s-small-up) {
|
|
.c-page--style-about__window-container {
|
|
width: 50%;
|
|
}
|
|
.c-page--style-about__window {
|
|
width: 50%;
|
|
}
|
|
|
|
/*.c-page--style-about__language {
|
|
width: 50%;
|
|
}*/
|
|
}
|