Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .slider-box {
- @include flex(0 0 650px);
- @include flexbox;
- @include respond(xlarge) {
- @include flex(0 0 514px);
- }
- @include respond(large) {
- @include flex(0 0 468px);
- }
- @include respond-down(medium) {
- @include flex(0 0 269px);
- @include flex-direction(column);
- }
- @include respond(small) {
- @include flex(0 0 246px);
- }
- @include respond(xsmall) {
- @include flex-direction(row);
- @include flex(1 1 auto);
- }
- .wrapper-image {
- @include flex(0 0 295px);
- height: 305px;
- background: {
- image: url("../img/png/main/expertise/articles/1.png");
- repeat: no-repeat;
- size: cover;
- }
- ;
- @include respond-down(xlarge) {
- @include flex(0 0 233px);
- height: 241px;
- }
- @include respond-down(medium) {
- @include flex(0 0 186px);
- max-width: 180px;
- }
- @include respond(xsmall) {
- height: 134px;
- @include flex(0 0 129px);
- }
- }
- .block {
- position: relative;
- padding-right: 203px;
- @include flex(1 1 auto);
- padding-left: 26px;
- @include respond-down(medium) {
- padding-right: 91px;
- padding-left: 0;
- }
- @include respond(small) {
- padding-right: 91px;
- }
- @include respond(xsmall) {
- padding-left: 31px;
- padding-right: 0;
- }
- .title-news {
- margin-bottom: 20px;
- @include respond-down(medium) {
- font-size: 16px;
- line-height: 1.4;
- }
- @include respond(xsmall) {
- font-size: 14px;
- }
- }
- .description {
- color: $text-color;
- line-height: 1.5;
- font-size: 15px;
- margin-bottom: 17px;
- }
- .wrapper-arrow {
- @include respond-down(small) {
- position: static;
- width: auto;
- @include transform(translate(0, 0));
- left: auto;
- }
- .arrow-slider {
- @include respond-down(medium) {
- background-color: #E5E2E2;
- }
- }
- }
- .about-business {
- position: absolute;
- @include transform(rotate(-90deg));
- color: #AEB5BC;
- font-size: 30px;
- font-family: $font-min;
- right: -63px;
- letter-spacing: 2px;
- top: 110px;
- @include respond-down(xlarge) {
- right: -36px;
- letter-spacing: 1.5px;
- top: 110px;
- }
- @include respond(large) {
- right: 8px;
- top: 105px;
- }
- @include respond-down(medium) {
- font-size: 20px;
- top: -114px;
- right: -58px;
- }
- //@include respond(small){}
- //@include respond(xsmall){}
- }
- }
- }
Add Comment
Please, Sign In to add comment