modified style of user-bar when loged in
This commit is contained in:
parent
ca8263ed84
commit
89bff62c56
File diff suppressed because one or more lines are too long
|
@ -1,200 +1,199 @@
|
|||
//content {
|
||||
|
||||
// general styles
|
||||
//----------------
|
||||
//
|
||||
// mods on fonts and typography
|
||||
// not in foundation variables
|
||||
// -----------------------------
|
||||
// general styles
|
||||
//----------------
|
||||
//
|
||||
// mods on fonts and typography
|
||||
// not in foundation variables
|
||||
// -----------------------------
|
||||
|
||||
h1,h2,h3,h4,h5,h6,
|
||||
.h1,.h2,.h3,.h4,.h5,.h6,
|
||||
button,.button,
|
||||
header nav {
|
||||
font-variant:all-small-caps;
|
||||
a {
|
||||
color: $body-font-color;
|
||||
h1,h2,h3,h4,h5,h6,
|
||||
.h1,.h2,.h3,.h4,.h5,.h6,
|
||||
button,.button,
|
||||
header nav {
|
||||
font-variant:all-small-caps;
|
||||
a {
|
||||
color: $body-font-color;
|
||||
}
|
||||
}
|
||||
.excerpt,.post-excerpt{
|
||||
a {
|
||||
color: $body-font-color;
|
||||
&:hover {
|
||||
p {
|
||||
color: $anchor-color;
|
||||
}
|
||||
}
|
||||
.excerpt,.post-excerpt{
|
||||
a {
|
||||
color: $body-font-color;
|
||||
&:hover {
|
||||
p {
|
||||
color: $anchor-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// main block
|
||||
//--------------
|
||||
|
||||
|
||||
main {
|
||||
article {
|
||||
@include xy-grid;
|
||||
header {
|
||||
@include xy-cell(12);
|
||||
.entry-title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// main block
|
||||
//--------------
|
||||
|
||||
|
||||
main {
|
||||
article {
|
||||
@include xy-grid;
|
||||
header {
|
||||
@include xy-cell(12);
|
||||
.entry-title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.entry-content {
|
||||
@include breakpoint(small){
|
||||
@include xy-cell(12);
|
||||
padding: $global-padding*2 ;
|
||||
margin:0 auto;
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
@include xy-cell(12);
|
||||
padding: $global-padding*2 $global-padding*3;
|
||||
max-width: 50rem;
|
||||
margin:0 auto;
|
||||
}
|
||||
@include breakpoint(xlarge){
|
||||
@include xy-cell(12);
|
||||
max-width: 50rem;
|
||||
padding: $global-padding*2 $global-padding*3;
|
||||
font-size: $global-font-size*1.2;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// news category
|
||||
//--------------
|
||||
|
||||
.news,.news-category {
|
||||
@include xy-grid;
|
||||
header,main,aside {
|
||||
@include breakpoint(small){
|
||||
padding-top: 0;
|
||||
@include xy-cell(12);
|
||||
@include flex;
|
||||
@include flex-align(center,top);
|
||||
padding-top: $global-padding*3;
|
||||
h3 {
|
||||
line-height: $global-lineheight/1.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
main {
|
||||
//@include xy-cell(12);
|
||||
@include xy-grid;
|
||||
article{
|
||||
text-align:center;
|
||||
@include card-container();
|
||||
@include breakpoint(small){
|
||||
@include xy-cell(12);
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
@include xy-cell(6);
|
||||
}
|
||||
@include breakpoint(large){
|
||||
@include xy-cell(4);
|
||||
}
|
||||
figure {
|
||||
@include breakpoint(small){
|
||||
@include xy-cell(12);
|
||||
height: 58vw;
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
height: 28vw;
|
||||
}
|
||||
@include breakpoint(large){
|
||||
height: 20vw;
|
||||
}
|
||||
}
|
||||
.date {
|
||||
// height: 1rem;
|
||||
padding-top: $global-padding*2;
|
||||
}
|
||||
.entry-title {
|
||||
padding-top: $global-padding*2;
|
||||
line-height: 0.7;
|
||||
font-size: $global-font-size*1.5;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
aside {
|
||||
@include breakpoint(small){
|
||||
padding-top:0;
|
||||
padding-bottom: $global-padding*3;
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
padding-top:$global-padding*3;
|
||||
padding-bottom: 0;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
// end news category
|
||||
|
||||
|
||||
//
|
||||
// collections category
|
||||
//--------------
|
||||
|
||||
.collections-list {
|
||||
@include xy-grid;
|
||||
header,main{
|
||||
.entry-content {
|
||||
@include breakpoint(small){
|
||||
@include xy-cell(12);
|
||||
@include flex;
|
||||
@include flex-align(center,top);
|
||||
padding: $global-padding*2 0;
|
||||
padding: $global-padding*2 ;
|
||||
margin:0 auto;
|
||||
}
|
||||
header {
|
||||
margin-top: 2*$global-margin;
|
||||
border-top: 1px solid $body-font-color;
|
||||
padding: $global-padding*2 0;
|
||||
@include breakpoint(medium){
|
||||
@include xy-cell(12);
|
||||
padding: $global-padding*2 $global-padding*3;
|
||||
max-width: 50rem;
|
||||
margin:0 auto;
|
||||
}
|
||||
main {
|
||||
@include xy-grid;
|
||||
article{
|
||||
// text-align:center;
|
||||
@include card-container();
|
||||
@include breakpoint(small){
|
||||
@include xy-cell();
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
}
|
||||
@include breakpoint(large){
|
||||
}
|
||||
margin-bottom:0;
|
||||
}
|
||||
table {
|
||||
thead,tbody,tfoot {
|
||||
margin: $global-padding*2;
|
||||
}
|
||||
}
|
||||
}
|
||||
.accordion-content {
|
||||
@include xy-grid(12);
|
||||
figure {
|
||||
@include xy-cell(4);
|
||||
}
|
||||
p {
|
||||
@include xy-cell(6);
|
||||
}
|
||||
@include breakpoint(xlarge){
|
||||
@include xy-cell(12);
|
||||
max-width: 50rem;
|
||||
padding: $global-padding*2 $global-padding*3;
|
||||
font-size: $global-font-size*1.2;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
// end collections category
|
||||
}
|
||||
}
|
||||
|
||||
// partners
|
||||
// for big announcemnts
|
||||
//---------------------
|
||||
|
||||
//
|
||||
// news category
|
||||
//--------------
|
||||
|
||||
.news,.news-category {
|
||||
@include xy-grid;
|
||||
header,main,aside {
|
||||
@include breakpoint(small){
|
||||
padding-top: 0;
|
||||
@include xy-cell(12);
|
||||
@include flex;
|
||||
@include flex-align(center,top);
|
||||
padding-top: $global-padding*3;
|
||||
h3 {
|
||||
line-height: $global-lineheight/1.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
main {
|
||||
//@include xy-cell(12);
|
||||
@include xy-grid;
|
||||
article{
|
||||
text-align:center;
|
||||
@include card-container();
|
||||
@include breakpoint(small){
|
||||
@include xy-cell(12);
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
@include xy-cell(6);
|
||||
}
|
||||
@include breakpoint(large){
|
||||
@include xy-cell(4);
|
||||
}
|
||||
figure {
|
||||
@include breakpoint(small){
|
||||
@include xy-cell(12);
|
||||
height: 58vw;
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
height: 28vw;
|
||||
}
|
||||
@include breakpoint(large){
|
||||
height: 20vw;
|
||||
}
|
||||
}
|
||||
.date {
|
||||
// height: 1rem;
|
||||
padding-top: $global-padding*2;
|
||||
}
|
||||
.entry-title {
|
||||
padding-top: $global-padding*2;
|
||||
line-height: 0.7;
|
||||
font-size: $global-font-size*1.5;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
aside {
|
||||
@include breakpoint(small){
|
||||
padding-top:0;
|
||||
padding-bottom: $global-padding*3;
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
padding-top:$global-padding*3;
|
||||
padding-bottom: 0;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
// end news category
|
||||
|
||||
|
||||
//
|
||||
// collections category
|
||||
//--------------
|
||||
|
||||
.collections-list {
|
||||
@include xy-grid;
|
||||
header,main{
|
||||
@include xy-cell(12);
|
||||
@include flex;
|
||||
@include flex-align(center,top);
|
||||
padding: $global-padding*2 0;
|
||||
}
|
||||
header {
|
||||
margin-top: 2*$global-margin;
|
||||
border-top: 1px solid $body-font-color;
|
||||
padding: $global-padding*2 0;
|
||||
}
|
||||
main {
|
||||
@include xy-grid;
|
||||
article{
|
||||
// text-align:center;
|
||||
@include card-container();
|
||||
@include breakpoint(small){
|
||||
@include xy-cell();
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
}
|
||||
@include breakpoint(large){
|
||||
}
|
||||
margin-bottom:0;
|
||||
}
|
||||
table {
|
||||
thead,tbody,tfoot {
|
||||
margin: $global-padding*2;
|
||||
}
|
||||
}
|
||||
}
|
||||
.accordion-content {
|
||||
@include xy-grid(12);
|
||||
figure {
|
||||
@include xy-cell(4);
|
||||
}
|
||||
p {
|
||||
@include xy-cell(6);
|
||||
}
|
||||
}
|
||||
}
|
||||
// end collections category
|
||||
|
||||
// partners
|
||||
// for big announcemnts
|
||||
//---------------------
|
||||
|
||||
.partners {
|
||||
.entry-content {
|
||||
|
@ -220,142 +219,147 @@
|
|||
.wp-block-image {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// hero
|
||||
// for big announcemnts
|
||||
//---------------------
|
||||
//
|
||||
// hero
|
||||
// for big announcemnts
|
||||
//---------------------
|
||||
|
||||
|
||||
.hero {
|
||||
border-top: 2px solid $primary-color;
|
||||
.slides {
|
||||
@include xy-grid();
|
||||
.slide {
|
||||
@include xy-grid;
|
||||
@include breakpoint(small){
|
||||
width: 100vw;
|
||||
margin: 0;
|
||||
.textwidget {
|
||||
padding: $global-padding * 3;
|
||||
}
|
||||
.hero {
|
||||
border-top: 2px solid $primary-color;
|
||||
.slides {
|
||||
@include xy-grid();
|
||||
.slide {
|
||||
@include xy-grid;
|
||||
@include breakpoint(small){
|
||||
width: 100vw;
|
||||
margin: 0;
|
||||
.textwidget {
|
||||
padding: $global-padding * 3;
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
.textwidget {
|
||||
max-width: 50rem;
|
||||
margin:auto;
|
||||
padding: $global-padding * 2;
|
||||
font-size: $global-font-size*1.3;
|
||||
}
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
.textwidget {
|
||||
max-width: 50rem;
|
||||
margin:auto;
|
||||
padding: $global-padding * 2;
|
||||
font-size: $global-font-size*1.3;
|
||||
}
|
||||
@include breakpoint(large){
|
||||
width: 50%;
|
||||
height: calc((50vw*9)/16);
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow:hidden;
|
||||
a {
|
||||
@include flex;
|
||||
@include flex-align (center,middle);
|
||||
}
|
||||
img {
|
||||
}
|
||||
@include breakpoint(large){
|
||||
width: 50%;
|
||||
height: calc((50vw*9)/16);
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow:hidden;
|
||||
a {
|
||||
@include flex;
|
||||
@include flex-align (center,middle);
|
||||
}
|
||||
img {
|
||||
// max-width: unset !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
.textwidget {
|
||||
font-size: $global-font-size*1.2;
|
||||
padding: $global-padding * 2;
|
||||
}
|
||||
height: 100% !important;
|
||||
}
|
||||
@include breakpoint(xlarge){
|
||||
.textwidget {
|
||||
font-size: $global-font-size*1.3;
|
||||
padding: $global-padding*3;
|
||||
}
|
||||
.textwidget {
|
||||
font-size: $global-font-size*1.2;
|
||||
padding: $global-padding * 2;
|
||||
}
|
||||
@include breakpoint(xxlarge){
|
||||
.textwidget {
|
||||
font-size: $global-font-size*1.6;
|
||||
padding: $global-padding*3;
|
||||
}
|
||||
}
|
||||
@include breakpoint(xlarge){
|
||||
.textwidget {
|
||||
font-size: $global-font-size*1.3;
|
||||
padding: $global-padding*3;
|
||||
}
|
||||
&:first-child {
|
||||
background-color: $primary-color;
|
||||
font-variant:all-small-caps;
|
||||
}
|
||||
@include breakpoint(xxlarge){
|
||||
.textwidget {
|
||||
font-size: $global-font-size*1.6;
|
||||
padding: $global-padding*3;
|
||||
}
|
||||
color: $white;
|
||||
}
|
||||
&:first-child {
|
||||
background-color: $primary-color;
|
||||
font-variant:all-small-caps;
|
||||
}
|
||||
color: $white;
|
||||
|
||||
.logo {
|
||||
@include breakpoint(medium){
|
||||
max-width: 80%;
|
||||
.logo {
|
||||
@include breakpoint(medium){
|
||||
max-width: 80%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
aside {
|
||||
@include xy-grid();
|
||||
background-color: $secondary-color;
|
||||
nav {
|
||||
@include xy-cell(auto);
|
||||
@include flex;
|
||||
@include flex-align(spaced,middle);
|
||||
min-height: 6rem;
|
||||
padding: $global-padding 0 ;
|
||||
a {
|
||||
color: $body-font-color;
|
||||
}
|
||||
.button {
|
||||
justify-content:center;
|
||||
}
|
||||
}
|
||||
}
|
||||
//hero secondary
|
||||
&.secondary {
|
||||
border-top: none;
|
||||
background-color: $secondary-color;
|
||||
.slide{
|
||||
figure {
|
||||
background-color: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.omeka {
|
||||
border-top: none;
|
||||
max-height: unset;
|
||||
@include breakpoint(small){
|
||||
.slides {
|
||||
background-color: $secondary-color;
|
||||
.slide {
|
||||
flex-direction: column;
|
||||
align-content: center;
|
||||
align-self: center;
|
||||
margin: $global-margin auto;
|
||||
&:first-child {
|
||||
color: unset;
|
||||
background-color: unset;
|
||||
font-variant:all-small-caps;
|
||||
}
|
||||
figure {
|
||||
margin: 0 auto;
|
||||
display:flex;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
aside {
|
||||
@include xy-grid();
|
||||
background-color: $secondary-color;
|
||||
nav {
|
||||
@include xy-cell(auto);
|
||||
@include flex;
|
||||
@include flex-align(spaced,middle);
|
||||
min-height: 6rem;
|
||||
padding: $global-padding 0 ;
|
||||
a {
|
||||
color: $body-font-color;
|
||||
}
|
||||
.button {
|
||||
justify-content:center;
|
||||
}
|
||||
}
|
||||
}
|
||||
//hero secondary
|
||||
&.secondary {
|
||||
border-top: none;
|
||||
background-color: $secondary-color;
|
||||
.slide{
|
||||
figure {
|
||||
background-color: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.omeka {
|
||||
border-top: none;
|
||||
max-height: unset;
|
||||
@include breakpoint(small){
|
||||
.slides {
|
||||
background-color: $secondary-color;
|
||||
.slide {
|
||||
flex-direction: column;
|
||||
align-content: center;
|
||||
align-self: center;
|
||||
margin: $global-margin auto;
|
||||
&:first-child {
|
||||
color: unset;
|
||||
background-color: unset;
|
||||
font-variant:all-small-caps;
|
||||
}
|
||||
figure {
|
||||
margin: 0 auto;
|
||||
display:flex;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
aside {
|
||||
background-color: $white;
|
||||
flex-direction: column;
|
||||
align-content: center;
|
||||
h2 {
|
||||
margin: $global-margin;
|
||||
}
|
||||
background-color: $white;
|
||||
flex-direction: column;
|
||||
align-content: center;
|
||||
h2 {
|
||||
margin: $global-margin;
|
||||
}
|
||||
}
|
||||
}
|
||||
//end hero
|
||||
}
|
||||
//end hero
|
||||
|
||||
//}
|
||||
// end content
|
||||
// omeka specific styles
|
||||
#user-bar {
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
//end omeka specific styles
|
||||
|
|
Loading…
Reference in New Issue