Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- $icon-font-path: '../fonts/';
- // bower:scss
- @import "bower_components/bootstrap-sass/assets/stylesheets/_bootstrap.scss";
- // endbower
- .browserupgrade {
- margin: 0.2em 0;
- background: #ccc;
- color: #000;
- padding: 0.2em 0;
- }
- /* Space out content a bit */
- body {
- padding: 0px 0px 0px 0px;
- }
- /* Everything but the jumbotron gets side spacing for mobile first views */
- .header,
- .marketing,
- .footer {
- padding-left: 15px;
- padding-right: 15px;
- }
- /* Custom page header */
- .header {
- border-bottom: 1px solid #e5e5e5;
- /* Make the masthead heading the same height as the navigation */
- h3 {
- margin-top: 0;
- margin-bottom: 0;
- line-height: 40px;
- padding-bottom: 19px;
- }
- }
- /* Custom page footer */
- .footer {
- padding-top: 19px;
- color: #777;
- border-top: 1px solid #e5e5e5;
- }
- .container-narrow > hr {
- margin: 30px 0;
- }
- /* Main marketing message and sign up button */
- .jumbotron {
- text-align: center;
- border-bottom: 1px solid #e5e5e5;
- .btn {
- font-size: 21px;
- padding: 14px 24px;
- }
- }
- /* Supporting marketing content */
- .marketing {
- margin: 40px 0;
- p + h4 {
- margin-top: 28px;
- }
- }
- /* Responsive: Portrait tablets and up */
- @media screen and (min-width: 768px) {
- /* Remove the padding we set earlier */
- .header,
- .marketing,
- .footer {
- padding-left: 0;
- padding-right: 0;
- }
- /* Space out the masthead */
- .header {
- margin-bottom: 30px;
- }
- /* Remove the bottom border on the jumbotron for visual effect */
- .jumbotron {
- border-bottom: 0;
- }
- }
- .container {
- max-width: 1920px;
- padding-left: 2%;
- padding-right: 2%;
- }
- h1 {
- font-family: Arial;
- font-size: 26.8px;
- font-weight: bold;
- }
- header {
- background-color: #555555;
- }
- .sort-description {
- font-family: Arial;
- font-size: 13.8px;
- }
- .price-with {
- font-family: Arial;
- font-size: 28px;
- font-weight: bold;
- color: red;
- margin: 20px 0px 0px 0px;
- }
- .price-without {
- font-family: Arial;
- font-size: 14px;
- }
- .category-nav {
- ul {
- li {
- font-family: Arial;
- font-size: 14px;
- color: #F2F2F2;
- display: inline;
- padding: 0px 0px 0px 21px;
- a {
- color: #F2F2F2;
- }
- }
- }
- }
- .availability-in-stock {
- width: 100%;
- background-color: #B7EB6A;
- font-size: 14px;
- font-weight: bold;
- letter-spacing: 0.8px;
- color: #379D40;
- text-transform: uppercase;
- margin: 24px 0px 0px 0px;
- padding: 10px 30px 10px 10px;
- }
- .main-buttons {
- margin: 24px 0px 24px 0px;
- }
- .add-to-cart {
- background-color: #379D40;
- border: 1px solid #379D40;
- border-radius: 8px;
- font-size: 14px;
- font-weight: bold;
- letter-spacing: 0.8px;
- color: #fff;
- text-transform: uppercase;
- padding: 12px 24px 12px 24px;
- }
- .buy-now {
- background-color: #F0EFEF;
- border: 1px solid #777777;
- border-radius: 8px;
- font-size: 14px;
- font-weight: bold;
- letter-spacing: 0.8px;
- color: #333333;
- text-transform: uppercase;
- padding: 12px 24px 12px 24px;
- }
- .footer {
- background-color: #555555;
- margin: 0px 0px 0px 0px;
- }
- .product-cart {
- padding: 48px 0px 0px 36px;
- h1 {
- margin: 0px 0px 0px 0px;
- padding: 0px 0px 18px 0px;
- }
- }
- .important-info {
- color: #777777;
- padding: 4px 0px 4px 0px;
- }
- .product-box {
- border: 1px solid silver;
- padding: 24px 24px 36px 24px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement