|
Server : Apache/2.4.18 (Ubuntu) System : Linux canvaswebdesign 3.13.0-71-generic #114-Ubuntu SMP Tue Dec 1 02:34:22 UTC 2015 x86_64 User : oppastar ( 1041) PHP Version : 7.0.33-0ubuntu0.16.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Directory : /var/www/angkasapuraretail.com/public_html/themes/old-themes/css/ |
Upload File : |
.summary {
display: flex;
flex-direction: row;
}
.summary__details {
display: flex;
flex-direction: column;
flex-grow: 1;
align-items: flex-start;
width: 100%;
}
@media (min-width: 768px) {
.summary__details {
padding-right: 20px;
}
}
.summary__main {
display: flex;
flex-direction: column;
order: 2;
width: 100%;
}
@media (min-width: 768px) {
.summary__main {
flex-direction: row;
justify-content: space-between;
order: unset;
}
}
.summary__product {
width: 100%;
margin-bottom: 16px;
}
@media (min-width: 768px) {
.summary__product {
margin-bottom: 23px;
padding-right: 20px;
}
}
.summary__brand {
display: inline-flex;
margin-bottom: 5px;
color: var(--text-primary);
font-size: 12px;
font-weight: 700;
letter-spacing: 2.4px;
text-decoration: none;
text-transform: uppercase;
}
@media (min-width: 768px) {
.summary__brand {
margin: 0;
font-size: 14px;
letter-spacing: 2.8px;
}
}
.summary__name {
display: -webkit-box;
margin-bottom: 5px;
overflow: hidden;
font-size: 17px;
font-weight: 700;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media (min-width: 768px) {
.summary__name {
margin-bottom: 15px;
font-size: 20px;
}
}
.summary__rating {
display: none;
flex-wrap: wrap;
align-items: center;
width: 100%;
margin-bottom: 16px;
}
@media (min-width: 768px) {
.summary__rating {
display: flex;
margin-bottom: 0;
}
}
.summary__rating--is-mobile {
display: flex;
order: 2;
}
@media (min-width: 768px) {
.summary__rating--is-mobile {
display: none;
}
}
.summary__stars {
display: flex;
margin-right: 15px;
}
.summary__see-reviews {
display: inline-block;
color: var(--text-disabled);
font-size: 12px;
text-decoration: underline;
cursor: pointer;
}
.summary__see-reviews:hover {
color: var(--text-primary);
}
.summary__shades {
order: 1;
width: 100%;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.summary__shades {
order: unset;
margin-bottom: 15px;
}
}
.summary__order {
order: 2;
width: 100%;
margin-bottom: 25px;
}
@media (min-width: 768px) {
.summary__order {
display: block;
order: unset;
max-width: 490px;
margin-bottom: 15px;
}
}
.summary__info {
order: 2;
margin-bottom: 10px;
color: var(--text-primary);
font-size: 14px;
}
@media (min-width: 768px) {
.summary__info {
order: unset;
color: #666666;
}
}
.summary__benefits {
order: 2;
}
@media (min-width: 768px) {
.summary__benefits {
order: unset;
}
}
.summary__prices {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.summary__prices {
display: flex;
flex-direction: column;
margin-bottom: 23px;
text-align: right;
}
}
.summary__mrp-statement {
color: var(--text-disabled);
font-size: 14px;
}
@media (min-width: 768px) {
.summary__mrp-statement {
order: -1;
}
}
.summary__price {
display: inline-block;
font-size: 17px;
font-weight: 700;
white-space: nowrap;
}
@media (min-width: 768px) {
.summary__price {
display: block;
font-size: 25px;
}
}
.summary__old-price {
display: inline-block;
margin-left: 10px;
color: var(--grey-300);
font-size: 12px;
text-decoration: line-through;
white-space: nowrap;
}
@media (min-width: 768px) {
.summary__old-price {
display: block;
margin-left: 0;
font-size: 15px;
}
}