Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-08-20 14:43:49 +00:00
Code Issues Actions Projects Releases Wiki Activity

improve layout of custom field on view page

Browse Source 
ref #12
This commit is contained in:
Julien Fastré
2016-11-13 20:27:20 +01:00
parent d90be4ec46
commit 4c265ef293
4 changed files with 110 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
Resources/public/sass/person.scss
View File

@@ -20,29 +20,69 @@ div#person_details_container {
padding-bottom: 20px;
}
figure.person-details {
h2 {
font-family: 'Open Sans';
font-weight: 600;
margin-bottom: 0.3em;
}
div.person-view {
figure.person-details {
h2 {
font-family: 'Open Sans';
font-weight: 600;
margin-bottom: 0.3em;
font-variant: small-caps;
}
dl {
margin-top: 0.3em;
}
dl {
margin-top: 0.3em;
}
dt {
font-family: 'Open Sans';
font-weight: 600;
}
dt {
font-family: 'Open Sans';
font-weight: 600;
}
dd {
margin-left: 0;
}
dd {
margin-left: 0;
}
a.sc-button {
background-color: $black;
padding-top: 0.2em;
padding-bottom: 0.2em;
}
}
/* custom fields on the home page */
div.custom-fields {
figure.person-details {
display: flex;
flex-flow: row wrap;
div.cf_title_box:nth-child(4n+1) h2 {
@extend .chill-red;
}
div.cf_title_box:nth-child(4n+2) h2 {
@extend .chill-green;
}
div.cf_title_box:nth-child(4n+3) h2 {
@extend .chill-orange;
}
div.cf_title_box:nth-child(4n+4) h2 {
@extend .chill-blue;
}
div.cf_title_box:nth-child(2n+1){
width: 50%;
margin-right: 40px;
}
iv.cf_title_box:nth-child(2n+2) {
width: calc(50% - 40px);
}
}
}
a.sc-button {
background-color: $black;
padding-top: 0.2em;
padding-bottom: 0.2em;
}
}