com web/shared: small horizontal "sidebar" on small viewports: styles/people.css
| From: | Peter Cowburn | Date: | Sun, 08 Jun 2014 17:50:52 +0000 |
| Subject: | com web/shared: small horizontal "sidebar" on small viewports: styles/people.css | ||
| Groups: | php.webmaster | ||
| Request: | Send a blank email to php-webmaster+get-19208@lists.php.net to get a copy of this message | ||
Commit: afc475a6a6ebb3d997807d3df42ce48f6d693469
Author: Peter Cowburn <petercowburn@gmail.com> Sun, 8 Jun 2014 18:50:52 +0100
Parents: 4754232cb6fc31b91987e00f5c1c6c6317b6a316
Branches: master
Link: http://git.php.net/?p=web/shared.git;a=commitdiff;h=afc475a6a6ebb3d997807d3df42ce48f6d693469
Log:
small horizontal "sidebar" on small viewports
Changed paths:
M styles/people.css
Diff:
diff --git a/styles/people.css b/styles/people.css
index 3841923..18b4077 100644
--- a/styles/people.css
+++ b/styles/people.css
@@ -58,6 +58,30 @@ footer {
}
/* {{{ Responsive parts */
+@media (max-width: 48rem) {
+ section.fullscreen .secondscreen {
+ /*display: none;*/
+ padding: 1.5rem;
+ border-top: 1px solid #f0f0f0;
+ }
+ .profile-side > div {
+ float: left;
+ width: 100px;
+ }
+ .profile-side > ul {
+ float: left;
+ }
+ .profile-side img {
+ width: 80px;
+ height: 80px;
+ }
+ .profile-details {
+ margin: 0;
+ }
+ .profile-main > h2 {
+ margin-top: 1rem;
+ }
+}
@media (min-width: 48rem) {
.fullscreen {
width: 48rem;