| Current Path : /home/h/a/p/happyrenas/old/devis-huissier.fr/old/sass/components/content/pricing/ |
Linux webd005.cluster105.gra.hosting.ovh.net 5.15.206-ovh-vps-grsec-zfs-classid #1 SMP Fri May 15 02:41:25 UTC 2026 x86_64 |
| Current File : /home/h/a/p/happyrenas/old/devis-huissier.fr/old/sass/components/content/pricing/_pricing-1.scss |
// OSWALD - PRICING 1
// BEGIN: General Mode
.c-content-pricing-1 {
@include reset-padmar(); // call mixing reset default padding and margin
width: 100%;
> .c-tile-container {
width:100%;
position:relative;
text-align:center;
> .c-tile {
background: #ffffff;
width:31.9%;
height:100%;
float:left;
padding: 90px 0;
margin:0 20px;
&.c-bordered {
border: 3px solid transparent;
}
&.c-shadow {
box-shadow: 0px 3px 18px -5px rgba(0,0,0,0.5);
}
> .c-label {
color: #fff;
padding: 4px 10px 2px 10px;
font-weight:bold;
font-size: 14px;
text-transform: uppercase;
display:inline-block;
margin: 0 0 30px 0;
}
> p {
font-size:15px;
font-weight: 400;
}
> .btn {
margin-top:40px;
}
> .c-price{
color: $general-head-font-color;
font-size:60px;
font-weight:bold;
> sup{
font-size:28px;
font-weight:normal;
vertical-align: super;
}
}
}
> .c-tile-small {
margin:40px 0;
padding:50px 0;
}
}
&.c-option-2 {
> .c-tile-container {
> .c-tile {
> .c-label {
color: #ffffff;
}
&.c-highlight {
background-color: #32c5d2;
> .c-label {
background-color: #ffffff;
color: #32c5d2;
}
> p {
color:#ffffff;
}
> .c-price {
color: $general-head-font-color;
> sup {
color: $general-head-font-color;
}
}
}
}
}
}
}
// END
// BEGIN: Mobile Mode
@media (max-width: $screen-sm-max) { /* <= 991px */
.c-content-pricing-1 {
>.c-title{
>h3{
margin:20px 0 50px 0;
}
}
>.c-tile-container{
>.c-tile{
width:100%;
margin:20px 0;
}
}
}
}