WARNING : Cannot parse file ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_backgrounds.scss
WARNING : Cannot parse file ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_gradients.scss
WARNING : Cannot parse file ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_jobs-bar.scss
WARNING : Cannot parse file ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_side-menu.scss
..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_atlassian-info.scss:15,undefined ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_speaker.scss:33,undefined ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_typography.scss:129,undefined - ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_atlassian-info.scss:15,undefined
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_speaker.scss:33,undefined
@include phonesAndTabletsPortrait {
font-size: $fontSize-medium;
}
}
+
+ .speaker--links-groups {
+ @include container();
+ clear: both;
+
+ @include bigPage {
+ padding-left: calc(#{span(1)} + #{gutter()});
+ }
+ }
+
+ .links-group {
+ @include bigPage {
+ @include span(1);
+ display: inline-block;
+ }
+
+ @include tablets {
+ @include span(1);
+ display: inline-block;
+
+ &:nth-child(2n) {
+ @include span(1 last);
+ }
+ }
+ }
}
- ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_atlassian-info.scss:15,undefined
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_typography.scss:129,undefined
@include phonesAndTabletsPortrait {
font-size: $fontSize-medium;
}
}
+
+ @each $colorName, $colorOptions in $colors {
+ &.typography__#{$colorName} {
+ @if map-get($colorOptions, 'colorizeWholeContent') {
+ color: map-get($colorOptions, 'color');
+ }
+ a {
+ color: map-get($colorOptions, 'color');
+ }
+ %headings {
+ color: map-get($colorOptions, 'color');
+ }
+
+ ul li:before {
+ color: map-get($colorOptions, 'color');
+ }
+ }
+ }
+
+ iframe {
+ max-width: 100%;
+ }
+
+ @include phonesAndTabletsPortrait {
+ font-size: $fontSize-base;
+ }
}
+
+ .typography__blog {
+ img {
+ max-width: 100%;
+ height: auto !important;
+ }
+ }
..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_buttons.scss:47,undefined ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_entry.scss:65,undefined ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_typography.scss:156,undefined - ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_buttons.scss:47,undefined
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_entry.scss:65,undefined
@include phonesAndTabletsPortrait {
font-size: $fontSize-base;
}
}
+ @at-root .entry--subheader {
+ height: 25px;
+ }
- &.button__spartez-blue {
- @extend %colorizedButton;
- background-color: $spartezBlue;
+ @at-root .entry--author {
+ @include uppercase-header();
+ float: left;
+ }
- &:after {
- border-bottom: 1px solid $white;
- }
+ @at-root .entry--author--avatar {
+ border-radius: 50%;
+ vertical-align: top;
+ margin-right: 10px;
+ margin-top: -12px;
+ width: 45px;
- &:hover {
- background-color: lighten($spartezBlue, 10%);
- }
}
+ @at-root .entry--author--avatar__default {
+ @extend .entry--author--avatar;
+ box-shadow: 0 0 2px #444;
+ }
- &.button__white {
- @extend %colorizedButton;
- background-color: $white;
- color: $spartezBlue;
+ @at-root .entry--meta {
+ @include uppercase-header();
- &:after {
- border-bottom: 1px solid $spartezBlue;
- }
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ color: $gray3;
+ float: right;
- &:hover {
- background-color: $spartezBlue;
- color: $white;
+ li {
+ display: inline-block;
+ padding-right: 20px;
- &:after {
- border-color: $white;
- }
}
- }
+ a {
+ @include uppercase-header();
+ color: $gray3;
+ text-decoration: underline;
- &.button__more {
- font: {
- size: 18px;
- weight: $fontWeight-light;
}
- color: $red;
- text-align: center;
- background: none;
- border: 0;
+ &:after {
+ clear: both;
+ }
+ }
- .button--icon {
- display: inline-block;
- width: 20px;
- height: 20px;
- color: $red;
- border: 1px solid;
- border-radius: 50%;
- margin-right: 10px;
- text-align: center;
+ .entry--meta {
+ float: left;
+ width: $leftColumnSize;
- &.icon-angle-right:before {
- margin-left: 2px;
- }
+ @include notPhones {
+ li {
+ display: block;
+ margin-bottom: 15px;
- &.icon-angle-down:before {
- margin-left: 2px;
- position: relative;
- top: 1px;
}
}
- }
+
+ @include phones {
+ float: none;
+ border-bottom: 1px solid $red;
+ width: auto;
+ padding-bottom: 10px;
+ }
- %blocks {
- box-sizing: border-box;
- transition: background-color $animationSpeed;
- height: 64px;
}
+ .entry--more-button {
+ padding-left: 0;
+ clear: both;
- &.button__download {
display: block;
+ text-align: left;
+ }
+ }
- color: $white;
+ .entry-pagination {
+ %paginationLink {
+ @include text-small();
+ box-sizing: border-box;;
+ display: inline-block;
+ width: 50%;
+ position: relative;
+ }
- %background {
- background-color: $productCTAstart;
- background-image: -webkit-linear-gradient(top, $productCTAstart, $productCTAfinish);
- background-image: linear-gradient(to bottom, $productCTAstart, $productCTAfinish);
- }
+ @include phones {
+ display: none;
+ }
- .button--icon {
- @extend %blocks;
- @extend %background;
- padding: 10px;
- width: 64px;
- margin-right: 1px;
- display: inline-block;
- vertical-align: top;
- line-height: 40px;
- text-align: center;
- }
+ &--previous {
+ @extend %paginationLink;
+ padding-left: 30px;
+
+ .entry-pagination--icon {
+ left: 0;
- .button--icon--image {
- vertical-align: middle;
- height: 100%;
- width: 100%;
}
+ &.entry-pagination--previous {
- .button--text {
- @extend %blocks;
- @extend %background;
- display: inline-block;
- margin-left: -0.3em;
text-align: left;
- padding: 10px;
- font-weight: $fontWeight-light;
- font-size: $fontSize-small;
- vertical-align: top;
- width: calc(100% - 65px);
- }
+ .entry-pagination--icon {
+ margin: 0;
- .button--text__no-image {
- line-height: 44px;
- font-size: $fontSize-medium;
- }
-
- .button--text--image {
- width: 100%;
- transform: translate(-2px, 3px);
- }
-
- &:hover {
- text-decoration: none;
- .button--icon,
- .button--text {
- background: $productCTAfinish;
}
}
}
+ &--next {
+ @extend %paginationLink;
+ padding-right: 30px;
+ margin-left: -0.3em;
- &.button__subscribe {
- @extend %blocks;
- background-color: $productCTAstart;
- background-image: -webkit-linear-gradient(top, $productCTAstart, $productCTAfinish);
- background-image: linear-gradient(to bottom, $productCTAstart, $productCTAfinish);
+ .entry-pagination--icon {
+ right: 0;
- display: block;
- color: $white;
- width: 100%;
- height: 44px;
-
- text-align: center;
- line-height: 30px;
- font-size: $fontSize-base;
- font-weight: $fontWeight-normal;
-
- .button--text {
- border-bottom: 1px solid $white;
}
+ &.entry-pagination--next {
+ text-align: right;
- &:hover {
- text-decoration: none;
- background-image: none;
- background-color: $productCTAfinish;
- }
- }
+ .entry-pagination--icon {
+ margin: 0;
+ }
- &.button__with-arrow {
- color: inherit;
- font-size: $fontSize-small;
- @include icon(arrow-right);
- margin: 10px 0;
- display: block;
- text-decoration: underline;
-
- &:before {
- font-size: $fontSize-tiny;
- margin-right: 5px;
- opacity: 0.6;
- display: inline-block;
}
-
- &:last-child {
- margin-bottom: 0;
- }
}
}
+
+ .entry-pagination--icon {
+ position: absolute;
+ margin: 0;
+ }
- ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_buttons.scss:47,undefined
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_typography.scss:156,undefined
+ @include phonesAndTabletsPortrait {
- @include phonesAndTabletsPortrait {
- font-size: $fontSize-base;
- }
- }
-
- &.button__spartez-blue {
- @extend %colorizedButton;
- background-color: $spartezBlue;
-
- &:after {
- border-bottom: 1px solid $white;
- }
-
- &:hover {
- background-color: lighten($spartezBlue, 10%);
- }
- }
-
- &.button__white {
- @extend %colorizedButton;
- background-color: $white;
- color: $spartezBlue;
-
- &:after {
- border-bottom: 1px solid $spartezBlue;
- }
-
- &:hover {
- background-color: $spartezBlue;
- color: $white;
-
- &:after {
- border-color: $white;
- }
- }
- }
-
- &.button__more {
- font: {
- size: 18px;
- weight: $fontWeight-light;
- }
- color: $red;
- text-align: center;
- background: none;
- border: 0;
-
- .button--icon {
- display: inline-block;
- width: 20px;
- height: 20px;
- color: $red;
- border: 1px solid;
- border-radius: 50%;
- margin-right: 10px;
- text-align: center;
-
- &.icon-angle-right:before {
- margin-left: 2px;
- }
-
- &.icon-angle-down:before {
- margin-left: 2px;
- position: relative;
- top: 1px;
- }
- }
- }
-
- %blocks {
- box-sizing: border-box;
- transition: background-color $animationSpeed;
- height: 64px;
- }
-
- &.button__download {
- display: block;
- color: $white;
-
- %background {
- background-color: $productCTAstart;
- background-image: -webkit-linear-gradient(top, $productCTAstart, $productCTAfinish);
- background-image: linear-gradient(to bottom, $productCTAstart, $productCTAfinish);
- }
-
- .button--icon {
- @extend %blocks;
- @extend %background;
- padding: 10px;
- width: 64px;
- margin-right: 1px;
- display: inline-block;
- vertical-align: top;
- line-height: 40px;
- text-align: center;
- }
-
- .button--icon--image {
- vertical-align: middle;
- height: 100%;
- width: 100%;
- }
-
- .button--text {
- @extend %blocks;
- @extend %background;
- display: inline-block;
- margin-left: -0.3em;
- text-align: left;
- padding: 10px;
- font-weight: $fontWeight-light;
- font-size: $fontSize-small;
- vertical-align: top;
- width: calc(100% - 65px);
- }
-
- .button--text__no-image {
- line-height: 44px;
- font-size: $fontSize-medium;
- }
-
- .button--text--image {
- width: 100%;
- transform: translate(-2px, 3px);
- }
-
- &:hover {
- text-decoration: none;
- .button--icon,
- .button--text {
- background: $productCTAfinish;
- }
- }
- }
-
- &.button__subscribe {
- @extend %blocks;
- background-color: $productCTAstart;
- background-image: -webkit-linear-gradient(top, $productCTAstart, $productCTAfinish);
- background-image: linear-gradient(to bottom, $productCTAstart, $productCTAfinish);
-
- display: block;
- color: $white;
- width: 100%;
- height: 44px;
-
- text-align: center;
- line-height: 30px;
font-size: $fontSize-base;
- font-weight: $fontWeight-normal;
-
- .button--text {
- border-bottom: 1px solid $white;
- }
-
- &:hover {
- text-decoration: none;
- background-image: none;
- background-color: $productCTAfinish;
- }
}
+ }
+ .typography__blog {
+ img {
+ max-width: 100%;
+ height: auto !important;
- &.button__with-arrow {
- color: inherit;
- font-size: $fontSize-small;
- @include icon(arrow-right);
- margin: 10px 0;
- display: block;
- text-decoration: underline;
-
- &:before {
- font-size: $fontSize-tiny;
- margin-right: 5px;
- opacity: 0.6;
- display: inline-block;
- }
-
- &:last-child {
- margin-bottom: 0;
- }
}
}
..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_clients-list.scss:14,undefined ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_hero.scss:28,undefined - ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_clients-list.scss:14,undefined
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_hero.scss:28,undefined
@include phonesAndTabletsPortrait {
@include heading-small();
}
}
+ .hero--description {
+ color: $color-lessVisibleText;
+ margin: 50px 0;
+ @include text-medium();
+
+ strong {
+ color: $gray3;
+ font-weight: $fontWeight-normal;
+ }
- .clients-list--content {
- padding: 0;
- margin: 30px 0 0;
}
+
+ // modifications
+ &.hero__main-page {
+ position: relative;
+ padding-bottom: 0;
+ padding-top: 30px;
+
+ .hero--image {
+ position: absolute;
+ right: 7px;
+ top: 20px;
+ pointer-events: none;
+ height: 550px;
+
+ .no-pointerevents & {
+ clip: rect(0, 730px, 542px, 0);
+ }
+
+ @media (max-width: 1100px) {
+ height: 480px;
+ }
+ }
+
+ .hero--call-to-action {
+ margin-bottom: 50px;
+ }
+
+ .hero--description {
+ margin-bottom: 30px;
+ margin-top: 40px;
+ }
+
+ }
+
+ &.hero__blog {
+ padding-bottom: 20px;
+ }
+
+ &.hero__events {
+ position: relative;
+
+ .hero--image {
+ position: absolute;
+ right: -100px;
+ top: 50px;
+ }
+
+ @include phonesAndTabletsPortrait {
+ .hero--image {
+ display: none;
+ }
+ }
+ }
+
+ &.hero__faq {
+ position: relative;
+
+ .hero--image {
+ position: absolute;
+ right: 80px;
+ top: 40px;
+
+ @include phonesAndTabletsPortrait {
+ display: none;
+ }
+ }
+ }
+
+ &.hero__center {
+ .hero--title {
+ font-size: 40px;
+ text-align: center;
+
+ @include phonesAndTabletsPortrait {
+ font-size: $fontSize-huge;
+ }
+ }
+ }
+
+ &.hero__perks-bottom {
+ @include phonesAndTabletsPortrait {
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+
+ .hero--title {
+ font-weight: $fontWeight-light;
+ }
+
+ .hero--description {
+ @include text-medium($fontWeight-light);
+ font-size: 30px;
+ color: $color-lessVisibleText;
+ margin: 20px 0;
+
+ strong {
+ color: $gray3;
+ font-weight: $fontWeight-bold;
+ }
+
+ @include phonesAndTabletsPortrait {
+ font-size: $fontSize-medium;
+ line-height: 1.3;
+ position: relative;
+ padding-top: 90px;
+ }
+ }
+ .hero--call-to-action {
+ float: right;
+
+ @include phonesAndTabletsPortrait {
+ float: none;
+ position: absolute;
+ left: 50%;
+ transform: translatex(-50%);
+ margin-bottom: 20px;
+ top: 0;
+ white-space: nowrap;
+ }
+ }
+ }
}
..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_contact-person.scss:7,undefined ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_news-intro-list.scss:29,undefined - ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_contact-person.scss:7,undefined
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_news-intro-list.scss:29,undefined
+ @include bigPage {
+ @include span(2);
- @include bigPage {
- @include span(2);
+ &:nth-child(2n) {
+ @include span(2 last);
+ }
+ }
- &:nth-child(2n) {
- @include span(2 last);
- }
- }
+ @include tablets {
+ @include span(1);
- @include tablets {
- @include span(1);
+ &:nth-child(2n) {
+ @include span(1 last);
+ }
+ }
- &:nth-child(2n) {
- @include span(1 last);
}
}
-
- .contact-person--avatar {
- float: left;
- width: 35%;
-
- @include phonesAndTabletsPortrait {
- display: none;
- }
- }
-
- .contact-person--title {
- @include redHeading-medium;
- margin-bottom: 20px;
- margin-top: 10px;
-
- @include phones {
- margin-bottom: 10px;
- margin-top: 5px;
- font-size: $fontSize-big;
- }
- }
-
- .contact-person--info {
- @include bigPage {
- margin-left: calc(35% + 20px);
- }
- }
-
- .contact-person--contact-item-title {
- width: 30px;
- text-indent: -9999px;
- overflow: hidden;
- float: left;
- min-height: 30px;
-
- &.contact-person--contact-item-title__mail {
- background: url($icon-mail) no-repeat top center;
- margin-top: 2px;
- }
-
- &.contact-person--contact-item-title__phone {
- background: url($icon-phone) no-repeat top center;
- }
-
- &.contact-person--contact-item-title__address {
- background: url($icon-map) no-repeat top center;
- }
- }
-
- .contact-person--contact-item-data {
- margin: {
- top: 1em;
- bottom: 1em;
- left: 40px;
- }
- min-height: 30px;
- @include text-small();
-
- @include phones {
- font-size: $fontSize-base;
- margin-top: 0.5em;
- margin-bottom: 0.5em;
- }
- }
}
-
- .contact-persons {
- @include pageContainer();
-
- margin: {
- top: 50px;
- bottom: 50px;
- }
-
- @include phonesAndTabletsPortrait {
- margin: {
- top: 20px;
- bottom: 20px;
- }
- }
- }
..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_contact-person.scss:15,undefined ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_news-intro-list.scss:37,undefined - ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_contact-person.scss:15,undefined
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_news-intro-list.scss:37,undefined
+ @include tablets {
+ @include span(1);
- @include tablets {
- @include span(1);
+ &:nth-child(2n) {
+ @include span(1 last);
+ }
+ }
- &:nth-child(2n) {
- @include span(1 last);
}
}
-
- .contact-person--avatar {
- float: left;
- width: 35%;
-
- @include phonesAndTabletsPortrait {
- display: none;
- }
- }
-
- .contact-person--title {
- @include redHeading-medium;
- margin-bottom: 20px;
- margin-top: 10px;
-
- @include phones {
- margin-bottom: 10px;
- margin-top: 5px;
- font-size: $fontSize-big;
- }
- }
-
- .contact-person--info {
- @include bigPage {
- margin-left: calc(35% + 20px);
- }
- }
-
- .contact-person--contact-item-title {
- width: 30px;
- text-indent: -9999px;
- overflow: hidden;
- float: left;
- min-height: 30px;
-
- &.contact-person--contact-item-title__mail {
- background: url($icon-mail) no-repeat top center;
- margin-top: 2px;
- }
-
- &.contact-person--contact-item-title__phone {
- background: url($icon-phone) no-repeat top center;
- }
-
- &.contact-person--contact-item-title__address {
- background: url($icon-map) no-repeat top center;
- }
- }
-
- .contact-person--contact-item-data {
- margin: {
- top: 1em;
- bottom: 1em;
- left: 40px;
- }
- min-height: 30px;
- @include text-small();
-
- @include phones {
- font-size: $fontSize-base;
- margin-top: 0.5em;
- margin-bottom: 0.5em;
- }
- }
}
-
- .contact-persons {
- @include pageContainer();
-
- margin: {
- top: 50px;
- bottom: 50px;
- }
-
- @include phonesAndTabletsPortrait {
- margin: {
- top: 20px;
- bottom: 20px;
- }
- }
- }
..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_contact-person.scss:27,undefined ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_cta-bar.scss:55,undefined ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_hero.scss:105,undefined ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_icons-list.scss:174,undefined ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_jobs-offers-info-bar.scss:77,undefined - ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_contact-person.scss:27,undefined
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_cta-bar.scss:55,undefined
@include phonesAndTabletsPortrait {
display: none;
}
}
-
- .contact-person--title {
- @include redHeading-medium;
- margin-bottom: 20px;
- margin-top: 10px;
-
- @include phones {
- margin-bottom: 10px;
- margin-top: 5px;
- font-size: $fontSize-big;
- }
- }
-
- .contact-person--info {
- @include bigPage {
- margin-left: calc(35% + 20px);
- }
- }
-
- .contact-person--contact-item-title {
- width: 30px;
- text-indent: -9999px;
- overflow: hidden;
- float: left;
- min-height: 30px;
-
- &.contact-person--contact-item-title__mail {
- background: url($icon-mail) no-repeat top center;
- margin-top: 2px;
- }
-
- &.contact-person--contact-item-title__phone {
- background: url($icon-phone) no-repeat top center;
- }
-
- &.contact-person--contact-item-title__address {
- background: url($icon-map) no-repeat top center;
- }
- }
-
- .contact-person--contact-item-data {
- margin: {
- top: 1em;
- bottom: 1em;
- left: 40px;
- }
- min-height: 30px;
- @include text-small();
-
- @include phones {
- font-size: $fontSize-base;
- margin-top: 0.5em;
- margin-bottom: 0.5em;
- }
- }
}
-
- .contact-persons {
- @include pageContainer();
-
- margin: {
- top: 50px;
- bottom: 50px;
- }
-
- @include phonesAndTabletsPortrait {
- margin: {
- top: 20px;
- bottom: 20px;
- }
- }
- }
- ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_contact-person.scss:27,undefined
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_hero.scss:105,undefined
+ @include phonesAndTabletsPortrait {
+ display: none;
+ }
- @include phonesAndTabletsPortrait {
- display: none;
}
}
+ &.hero__center {
+ .hero--title {
+ font-size: 40px;
+ text-align: center;
- .contact-person--title {
- @include redHeading-medium;
- margin-bottom: 20px;
- margin-top: 10px;
+ @include phonesAndTabletsPortrait {
+ font-size: $fontSize-huge;
+ }
- @include phones {
- margin-bottom: 10px;
- margin-top: 5px;
- font-size: $fontSize-big;
}
}
+ &.hero__perks-bottom {
+ @include phonesAndTabletsPortrait {
+ padding-top: 0;
+ padding-bottom: 0;
- .contact-person--info {
- @include bigPage {
- margin-left: calc(35% + 20px);
}
- }
+ .hero--title {
+ font-weight: $fontWeight-light;
- .contact-person--contact-item-title {
- width: 30px;
- text-indent: -9999px;
- overflow: hidden;
- float: left;
- min-height: 30px;
-
- &.contact-person--contact-item-title__mail {
- background: url($icon-mail) no-repeat top center;
- margin-top: 2px;
}
+ .hero--description {
+ @include text-medium($fontWeight-light);
+ font-size: 30px;
+ color: $color-lessVisibleText;
+ margin: 20px 0;
- &.contact-person--contact-item-title__phone {
- background: url($icon-phone) no-repeat top center;
- }
+ strong {
+ color: $gray3;
+ font-weight: $fontWeight-bold;
+ }
- &.contact-person--contact-item-title__address {
- background: url($icon-map) no-repeat top center;
- }
- }
+ @include phonesAndTabletsPortrait {
+ font-size: $fontSize-medium;
+ line-height: 1.3;
+ position: relative;
+ padding-top: 90px;
+ }
- .contact-person--contact-item-data {
- margin: {
- top: 1em;
- bottom: 1em;
- left: 40px;
}
+ .hero--call-to-action {
+ float: right;
- min-height: 30px;
- @include text-small();
+ @include phonesAndTabletsPortrait {
+ float: none;
+ position: absolute;
+ left: 50%;
+ transform: translatex(-50%);
+ margin-bottom: 20px;
+ top: 0;
+ white-space: nowrap;
+ }
- @include phones {
- font-size: $fontSize-base;
- margin-top: 0.5em;
- margin-bottom: 0.5em;
}
}
}
-
- .contact-persons {
- @include pageContainer();
-
- margin: {
- top: 50px;
- bottom: 50px;
- }
-
- @include phonesAndTabletsPortrait {
- margin: {
- top: 20px;
- bottom: 20px;
- }
- }
- }
- ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_contact-person.scss:27,undefined
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_icons-list.scss:174,undefined
@include phonesAndTabletsPortrait {
display: none;
}
}
-
- .contact-person--title {
- @include redHeading-medium;
- margin-bottom: 20px;
- margin-top: 10px;
-
- @include phones {
- margin-bottom: 10px;
- margin-top: 5px;
- font-size: $fontSize-big;
- }
- }
-
- .contact-person--info {
- @include bigPage {
- margin-left: calc(35% + 20px);
- }
- }
-
- .contact-person--contact-item-title {
- width: 30px;
- text-indent: -9999px;
- overflow: hidden;
- float: left;
- min-height: 30px;
-
- &.contact-person--contact-item-title__mail {
- background: url($icon-mail) no-repeat top center;
- margin-top: 2px;
- }
-
- &.contact-person--contact-item-title__phone {
- background: url($icon-phone) no-repeat top center;
- }
-
- &.contact-person--contact-item-title__address {
- background: url($icon-map) no-repeat top center;
- }
- }
-
- .contact-person--contact-item-data {
- margin: {
- top: 1em;
- bottom: 1em;
- left: 40px;
- }
- min-height: 30px;
- @include text-small();
-
- @include phones {
- font-size: $fontSize-base;
- margin-top: 0.5em;
- margin-bottom: 0.5em;
- }
- }
}
-
- .contact-persons {
- @include pageContainer();
-
- margin: {
- top: 50px;
- bottom: 50px;
- }
-
- @include phonesAndTabletsPortrait {
- margin: {
- top: 20px;
- bottom: 20px;
- }
- }
- }
- ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_contact-person.scss:27,undefined
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_jobs-offers-info-bar.scss:77,undefined
+ @include phonesAndTabletsPortrait {
+ display: none;
- @include phonesAndTabletsPortrait {
- display: none;
- }
}
+ .jobs-offers-shortlist--title {
+ @include heading-small();
+ margin: 10px 0 50px;
- .contact-person--title {
- @include redHeading-medium;
- margin-bottom: 20px;
- margin-top: 10px;
-
- @include phones {
- margin-bottom: 10px;
- margin-top: 5px;
- font-size: $fontSize-big;
- }
}
+ .jobs-offers-shortlist--links {
+ list-style: none;
+ margin: 0;
+ padding: 0;
- .contact-person--info {
- @include bigPage {
- margin-left: calc(35% + 20px);
- }
- }
+ li {
+ position: relative;
+ padding-left: 30px;
+ margin: 10px 0;
- .contact-person--contact-item-title {
- width: 30px;
- text-indent: -9999px;
- overflow: hidden;
- float: left;
- min-height: 30px;
+ &:before {
+ content: "";
+ position: absolute;
+ left: 0;
+ top: 0.25em;
+ @include circle-outline(rgba($white, 0.5));
+ }
+ a {
+ color: white;
+ }
- &.contact-person--contact-item-title__mail {
- background: url($icon-mail) no-repeat top center;
- margin-top: 2px;
}
-
- &.contact-person--contact-item-title__phone {
- background: url($icon-phone) no-repeat top center;
- }
-
- &.contact-person--contact-item-title__address {
- background: url($icon-map) no-repeat top center;
- }
}
- .contact-person--contact-item-data {
- margin: {
- top: 1em;
- bottom: 1em;
- left: 40px;
- }
- min-height: 30px;
- @include text-small();
-
- @include phones {
- font-size: $fontSize-base;
- margin-top: 0.5em;
- margin-bottom: 0.5em;
- }
- }
}
-
- .contact-persons {
- @include pageContainer();
-
- margin: {
- top: 50px;
- bottom: 50px;
- }
-
- @include phonesAndTabletsPortrait {
- margin: {
- top: 20px;
- bottom: 20px;
- }
- }
- }
..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_cta-bar.scss:32,undefined ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_numbered-steps.scss:18,undefined - ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_cta-bar.scss:32,undefined
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_numbered-steps.scss:18,undefined
@include phonesAndTabletsPortrait {
text-align: center;
}
}
- .cta-bar--button {
- float: right;
+ .numbered-steps--step-description {
+ margin-top: 20px;
+ padding: 0 30px;
+ color: $white;
+ text-align: center;
+
+ @include text-small($fontWeight-thin);
- @include phonesAndTabletsPortrait {
- float: none;
- bottom: 20px;
- position: absolute;
- left: 50%;
- transform: translatex(-50%);
- white-space: nowrap;
- }
}
+ &.numbered-steps__with-painting-spartan {
+ position: relative;
- .cta-bar--image {
- position: absolute;
- top: -95px;
- left: 54%;
+ .numbered-steps--step {
+ margin: {
+ top: 40px;
+ bottom: 80px;
+ }
+ @include phonesAndTabletsPortrait {
+ margin: {
+ top: 10px;
+ bottom: 10px;
+ }
+ }
- @include phonesAndTabletsPortrait {
- display: none;
}
+
+ @include bigPage {
+ &:before {
+ content: "";
+ display: block;
+ position: absolute;
+ background: url($spartan-painting) right no-repeat;
+ width: 295px;
+ height: 637px;
+ right: 0;
+ }
+ }
}
}
..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_entitled-columns.scss:62,undefined ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_entitled-columns.scss:70,undefined - ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_entitled-columns.scss:62,undefined
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_entitled-columns.scss:70,undefined
@include phonesAndTabletsPortrait {
background-size: 35px;
}
}
- &.entitled-columns--column-icon__expectations {
- background-image: url($icon-expectations);
- background-size: auto 100%;
- @include phonesAndTabletsPortrait {
- background-size: 35px;
- }
- }
-
&.entitled-columns--column-icon__hands {
background-image: url($icon-hands);
}
}
&.entitled-columns__vertical-margins {
margin: {
top: 50px;
bottom: 50px;
}
@include phonesAndTabletsPortrait {
margin-top: 0;
margin-bottom: 0;
}
}
}
..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_entry.scss:12,undefined ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_layout.scss:49,undefined - ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_entry.scss:12,undefined
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_layout.scss:49,undefined
+ @include phonesAndTabletsPortrait {
+ margin-bottom: 20px;
+ }
- @include phonesAndTabletsPortrait {
- margin-bottom: 20px;
- }
-
- &:first-child {
- margin-top: 0;
- .entry--title {
- margin-top: 0;
}
- }
+ .layout--right-column {
+ box-sizing: border-box;
- & + .entry {
- border-top: 1px solid $gray1;
- }
+ @include bigPage {
+ @include span(3 last);
+ padding-right: 30px;
- .entry--figure {
- @include notPhones {
- float: left;
- max-width: 260px;
- margin: {
- right: 30px;
- bottom: 10px;
}
}
-
- @include phones {
- margin-bottom: 10px;
- max-width: 100%;
- }
}
+ .layout--column-image {
+ width: 80%;
- .entry--title {
- @include redHeading-medium();
}
+ &.layout__2-2 {
+ .layout--left-column {
+ overflow: hidden;
- .entry--content {
- position: relative;
-
- @include notPhones {
- padding-left: 30px;
- margin-left: $leftColumnSize;
- border-left: 1px solid $red;
}
+ @include bigPage {
+ %column {
+ box-sizing: border-box;;
+ @include span(2);
- @include phones {
- margin: 10px 0;
- }
- }
-
- .entry--intro {
- @include text-small();
- margin-bottom: 10px;
-
- @include phonesAndTabletsPortrait {
- font-size: $fontSize-base;
- }
- }
-
- @at-root .entry--subheader {
- height: 25px;
- }
-
- @at-root .entry--author {
- @include uppercase-header();
- float: left;
- }
-
- @at-root .entry--author--avatar {
- border-radius: 50%;
- vertical-align: top;
- margin-right: 10px;
- margin-top: -12px;
- width: 45px;
- }
-
- @at-root .entry--author--avatar__default {
- @extend .entry--author--avatar;
- box-shadow: 0 0 2px #444;
- }
-
- @at-root .entry--meta {
- @include uppercase-header();
-
- margin: 0;
- padding: 0;
- list-style: none;
- color: $gray3;
- float: right;
-
- li {
- display: inline-block;
- padding-right: 20px;
- }
-
- a {
- @include uppercase-header();
- color: $gray3;
- text-decoration: underline;
- }
-
- &:after {
- clear: both;
- }
- }
-
- .entry--meta {
- float: left;
- width: $leftColumnSize;
-
- @include notPhones {
- li {
- display: block;
- margin-bottom: 15px;
}
- }
+ .layout--left-column {
+ @extend %column;
-
- @include phones {
- float: none;
- border-bottom: 1px solid $red;
- width: auto;
- padding-bottom: 10px;
- }
- }
-
- .entry--more-button {
- padding-left: 0;
- clear: both;
- display: block;
- text-align: left;
- }
- }
-
- .entry-pagination {
- %paginationLink {
- @include text-small();
- box-sizing: border-box;;
- display: inline-block;
- width: 50%;
- position: relative;
- }
-
- @include phones {
- display: none;
- }
-
- &--previous {
- @extend %paginationLink;
- padding-left: 30px;
-
- .entry-pagination--icon {
- left: 0;
- }
-
- &.entry-pagination--previous {
- text-align: left;
-
- .entry-pagination--icon {
- margin: 0;
}
- }
- }
+ .layout--right-column {
+ @extend %column;
+ @include span(2 last);
- &--next {
- @extend %paginationLink;
- padding-right: 30px;
- margin-left: -0.3em;
-
- .entry-pagination--icon {
- right: 0;
- }
-
- &.entry-pagination--next {
- text-align: right;
-
- .entry-pagination--icon {
- margin: 0;
}
}
}
}
-
- .entry-pagination--icon {
- position: absolute;
- margin: 0;
- }
..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_faq.scss:10,undefined ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_hero-slider.scss:136,undefined ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_hero.scss:116,undefined ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_intro-job-offer.scss:34,undefined ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_product-values.scss:19,undefined ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_speakers-intro-list.scss:26,undefined - ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_faq.scss:10,undefined
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_hero-slider.scss:136,undefined
@include phonesAndTabletsPortrait {
font-size: $fontSize-huge;
}
}
+ .hero-slider--slide--title-image {
+ max-height: 100px;
+ max-width: 300px;
+ display: block;
- .faq-list {
@include phonesAndTabletsPortrait {
+ max-width: 120px;
+ max-height: 70px;
- padding: {
- left: 0;
- right: 0;
- }
}
+ }
+ .hero-slider--slide--description {
+ @extend %heroSliderContent;
+ @include heading-medium($fontWeight-light);
- & + .faq--group-title {
- margin-top: 50px;
- }
+ margin-top: 20px;
+ margin-bottom: 20px;
+ box-sizing: border-box;
- .faq-list--question {
- font: {
- size: 24px;
- weight: $fontWeight-light;
- }
- background-color: $red;
- padding: 40px;
- color: $white;
- position: relative;
+ @include phonesAndTabletsPortrait {
+ margin-top: 10px;
+ margin-bottom: 10px;
+ font-size: $fontSize-medium;
- @include phonesAndTabletsPortrait {
- padding: 20px;
- }
-
- &:after {
- position: absolute;
- left: 0;
- top: 100%;
- content: "";
- display: block;
- width: 0;
- height: 0;
- border-top: 25px solid $red;
- border-right: 25px solid transparent;
- }
}
+ }
+ .hero-slider--slide--buttons {
+ @extend %heroSliderContent;
- .faq-list--answer {
- margin: 40px 0;
+ @include phones {
+ text-align: center;
- .faq-list--answer-intro {
- display: block;
- }
-
- .faq-list--answer-full {
- display: none;
- }
-
- &.faq-list--answer__expanded {
- .faq-list--answer-intro {
- display: none;
- }
-
- .faq-list--answer-full {
- display: block;
- }
- }
}
+ @include tablets {
+ margin-top: 10px;
+ text-align: left;
- .faq-list--answer-content {
- position: relative;
-
- @include bigPage {
- padding-left: 40px;
- margin-left: span(1)/2;
- border-left: 1px solid $red;
- }
-
- &:before {
- font: {
- size: 14px;
- family: $fontFamily-headers;
- }
- display: block;
- position: absolute;
- content: "answer";
- left: span(1)/-2;
- top: 0;
- text-transform: uppercase;
- width: span(1)/2;
- box-sizing: border-box;
- padding-left: 40px;
-
- @include phonesAndTabletsPortrait {
- position: static;
- left: 0;
- padding-left: 0;
- }
- }
}
+ }
-
- .faq-list--answer-more-button {
- font: {
- size: 18px;
- weight: $fontWeight-light;
- }
- color: $red;
- border: 0;
- background-color: transparent;
- cursor: pointer;
-
- .icon {
- $size: 20px;
-
- border: 1px solid $red;
- border-radius: 50%;
- display: inline-block;
- margin-right: 10px;
- width: $size;
- height: $size;
- vertical-align: text-bottom;
- font-size: 14px;
- line-height: $size;
- }
- }
-
- .faq-list--answer-full,
- .faq-list--answer-intro {
- font: {
- size: 18px;
- weight: $fontWeight-light;
- }
- line-height: 1.8;
-
- @include phonesAndTabletsPortrait {
- font-size: $fontSize-base;
- line-height: 1.4;
- }
- }
- }
- ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_faq.scss:10,undefined
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_hero.scss:116,undefined
+ @include phonesAndTabletsPortrait {
+ font-size: $fontSize-huge;
+ }
- @include phonesAndTabletsPortrait {
- font-size: $fontSize-huge;
- }
- }
-
- .faq-list {
-
- @include phonesAndTabletsPortrait {
- padding: {
- left: 0;
- right: 0;
}
}
+ &.hero__perks-bottom {
- & + .faq--group-title {
- margin-top: 50px;
- }
-
- .faq-list--question {
- font: {
- size: 24px;
- weight: $fontWeight-light;
- }
- background-color: $red;
- padding: 40px;
- color: $white;
- position: relative;
-
@include phonesAndTabletsPortrait {
+ padding-top: 0;
+ padding-bottom: 0;
- padding: 20px;
}
+ .hero--title {
+ font-weight: $fontWeight-light;
- &:after {
- position: absolute;
- left: 0;
- top: 100%;
- content: "";
- display: block;
- width: 0;
- height: 0;
- border-top: 25px solid $red;
- border-right: 25px solid transparent;
}
- }
+ .hero--description {
+ @include text-medium($fontWeight-light);
+ font-size: 30px;
+ color: $color-lessVisibleText;
+ margin: 20px 0;
- .faq-list--answer {
- margin: 40px 0;
+ strong {
+ color: $gray3;
+ font-weight: $fontWeight-bold;
- .faq-list--answer-intro {
- display: block;
- }
-
- .faq-list--answer-full {
- display: none;
- }
-
- &.faq-list--answer__expanded {
- .faq-list--answer-intro {
- display: none;
}
+ @include phonesAndTabletsPortrait {
+ font-size: $fontSize-medium;
+ line-height: 1.3;
+ position: relative;
+ padding-top: 90px;
- .faq-list--answer-full {
- display: block;
}
}
+ .hero--call-to-action {
+ float: right;
- }
- .faq-list--answer-content {
- position: relative;
-
- @include bigPage {
- padding-left: 40px;
- margin-left: span(1)/2;
- border-left: 1px solid $red;
- }
-
- &:before {
- font: {
- size: 14px;
- family: $fontFamily-headers;
- }
- display: block;
- position: absolute;
- content: "answer";
- left: span(1)/-2;
- top: 0;
- text-transform: uppercase;
- width: span(1)/2;
- box-sizing: border-box;
- padding-left: 40px;
-
@include phonesAndTabletsPortrait {
+ float: none;
+ position: absolute;
+ left: 50%;
+ transform: translatex(-50%);
+ margin-bottom: 20px;
+ top: 0;
+ white-space: nowrap;
- position: static;
- left: 0;
- padding-left: 0;
}
}
}
-
- .faq-list--answer-more-button {
- font: {
- size: 18px;
- weight: $fontWeight-light;
- }
- color: $red;
- border: 0;
- background-color: transparent;
- cursor: pointer;
-
- .icon {
- $size: 20px;
-
- border: 1px solid $red;
- border-radius: 50%;
- display: inline-block;
- margin-right: 10px;
- width: $size;
- height: $size;
- vertical-align: text-bottom;
- font-size: 14px;
- line-height: $size;
- }
- }
-
- .faq-list--answer-full,
- .faq-list--answer-intro {
- font: {
- size: 18px;
- weight: $fontWeight-light;
- }
- line-height: 1.8;
-
- @include phonesAndTabletsPortrait {
- font-size: $fontSize-base;
- line-height: 1.4;
- }
- }
}
- ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_faq.scss:10,undefined
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_intro-job-offer.scss:34,undefined
- @include phonesAndTabletsPortrait {
- font-size: $fontSize-huge;
- }
- }
-
- .faq-list {
-
- @include phonesAndTabletsPortrait {
- padding: {
- left: 0;
- right: 0;
- }
- }
-
- & + .faq--group-title {
- margin-top: 50px;
- }
-
- .faq-list--question {
- font: {
- size: 24px;
- weight: $fontWeight-light;
- }
- background-color: $red;
- padding: 40px;
- color: $white;
- position: relative;
-
@include phonesAndTabletsPortrait {
+ font-size: $fontSize-huge;
- padding: 20px;
}
-
- &:after {
- position: absolute;
- left: 0;
- top: 100%;
- content: "";
- display: block;
- width: 0;
- height: 0;
- border-top: 25px solid $red;
- border-right: 25px solid transparent;
- }
}
+ .intro-job-offer--description {
+ @include text-medium($fontWeight-thin);
+ margin: 20px 0;
- .faq-list--answer {
- margin: 40px 0;
- .faq-list--answer-intro {
- display: block;
- }
-
- .faq-list--answer-full {
- display: none;
- }
-
- &.faq-list--answer__expanded {
- .faq-list--answer-intro {
- display: none;
- }
-
- .faq-list--answer-full {
- display: block;
- }
- }
- }
-
- .faq-list--answer-content {
- position: relative;
-
- @include bigPage {
- padding-left: 40px;
- margin-left: span(1)/2;
- border-left: 1px solid $red;
- }
-
- &:before {
- font: {
- size: 14px;
- family: $fontFamily-headers;
- }
- display: block;
- position: absolute;
- content: "answer";
- left: span(1)/-2;
- top: 0;
- text-transform: uppercase;
- width: span(1)/2;
- box-sizing: border-box;
- padding-left: 40px;
-
- @include phonesAndTabletsPortrait {
- position: static;
- left: 0;
- padding-left: 0;
- }
- }
- }
-
- .faq-list--answer-more-button {
- font: {
- size: 18px;
- weight: $fontWeight-light;
- }
- color: $red;
- border: 0;
- background-color: transparent;
- cursor: pointer;
-
- .icon {
- $size: 20px;
-
- border: 1px solid $red;
- border-radius: 50%;
- display: inline-block;
- margin-right: 10px;
- width: $size;
- height: $size;
- vertical-align: text-bottom;
- font-size: 14px;
- line-height: $size;
- }
- }
-
- .faq-list--answer-full,
- .faq-list--answer-intro {
- font: {
- size: 18px;
- weight: $fontWeight-light;
- }
- line-height: 1.8;
-
@include phonesAndTabletsPortrait {
+ @include text-small();
+ margin: 10px 0;
- font-size: $fontSize-base;
- line-height: 1.4;
}
}
}
- ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_faq.scss:10,undefined
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_product-values.scss:19,undefined
@include phonesAndTabletsPortrait {
font-size: $fontSize-huge;
}
}
+ .product-values--value {
+ margin: 35px 0;
+ box-sizing: border-box;
- .faq-list {
@include phonesAndTabletsPortrait {
+ margin: 20px 0;
- padding: {
- left: 0;
- right: 0;
- }
}
+ @include bigPage {
+ padding-right: 20px;
+ &:nth-of-type(1),
+ &:nth-of-type(2) {
+ width: 50%;
+ float: left;
- & + .faq--group-title {
- margin-top: 50px;
- }
-
- .faq-list--question {
- font: {
- size: 24px;
- weight: $fontWeight-light;
}
- background-color: $red;
- padding: 40px;
- color: $white;
- position: relative;
+ &:nth-of-type(3) {
+ clear: both;
- @include phonesAndTabletsPortrait {
- padding: 20px;
}
-
- &:after {
- position: absolute;
- left: 0;
- top: 100%;
- content: "";
- display: block;
- width: 0;
- height: 0;
- border-top: 25px solid $red;
- border-right: 25px solid transparent;
- }
}
+ }
+ .product-values--value--number {
+ float: left;
+ }
- .faq-list--answer {
- margin: 40px 0;
+ .product-values--value--title {
+ margin: 0;
+ margin-left: 70px;
+ margin-bottom: 30px;
+ font: {
+ size: $fontSize-medium;
+ weight: $fontWeight-normal;
- .faq-list--answer-intro {
- display: block;
- }
-
- .faq-list--answer-full {
- display: none;
- }
-
- &.faq-list--answer__expanded {
- .faq-list--answer-intro {
- display: none;
- }
-
- .faq-list--answer-full {
- display: block;
- }
- }
}
+ }
+ .product-values--value--description {
+ margin-left: 70px;
+ font: {
+ size: $fontSize-medium;
+ weight: $fontWeight-thin;
- .faq-list--answer-content {
- position: relative;
-
- @include bigPage {
- padding-left: 40px;
- margin-left: span(1)/2;
- border-left: 1px solid $red;
- }
-
- &:before {
- font: {
- size: 14px;
- family: $fontFamily-headers;
- }
- display: block;
- position: absolute;
- content: "answer";
- left: span(1)/-2;
- top: 0;
- text-transform: uppercase;
- width: span(1)/2;
- box-sizing: border-box;
- padding-left: 40px;
-
- @include phonesAndTabletsPortrait {
- position: static;
- left: 0;
- padding-left: 0;
- }
- }
}
-
- .faq-list--answer-more-button {
- font: {
- size: 18px;
- weight: $fontWeight-light;
- }
- color: $red;
- border: 0;
- background-color: transparent;
- cursor: pointer;
-
- .icon {
- $size: 20px;
-
- border: 1px solid $red;
- border-radius: 50%;
- display: inline-block;
- margin-right: 10px;
- width: $size;
- height: $size;
- vertical-align: text-bottom;
- font-size: 14px;
- line-height: $size;
- }
- }
-
- .faq-list--answer-full,
- .faq-list--answer-intro {
- font: {
- size: 18px;
- weight: $fontWeight-light;
- }
- line-height: 1.8;
-
- @include phonesAndTabletsPortrait {
- font-size: $fontSize-base;
- line-height: 1.4;
- }
- }
}
- ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_faq.scss:10,undefined
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_speakers-intro-list.scss:26,undefined
+ @include phonesAndTabletsPortrait {
+ font-size: $fontSize-huge;
- @include phonesAndTabletsPortrait {
- font-size: $fontSize-huge;
- }
- }
-
- .faq-list {
-
- @include phonesAndTabletsPortrait {
- padding: {
- left: 0;
- right: 0;
}
}
+ .speakers-intro-list--more {
+ $verticalPadding: 20px;
- & + .faq--group-title {
- margin-top: 50px;
- }
- .faq-list--question {
- font: {
- size: 24px;
- weight: $fontWeight-light;
- }
- background-color: $red;
- padding: 40px;
- color: $white;
position: relative;
+ display: inline-block;
+ font-size: 18px;
+ padding: 5px $verticalPadding;
+ color: $gray3;
- @include phonesAndTabletsPortrait {
- padding: 20px;
- }
&:after {
position: absolute;
- left: 0;
- top: 100%;
content: "";
display: block;
+ border-bottom: 1px solid $red;
+ width: calc(100% - #{$verticalPadding} * 2);
+ left: $verticalPadding;
- width: 0;
- height: 0;
- border-top: 25px solid $red;
- border-right: 25px solid transparent;
}
}
+ .speakers-intro-list--list {
+ margin-top: 20px;
+ padding: 0;
+ list-style: none;
+ @include container();
- .faq-list--answer {
- margin: 40px 0;
-
- .faq-list--answer-intro {
- display: block;
- }
-
- .faq-list--answer-full {
- display: none;
- }
-
- &.faq-list--answer__expanded {
- .faq-list--answer-intro {
- display: none;
- }
-
- .faq-list--answer-full {
- display: block;
- }
- }
}
+ }
+ .speakers-intro-list--speaker {
+ text-align: center;
- .faq-list--answer-content {
- position: relative;
+ @include bigPage {
+ @include span(1);
- @include bigPage {
- padding-left: 40px;
- margin-left: span(1)/2;
- border-left: 1px solid $red;
- }
+ &:nth-child(4n) {
+ @include span(last 1);
- &:before {
- font: {
- size: 14px;
- family: $fontFamily-headers;
- }
- display: block;
- position: absolute;
- content: "answer";
- left: span(1)/-2;
- top: 0;
- text-transform: uppercase;
- width: span(1)/2;
- box-sizing: border-box;
- padding-left: 40px;
-
- @include phonesAndTabletsPortrait {
- position: static;
- left: 0;
- padding-left: 0;
- }
}
}
+ @include phones {
+ margin-left: 30px;
+ margin-right: 30px;
+ max-width: 300px;
- .faq-list--answer-more-button {
- font: {
- size: 18px;
- weight: $fontWeight-light;
- }
- color: $red;
- border: 0;
- background-color: transparent;
- cursor: pointer;
-
- .icon {
- $size: 20px;
-
- border: 1px solid $red;
- border-radius: 50%;
- display: inline-block;
- margin-right: 10px;
- width: $size;
- height: $size;
- vertical-align: text-bottom;
- font-size: 14px;
- line-height: $size;
- }
}
+ @include tablets {
+ @include span(1);
+ &:nth-child(2n) {
+ @include span(last 1);
- .faq-list--answer-full,
- .faq-list--answer-intro {
- font: {
- size: 18px;
- weight: $fontWeight-light;
}
- line-height: 1.8;
-
- @include phonesAndTabletsPortrait {
- font-size: $fontSize-base;
- line-height: 1.4;
- }
}
}
..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_jobs-offers-info-bar.scss:69,undefined ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_shortlist.scss:7,undefined - ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_jobs-offers-info-bar.scss:69,undefined
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_shortlist.scss:7,undefined
@include bigPage {
position: absolute;
right: 0;
top: -180px;
bottom: -80px;
width: 280px;
}
+ @include phones {
- @include phonesAndTabletsPortrait {
display: none;
}
+ .shortlist--title {
- .jobs-offers-shortlist--title {
@include heading-small();
margin: 10px 0 50px;
}
+ .shortlist--links {
- .jobs-offers-shortlist--links {
list-style: none;
margin: 0;
padding: 0;
li {
position: relative;
padding-left: 30px;
margin: 10px 0;
&:before {
content: "";
position: absolute;
left: 0;
top: 0.25em;
@include circle-outline(rgba($white, 0.5));
}
a {
color: white;
}
}
}
}
..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_jobs-offers-info-bar.scss:91,106 ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_shortlist.scss:29,44 - ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_jobs-offers-info-bar.scss:91,106
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_shortlist.scss:29,44
li {
position: relative;
padding-left: 30px;
margin: 10px 0;
&:before {
content: "";
position: absolute;
left: 0;
top: 0.25em;
@include circle-outline(rgba($white, 0.5));
}
a {
color: white;
}
}
..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_jobs-offers-info-bar.scss:96,102 ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_shortlist.scss:34,40 - ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_jobs-offers-info-bar.scss:96,102
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_shortlist.scss:34,40
&:before {
content: "";
position: absolute;
left: 0;
top: 0.25em;
@include circle-outline(rgba($white, 0.5));
}
..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_person.scss:34,37 ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_person.scss:50,53 - ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_person.scss:34,37
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_person.scss:50,53
.person--name,
.person--position {
display: block;
}
..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_product-description.scss:12,undefined ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_product-section.scss:13,undefined - ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_product-description.scss:12,undefined
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_product-section.scss:13,undefined
@include bigPage {
+ @include span(3);
padding-right: 40px;
- @include span(3);
}
}
+ .product-section--title {
+ @include text-medium();
- .product-description--video-thumbnail {
- float: right;
- margin-left: 20px;
- margin-bottom: 20px;
- max-width: 50%;
-
- @include phones {
- float: none;
- max-width: none;
- margin: 10px 0;
- }
- }
-
- .product-description--title {
- @include heading-medium();
color: $spartezBlue;
-
- &.product-description--title__white {
- color: $white;
- font-weight: $fontWeight-light;
- }
-
- @include phones {
- @include heading-small();
- }
}
- .product--screenshot {
- border: 2px solid $gray1;
- box-sizing: border-box;
- max-width: 100%;
- }
- .product-description--screenshot-wrapper {
- float: right;
- margin: 0 0 15px 20px;
- max-width: 50%;
- z-index: $zIndex-onTop;
- }
..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_speakers-intro-list.scss:70,undefined ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_team.scss:28,undefined - ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_speakers-intro-list.scss:70,undefined
+ ..\..\Work\spartez.com\statamic\_themes\spartez\css\components\_team.scss:28,undefined
+ @include phones {
+ margin-left: 30px;
+ margin-right: 30px;
+ max-width: 300px;
+ }
+
+ @include tablets {
+ @include span(1);
+ }
+
+ text-align: center;
+ position: relative;
+ cursor: pointer;
+
+ @include bigPage {
+
+ &:nth-child(4n) {
+ @include span(1 last);
+ }
+ &:hover {
+ .avatar {
+ transform: scale(1.1);
+ }
+ }
+ }
+
+ @include tablets {
+ &:nth-child(2n) {
+ @include span(1 last);
+ }
+ }
+
+ .avatar {
+ transition: all .2s ease-in-out;
+ }
+
+ .inline-dialog {
+ top: 40px;
+ left: 100%;
+ width: 220%;
+ z-index: $zIndex-level2;
+ min-height: 280px;
+
+ @include phonesAndTabletsPortrait {
+ top: 100%;
+ left: 0;
+ width: 100%;
+ }
+ }
+
+ .inline-dialog__gravity-right {
+ left: calc(-220% - 10px);
+ }
+
+ &.active {
+ .inline-dialog {
+ visibility: visible;
+ transform: scale(1);
+ }
+ }
- @include phones {
- margin-left: 30px;
- margin-right: 30px;
- max-width: 300px;
}
+ &.team__listed {
+ + .team__listed {
+ border-top: 1px solid $gray1;
- @include tablets {
- @include span(1);
- &:nth-child(2n) {
- @include span(last 1);
}
}
}
16 matches found across 72 files (Total size: 1185 characters) 4 files skipped