Last active
January 22, 2024 11:57
-
-
Save atomjar/67db5aa9b7b9013dcf0d91c91f54e1a9 to your computer and use it in GitHub Desktop.
Stylesheet for Vue Mastery's Intro to Vue course
This file contains 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
| body { | |
| font-family: tahoma; | |
| color:#282828; | |
| margin: 0px; | |
| } | |
| .nav-bar { | |
| background: linear-gradient(-90deg, #84CF6A, #16C0B0); | |
| height: 60px; | |
| margin-bottom: 15px; | |
| } | |
| .product { | |
| display: flex; | |
| flex-flow: wrap; | |
| padding: 1rem; | |
| } | |
| img { | |
| border: 1px solid #d8d8d8; | |
| width: 70%; | |
| margin: 40px; | |
| box-shadow: 0px .5px 1px #d8d8d8; | |
| } | |
| .product-image { | |
| width: 80%; | |
| } | |
| .product-image, | |
| .product-info { | |
| margin-top: 10px; | |
| width: 50%; | |
| } | |
| .color-box { | |
| width: 40px; | |
| height: 40px; | |
| margin-top: 5px; | |
| } | |
| .cart { | |
| margin-right: 25px; | |
| float: right; | |
| border: 1px solid #d8d8d8; | |
| padding: 5px 20px; | |
| } | |
| button { | |
| margin-top: 30px; | |
| border: none; | |
| background-color: #1E95EA; | |
| color: white; | |
| height: 40px; | |
| width: 100px; | |
| font-size: 14px; | |
| } | |
| .disabledButton { | |
| background-color: #d8d8d8; | |
| } | |
| .review-form { | |
| width: 400px; | |
| padding: 20px; | |
| margin: 40px; | |
| border: 1px solid #d8d8d8; | |
| } | |
| input { | |
| width: 100%; | |
| height: 25px; | |
| margin-bottom: 20px; | |
| } | |
| textarea { | |
| width: 100%; | |
| height: 60px; | |
| } | |
| .tab { | |
| margin-left: 20px; | |
| cursor: pointer; | |
| } | |
| .activeTab { | |
| color: #16C0B0; | |
| text-decoration: underline; | |
| } |
Hi,
you have always sent the wrong email to me. Thanks.
Best wishes.
Hui
…________________________________
From: AshuReiziger <notifications@github.com>
Sent: Friday, October 16, 2020 3:50 AM
To: atomjar <atomjar@noreply.github.com>
Cc: Mike Chen(HuaXiao) <huc005@ucsd.edu>; Comment <comment@noreply.github.com>
Subject: Re: atomjar/product_style
@AshuReiziger commented on this gist.
________________________________
Thanks A lot.
—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub<https://gist.github.com/67db5aa9b7b9013dcf0d91c91f54e1a9#gistcomment-3491699>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/ACRZF2RY3JTJES5VCMONZMDSLAQOLANCNFSM4HHTTM6A>.
Thank you 👍
Thanks, This is awesome..
Thank You!
Thanks for the thoughtfulness of your course and content. The effort really shines thru!
Thanks !
Thanks a lot!
thanks
Thanks. Great course.
thank you so much
Thanks. Amazing course!
Thanks a lot.
Thanks a lot!
Thank you very much!
사랑합니다 형님
Gracias!
Thanks a lot!!
@atomjar, i think this rule can be removed:
.product-image {
width: 80%;
}
since it is overridden by the next rule:
.product-image,
.product-info {
margin-top: 10px;
width: 50%;
}
well this was fantastic
thanks a lot for the course
great
awesome
Merci beaucoup !
Thank you so much Teacher!
Thanks for this.
thank sir!
Thanks
Its very informative
Thanks for sharing...
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Thanks A lot.