Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import "../../styles/includes/variables";
- @import "../../styles/includes/media-queries";
- @import "../../styles/includes/colors.scss";
- .SocialMediaBlock {
- width: 100%;
- height: 72px;
- padding: 24px 40px;
- background-color: $base-light-blue-color;
- @include gt(md) {
- display: block;
- position: fixed;
- top: 100px;
- right: 0px;
- width: 40px;
- height: auto;
- z-index: 1;
- padding: 32px 24px 40px;
- }
- @include gt(lg) {
- width: 56px;
- }
- @include gt(xl) {
- width: 72px;
- }
- .ShareText {
- display: block;
- margin: 0 auto;
- text-transform: uppercase;
- .DisplayText {
- @include gt(md) {
- text-align: center;
- }
- }
- }
- .SocialMediaItemRaptor {
- flex-direction: row;
- display: flex;
- display: -webkit-flex;
- justify-content: space-between;
- @include gt(md) {
- flex-direction: column;
- }
- .SocialMediaItem {
- padding-top: 16px;
- @include gt(md) {
- text-align: center;
- padding-top: 32px;
- }
- }
- .SocialMediaItem:nth-of-type(4) {
- padding-right: 7px;
- @include gt(md) {
- padding-right: 0px;
- }
- }
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement