Last active
August 24, 2019 14:41
-
-
Save AndreaHasani/2b3b66f1b7318305875074c44e665687 to your computer and use it in GitHub Desktop.
style.css
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .multi-label--accordion-content-tip-body { | |
| color: #4a4a4a; | |
| font-size: 12px; | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .multi-label { | |
| margin-bottom: 20px; | |
| } | |
| .multi-label--tabs.tabs { | |
| display: none; | |
| } | |
| .multi-label--tabs-content-features { | |
| -ms-flex-align: center; | |
| align-items: center; | |
| display: -ms-flexbox; | |
| display: flex; | |
| } | |
| .multi-label--tabs-content-features-list { | |
| list-style-type: circle; | |
| margin-left: 60px; | |
| max-width: 430px; | |
| } | |
| .multi-label--tabs-content-features-list-item { | |
| margin-bottom: 15px; | |
| } | |
| .multi-label--tabs-content-features-list-item:last-child { | |
| margin-bottom: 0; | |
| } | |
| .multi-label--tabs-content-tip-wrapper { | |
| -ms-flex-align: start; | |
| align-items: flex-start; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .multi-label--tabs-content-tip-item { | |
| list-style: none !important; | |
| padding-left: 25px; | |
| padding-right: 25px; | |
| width: 33.33333%; | |
| } | |
| .multi-label--tabs-content-tip-headline { | |
| color: #00aa9e; | |
| font-size: 12px; | |
| font-weight: 700; | |
| letter-spacing: 1.4px; | |
| margin-bottom: 10px; | |
| text-transform: uppercase; | |
| } | |
| .multi-label--tabs-content-tip-body { | |
| margin: 0; | |
| } | |
| .multi-label--tab-content-details-wrapper { | |
| -ms-flex-align: start; | |
| align-items: flex-start; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-pack: distribute; | |
| justify-content: space-around; | |
| } | |
| .multi-label--tab-content-details-block { | |
| width: 33%; | |
| } | |
| .multi-label--tab-content-details-headline { | |
| color: #4a4a4a; | |
| font-size: 12px; | |
| letter-spacing: 1.7px; | |
| margin-bottom: 20px; | |
| text-transform: uppercase; | |
| } | |
| .multi-label--tab-content-details-text { | |
| margin-bottom: 25px; | |
| margin-top: 0; | |
| } | |
| .multi-label--tab-content-details-ingredient-headline { | |
| color: #00aa9e; | |
| font-size: 12px; | |
| letter-spacing: 1.4px; | |
| line-height: 1.7; | |
| margin-bottom: 2px; | |
| text-transform: uppercase; | |
| } | |
| .multi-label--tab-content-details-link { | |
| border-bottom: 1px solid #4a4a4a; | |
| color: #4a4a4a; | |
| display: inline-block; | |
| font-size: 11px; | |
| font-weight: 700; | |
| letter-spacing: 1.56px; | |
| } | |
| .multi-label--accordion.accordion { | |
| display: block; | |
| margin: 0 auto; | |
| width: 100%; | |
| } | |
| .multi-label--accordion-content-details-wrapper { | |
| padding: 20px; | |
| } | |
| .multi-label--accordion-content-details-headline { | |
| color: #4a4a4a; | |
| font-size: 12px; | |
| font-weight: 700; | |
| margin-bottom: 10px; | |
| text-transform: uppercase; | |
| } | |
| .multi-label--accordion-content-details-text { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .multi-label--accordion-content-details-sub-headline { | |
| color: #00aa9e; | |
| font-size: 12px; | |
| font-weight: 700; | |
| letter-spacing: 1.4px; | |
| margin-bottom: 5px; | |
| text-transform: uppercase; | |
| } | |
| .multi-label--accordion-content-details-link { | |
| border-bottom: 1px solid #4a4a4a; | |
| color: #4a4a4a; | |
| display: inline-block; | |
| font-size: 11px; | |
| font-weight: 700; | |
| letter-spacing: 1.56; | |
| padding-bottom: 2px; | |
| text-transform: uppercase; | |
| } | |
| .multi-label--accordion-content-features-wrapper { | |
| padding: 20px; | |
| } | |
| .multi-label--accordion-content-features-list { | |
| list-style-type: circle; | |
| margin-left: 10px; | |
| } | |
| .multi-label--accordion-content-features-list-item { | |
| margin-bottom: 15px; | |
| padding-left: 10px; | |
| padding-right: 10px; | |
| } | |
| .multi-label--accordion-content-features-list-text { | |
| margin: 0; | |
| } | |
| .multi-label--accordion-content-tip-wrapper { | |
| display: block; | |
| padding: 20px; | |
| } | |
| .multi-label--accordion-content-tip-item { | |
| list-style: none !important; | |
| } | |
| .multi-label--accordion-content-tip-item:last-child .multi-label--accordion-content-tip-body { | |
| margin-bottom: 0; | |
| } | |
| .multi-label--accordion-content-tip-headline { | |
| color: #00aa9e; | |
| font-size: 12px; | |
| font-weight: 700; | |
| letter-spacing: 1.4px; | |
| margin-bottom: 10px; | |
| margin-top: 0; | |
| text-transform: uppercase; | |
| } | |
| .multi-label--accordion-content-tip-body { | |
| color: #4a4a4a; | |
| font-size: 12px; | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .multi-label { | |
| margin-bottom: 20px; | |
| } | |
| .multi-label--tabs.tabs { | |
| display: none; | |
| } | |
| .multi-label--tabs-content-features { | |
| -ms-flex-align: center; | |
| align-items: center; | |
| display: -ms-flexbox; | |
| display: flex; | |
| } | |
| .multi-label--tabs-content-features-list { | |
| list-style-type: circle; | |
| margin-left: 60px; | |
| max-width: 430px; | |
| } | |
| .multi-label--tabs-content-features-list-item { | |
| margin-bottom: 15px; | |
| } | |
| .multi-label--tabs-content-features-list-item:last-child { | |
| margin-bottom: 0; | |
| } | |
| .multi-label--tabs-content-tip-wrapper { | |
| -ms-flex-align: start; | |
| align-items: flex-start; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .multi-label--tabs-content-tip-item { | |
| list-style: none !important; | |
| padding-left: 25px; | |
| padding-right: 25px; | |
| width: 33.33333%; | |
| } | |
| .multi-label--tabs-content-tip-headline { | |
| color: #00aa9e; | |
| font-size: 12px; | |
| font-weight: 700; | |
| letter-spacing: 1.4px; | |
| margin-bottom: 10px; | |
| text-transform: uppercase; | |
| } | |
| .multi-label--tabs-content-tip-body { | |
| margin: 0; | |
| } | |
| .multi-label--tab-content-details-wrapper { | |
| -ms-flex-align: start; | |
| align-items: flex-start; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-pack: distribute; | |
| justify-content: space-around; | |
| } | |
| .multi-label--tab-content-details-block { | |
| width: 33%; | |
| } | |
| .multi-label--tab-content-details-headline { | |
| color: #4a4a4a; | |
| font-size: 12px; | |
| letter-spacing: 1.7px; | |
| margin-bottom: 20px; | |
| text-transform: uppercase; | |
| } | |
| .multi-label--tab-content-details-text { | |
| margin-bottom: 25px; | |
| margin-top: 0; | |
| } | |
| .multi-label--tab-content-details-ingredient-headline { | |
| color: #00aa9e; | |
| font-size: 12px; | |
| letter-spacing: 1.4px; | |
| line-height: 1.7; | |
| margin-bottom: 2px; | |
| text-transform: uppercase; | |
| } | |
| .multi-label--tab-content-details-link { | |
| border-bottom: 1px solid #4a4a4a; | |
| color: #4a4a4a; | |
| display: inline-block; | |
| font-size: 11px; | |
| font-weight: 700; | |
| letter-spacing: 1.56px; | |
| } | |
| .multi-label--accordion.accordion { | |
| display: block; | |
| margin: 0 auto; | |
| width: 100%; | |
| } | |
| .multi-label--accordion-content-details-wrapper { | |
| padding: 20px; | |
| } | |
| .multi-label--accordion-content-details-headline { | |
| color: #4a4a4a; | |
| font-size: 12px; | |
| font-weight: 700; | |
| margin-bottom: 10px; | |
| text-transform: uppercase; | |
| } | |
| .multi-label--accordion-content-details-text { | |
| margin-bottom: 20px; | |
| margin-top: 0; | |
| } | |
| .multi-label--accordion-content-details-sub-headline { | |
| color: #00aa9e; | |
| font-size: 12px; | |
| font-weight: 700; | |
| letter-spacing: 1.4px; | |
| margin-bottom: 5px; | |
| text-transform: uppercase; | |
| } | |
| .multi-label--accordion-content-details-link { | |
| border-bottom: 1px solid #4a4a4a; | |
| color: #4a4a4a; | |
| display: inline-block; | |
| font-size: 11px; | |
| font-weight: 700; | |
| letter-spacing: 1.56; | |
| padding-bottom: 2px; | |
| text-transform: uppercase; | |
| } | |
| .multi-label--accordion-content-features-wrapper { | |
| padding: 20px; | |
| } | |
| .multi-label--accordion-content-features-list { | |
| list-style-type: circle; | |
| margin-left: 10px; | |
| } | |
| .multi-label--accordion-content-features-list-item { | |
| margin-bottom: 15px; | |
| padding-left: 10px; | |
| padding-right: 10px; | |
| } | |
| .multi-label--accordion-content-features-list-text { | |
| margin: 0; | |
| } | |
| .multi-label--accordion-content-tip-wrapper { | |
| display: block; | |
| padding: 20px; | |
| } | |
| .multi-label--accordion-content-tip-item { | |
| list-style: none !important; | |
| } | |
| .multi-label--accordion-content-tip-item:last-child .multi-label--accordion-content-tip-body { | |
| margin-bottom: 0; | |
| } | |
| .multi-label--accordion-content-tip-headline { | |
| color: #00aa9e; | |
| font-size: 12px; | |
| font-weight: 700; | |
| letter-spacing: 1.4px; | |
| margin-bottom: 10px; | |
| margin-top: 0; | |
| text-transform: uppercase; | |
| } | |
| @media only screen and (min-width: 992px) { | |
| #new_page_design .multi-label { | |
| margin-bottom: 0; | |
| } | |
| } | |
| @media only screen and (min-width: 992px) { | |
| #new_page_design .multi-label--tabs.tabs { | |
| display: block; | |
| } | |
| } | |
| @media only screen and (min-width: 992px) { | |
| #new_page_design .multi-label--accordion.accordion { | |
| display: none; | |
| } | |
| } | |
| @media only screen and (min-width: 992px) { | |
| #new_page_design .multi-label { | |
| margin-bottom: 0; | |
| } | |
| } | |
| @media only screen and (min-width: 992px) { | |
| #new_page_design .multi-label--tabs.tabs { | |
| display: block; | |
| } | |
| } | |
| @media only screen and (min-width: 992px) { | |
| #new_page_design .multi-label--accordion.accordion { | |
| display: none; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment