Non puoi selezionare più di 25 argomenti
Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
139 righe
2.6 KiB
139 righe
2.6 KiB
@import "compass"; |
|
|
|
.page-list { |
|
.mediaobject { |
|
padding: 50px; |
|
vertical-align: top; |
|
|
|
|
|
.page_description { |
|
font-size: 1.1em; |
|
} |
|
|
|
@media (max-width: $tablet) { |
|
padding-top: 40px; |
|
padding-bottom: 40px; |
|
padding-right: 15px; |
|
padding-left: 15px; |
|
} |
|
|
|
@media (max-width: $mobile) { |
|
padding-top: 20px; |
|
padding-bottom: 20px; |
|
padding-right: 15px; |
|
padding-left: 15px; |
|
} |
|
|
|
&:hover { |
|
.page_title.green b { |
|
color: $green-menu; |
|
} |
|
.page_title.blue b { |
|
color: $blue-menu; |
|
} |
|
.page_title.yellow b { |
|
color: $yellow-menu; |
|
} |
|
.page_title.red b { |
|
color: $red-menu; |
|
} |
|
.page_title.orange b { |
|
color: $orange-menu; |
|
} |
|
.page_title.camel b { |
|
color: $camel-menu; |
|
} |
|
.page_title.purple b { |
|
color: $purple-menu; |
|
} |
|
} |
|
|
|
.container-icon { |
|
width: em(210px); |
|
height: em(140px); |
|
/*border-radius: 50%;*/ |
|
margin: 0 auto; |
|
@include display-flex(); |
|
@include justify-content(center); |
|
@include align-items(center); |
|
|
|
.mediaobject_icon { |
|
font-size: em(36px); |
|
color: $w; |
|
} |
|
} |
|
.page_title_outer{ |
|
position: relative; |
|
@include display-flex(); |
|
@include align-items(center); |
|
@include justify-content(center); |
|
margin-top: 20px; |
|
margin-bottom: 20px; |
|
|
|
.page_title { |
|
position: relative; |
|
width: 100%; |
|
text-align: center; |
|
margin: 0; |
|
font-size: em(30px); |
|
font-family: $second-font; |
|
b { |
|
transition: all $speed; |
|
} |
|
.title_down { |
|
display: inline-block; |
|
} |
|
} |
|
} |
|
|
|
|
|
|
|
.page_description:before { |
|
content: ""; |
|
width: 10%; |
|
margin: 0px auto 20px; |
|
background: blue; |
|
height: 3px; |
|
display: block; |
|
} |
|
|
|
|
|
} |
|
} |
|
|
|
|
|
.mediaobject.green { |
|
.container-icon, .page_description:before { |
|
background-color: $green-menu; |
|
} |
|
} |
|
.mediaobject.blue { |
|
.container-icon, .page_description:before { |
|
background-color: $blue-menu; |
|
} |
|
} |
|
.mediaobject.yellow { |
|
.container-icon, .page_description:before { |
|
background-color: $yellow-menu; |
|
} |
|
} |
|
.mediaobject.red { |
|
.container-icon, .page_description:before { |
|
background-color: $red-menu; |
|
} |
|
} |
|
.mediaobject.orange { |
|
.container-icon, .page_description:before { |
|
background-color: $orange-menu; |
|
} |
|
} |
|
.mediaobject.camel { |
|
.container-icon, .page_description:before { |
|
background-color: $camel-menu; |
|
} |
|
} |
|
.mediaobject.purple { |
|
.container-icon, .page_description:before { |
|
background-color: $purple-menu; |
|
} |
|
} |