74 lines
1.1 KiB
SCSS
74 lines
1.1 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
|
|
*/
|
|
|
|
//Body Section Margin
|
|
.c-about-page__body-section {
|
|
margin-bottom: 3em;
|
|
}
|
|
|
|
//About Section
|
|
.c-page--style-about__bio-section {
|
|
margin-bottom: 5em;
|
|
}
|
|
|
|
.c-page--style-about {
|
|
}
|
|
|
|
.c-page--style-about__profile-container {
|
|
}
|
|
|
|
.c-window--style-about {
|
|
max-width: 25em;
|
|
margin: 0 auto;
|
|
display: block;
|
|
width: 90%;
|
|
}
|
|
|
|
.c-page--style-about__profile {
|
|
width: 100%;
|
|
max-width: 256px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.c-page--style-about__blurb {
|
|
font-size: 1.25em;
|
|
}
|
|
|
|
.c-page--style-about__profile-container {
|
|
text-align: center;
|
|
}
|
|
|
|
//Window adjustments for about section
|
|
.c-page--style-about__window {
|
|
display: block;
|
|
width: 90%;
|
|
margin: 0 auto;
|
|
}
|
|
.c-page--style-about__window-text {
|
|
width: 100%;
|
|
resize: none;
|
|
}
|
|
|
|
//Media queries
|
|
@include t-media-query($s-small-up) {
|
|
.c-page--style-about__blurb {
|
|
}
|
|
|
|
.c-page--style-about__window-container {
|
|
width: 50%;
|
|
}
|
|
.c-page--style-about__window {
|
|
width: 50%;
|
|
}
|
|
}
|