File Content: shortcodes-map.css.map {"version":3,"sources":["shortcodes-map.scss","shortcodes-map.css","../../../../../themes/curly/assets/css/scss/_mixins.scss","../../../shortcodes/twitter-list/assets/css/scss/default/_twitter-list.scss","../../../../../themes/curly/assets/css/scss/_variables.scss"],"names":[],"mappings":"AAAA;;+ECE+E;AC+J/E,0BAAA;AAwLA,wBAAA;AAEA,0BAAA;AAsCA,wBAAA;AF5XA;;+ECI+E;AET/E;EDmBI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sBAAsB;ECpBtB,WAAW;AFcf;;AEhBA;EAOY,WAAW;AFavB;;AEpBA;EDmBI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sBAAsB;ECTlB,gBAAgB;EAChB,SAAS;EACT,UAAU;AFelB;;AE9BA;EDmBI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sBAAsB;ECFlB,UAAU;EACV,SAAS;EACT,8BAAsB;EAAtB,sBAAsB;AFkB9B;;AExCA;EDmBI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sBAAsB;ECKlB,yBAAyB;EDuB7B,wCCtB+C;EDwB/C,gCCxB+C;AFuBnD;;AEnDA;EA+BY,4DAAmD;EAAnD,oDAAmD;ED+B3D,mCC9B+C;EDgC/C,+BChC+C;EDgC/C,2BChC+C;AF0BnD;;AE1DA;EDmBI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sBAAsB;ECgBlB,kBAAkB;EAClB,yBAAyB;EACzB,8BAAsB;EAAtB,sBAAsB;AF4B9B;;AEpEA;EDmBI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sBAAsB;ECuBlB,mBAAmB;EACnB,8BAAsB;EAAtB,sBAAsB;AF+B9B;;AE7EA;ED0BI,kBAAkB;EAClB,cAAc;EACd,WAAW;EACX,YAAY;EACZ,MAAM;EACN,OAAO;ECoBH,UAAU;AFoClB;;AEvFA;EDmBI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sBAAsB;ECkClB,mBAAmB;EACnB,8BAAsB;EAAtB,sBAAsB;AFuC9B;;AEhGA;EA4DY,kBAAkB;EAClB,qBAAqB;EACrB,mBAAmB;EACnB,WAAW;EACX,WAAW;EACX,YAAY;AFwCxB;;AEzGA;EAoEgB,kBAAkB;AFyClC;;AE7GA;EAyEY,kBAAkB;EAClB,qBAAqB;EACrB,mBAAmB;EACnB,WAAW;EACX,wBAAwB;EACxB,kBAAkB;EAClB,8BAAsB;EAAtB,sBAAsB;AFwClC;;AEvHA;EAkFgB,SAAS;AFyCzB;;AE3HA;EAwFQ,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,WAAW;EACX,qBAAqB;EACrB,mBAAmB;EACnB,cCtDkB;EDuDlB,eAAe;EACf,iBAAiB;AFuCzB;;AEvIA;EAoGQ,kBAAkB;EAClB,8BAAsB;EAAtB,sBAAsB;AFuC9B;;AE5IA;EAwGY,kBAAkB;EAClB,cAAc;EACd,UAAU;AFwCtB;;AElJA;EA6GgB,cCrEU;AH8G1B;;AEtJA;EAqHY,kBAAkB;EAClB,cAAc;EACd,UAAU;AFqCtB;;AE5JA;EA0HgB,cClFU;AHwH1B;;AEhKA;EAqIgB,UAAoB;AF+BpC;;AERgB;EA5JhB;IAiK4B,WAAW;EFQrC;AACF;;AE1KA;EAqIgB,gBAAoB;AFyCpC;;AE5BgB;EAlJhB;IAuJ4B,WAAW;EF4BrC;AACF;;AEpLA;EAqIgB,UAAoB;AFmDpC;;AE/CgB;EAzIhB;IA6I4B,WAAW;EFgDrC;AACF;;AE9LA;EAqIgB,UAAoB;AF6DpC;;AEzDgB;EAzIhB;IA6I4B,WAAW;EF0DrC;AACF","file":"../../../../curly-twitter-feed/assets/css/scss/shortcodes-map.css","sourcesContent":["/* ==========================================================================\n Global partials\n ========================================================================== */\n@import '../../../../../themes/curly/assets/css/scss/variables';\n@import '../../../../../themes/curly/assets/css/scss/mixins';\n/* ==========================================================================\n Shortcodes styles\n ========================================================================== */\n@import \"D:/projects/curly/wp-content/plugins/curly-twitter-feed/shortcodes/twitter-list/assets/css/scss/default/_twitter-list.scss\";","/* ==========================================================================\n Global partials\n ========================================================================== */\n/* common mixins - start */\n/* common mixins - end */\n/* mixins styles - start */\n/* mixins styles - end */\n/* ==========================================================================\n Shortcodes styles\n ========================================================================== */\n.mkdf-twitter-list-holder {\n position: relative;\n display: inline-block;\n width: 100%;\n vertical-align: middle;\n clear: both;\n}\n\n.mkdf-twitter-list-holder:not(.mkdf-tl-one-column) .mkdf-tl-item {\n float: left;\n}\n\n.mkdf-twitter-list-holder .mkdf-twitter-list {\n position: relative;\n display: inline-block;\n width: 100%;\n vertical-align: middle;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.mkdf-twitter-list-holder .mkdf-tl-item {\n position: relative;\n display: inline-block;\n width: 100%;\n vertical-align: middle;\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n}\n\n.mkdf-twitter-list-holder .mkdf-tli-inner {\n position: relative;\n display: inline-block;\n width: 100%;\n vertical-align: middle;\n background-color: #ffffff;\n -webkit-transition: all 0.2s ease-in-out;\n -moz-transition: all 0.2s ease-in-out;\n transition: all 0.2s ease-in-out;\n}\n\n.mkdf-twitter-list-holder .mkdf-tli-inner:hover {\n box-shadow: -2px 4px 13px 0 rgba(81, 137, 162, 0.05);\n -webkit-transform: translateY(-3px);\n -moz-transform: translateY(-3px);\n transform: translateY(-3px);\n}\n\n.mkdf-twitter-list-holder .mkdf-tli-content {\n position: relative;\n display: inline-block;\n width: 100%;\n vertical-align: middle;\n padding: 35px 23px;\n border: 1px solid #f2f2f2;\n box-sizing: border-box;\n}\n\n.mkdf-twitter-list-holder .mkdf-twitter-content-top {\n position: relative;\n display: inline-block;\n width: 100%;\n vertical-align: middle;\n margin-bottom: 25px;\n box-sizing: border-box;\n}\n\n.mkdf-twitter-list-holder .mkdf-twitter-link-over {\n position: absolute;\n display: block;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 1;\n}\n\n.mkdf-twitter-list-holder .mkdf-twitter-user {\n position: relative;\n display: inline-block;\n width: 100%;\n vertical-align: middle;\n padding-right: 30px;\n box-sizing: border-box;\n}\n\n.mkdf-twitter-list-holder .mkdf-twitter-user .mkdf-twitter-image {\n position: relative;\n display: inline-block;\n vertical-align: top;\n float: left;\n width: 56px;\n height: 56px;\n}\n\n.mkdf-twitter-list-holder .mkdf-twitter-user .mkdf-twitter-image img {\n border-radius: 50%;\n}\n\n.mkdf-twitter-list-holder .mkdf-twitter-user .mkdf-twitter-name {\n position: relative;\n display: inline-block;\n vertical-align: top;\n float: left;\n width: calc(100% - 56px);\n padding-left: 15px;\n box-sizing: border-box;\n}\n\n.mkdf-twitter-list-holder .mkdf-twitter-user .mkdf-twitter-name * {\n margin: 0;\n}\n\n.mkdf-twitter-list-holder .mkdf-twitter-icon {\n position: absolute;\n top: -7px;\n right: 3px;\n width: 20px;\n display: inline-block;\n vertical-align: top;\n color: #c59d5f;\n font-size: 24px;\n text-align: right;\n}\n\n.mkdf-twitter-list-holder .mkdf-tweet-text {\n padding-left: 12px;\n box-sizing: border-box;\n}\n\n.mkdf-twitter-list-holder .mkdf-tweet-text a {\n position: relative;\n color: #808080;\n z-index: 2;\n}\n\n.mkdf-twitter-list-holder .mkdf-tweet-text a:hover {\n color: #c59d5f;\n}\n\n.mkdf-twitter-list-holder .mkdf-twitter-profile a {\n position: relative;\n color: #808080;\n z-index: 2;\n}\n\n.mkdf-twitter-list-holder .mkdf-twitter-profile a:hover {\n color: #c59d5f;\n}\n\n.mkdf-twitter-list-holder.mkdf-tl-two-columns .mkdf-tl-item {\n width: 50%;\n}\n\n@media only screen and (min-width: 1025px) {\n .mkdf-twitter-list-holder.mkdf-tl-two-columns .mkdf-tl-item:nth-child(2n+1) {\n clear: both;\n }\n}\n\n.mkdf-twitter-list-holder.mkdf-tl-three-columns .mkdf-tl-item {\n width: 33.33333%;\n}\n\n@media only screen and (min-width: 1201px) {\n .mkdf-twitter-list-holder.mkdf-tl-three-columns .mkdf-tl-item:nth-child(3n+1) {\n clear: both;\n }\n}\n\n.mkdf-twitter-list-holder.mkdf-tl-four-columns .mkdf-tl-item {\n width: 25%;\n}\n\n@media only screen and (min-width: 1281px) {\n .mkdf-twitter-list-holder.mkdf-tl-four-columns .mkdf-tl-item:nth-child(4n+1) {\n clear: both;\n }\n}\n\n.mkdf-twitter-list-holder.mkdf-tl-five-columns .mkdf-tl-item {\n width: 20%;\n}\n\n@media only screen and (min-width: 1281px) {\n .mkdf-twitter-list-holder.mkdf-tl-five-columns .mkdf-tl-item:nth-child(5n+1) {\n clear: both;\n }\n}\n","//layout mixins - start\n\n@mixin mkdfTableLayout() {\n position: relative;\n display: table;\n table-layout: fixed;\n height: 100%;\n width: 100%;\n}\n\n@mixin mkdfTableCellLayout($vertical-align: middle) {\n position: relative;\n display: table-cell;\n height: 100%;\n width: 100%;\n vertical-align: $vertical-align;\n}\n\n@mixin mkdfRelativeHolderLayout() {\n position: relative;\n display: inline-block;\n width: 100%;\n vertical-align: middle;\n}\n\n@mixin mkdfAbsoluteHolderLayout() {\n position: absolute;\n display: block;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n}\n\n@mixin mkdfTypographyLayout() {\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n font-style: inherit;\n line-height: inherit;\n letter-spacing: inherit;\n text-transform: inherit;\n}\n\n//layout mixins - end\n\n//transition mixins - start\n\n@mixin mkdfTransition($transition-param...) {\n -webkit-transition: $transition-param;\n -moz-transition: $transition-param;\n transition: $transition-param;\n}\n\n@mixin mkdfTransitionTransform($transition-param...) {\n -webkit-transition: -webkit-transform $transition-param;\n -moz-transition: -moz-transform $transition-param;\n transition: transform $transition-param;\n}\n\n@mixin mkdfTransform($transform-param...) {\n -webkit-transform: $transform-param;\n -moz-transform: $transform-param;\n transform: $transform-param;\n}\n\n@mixin mkdfAnimation($animation-param...) {\n -webkit-animation: $animation-param;\n -moz-animation: $animation-param;\n animation: $animation-param;\n}\n\n@mixin mkdfTransformOrigin($animation-param...) {\n -webkit-transform-origin: $animation-param;\n -moz-transform-origin: $animation-param;\n transform-origin: $animation-param;\n}\n\n@mixin mkdfMaskImage($image...) {\n -webkit-mask-image: url($image);\n mask-image: url($image);\n}\n\n//transition mixins - end\n\n//checkbox mixins - start\n\n$checkbox-size: 15px;\n$checkbox-border-width: 1px;\n\n%checkbox-style {\n line-height: 1;\n margin: 8px 0;\n position: relative;\n\n input[type=checkbox] {\n display: inline-block;\n height: $checkbox-size;\n left: 0;\n margin: 0;\n max-height: $checkbox-size;\n position: relative;\n top: 0;\n vertical-align: top;\n width: $checkbox-size;\n }\n\n input[type=checkbox] + label {\n cursor: pointer;;\n display: inline-block;\n left: 0;\n line-height: 0;\n pointer-events: none;\n position: absolute;\n top: 0;\n }\n\n input[type=checkbox] + label span.mkdf-label-text {\n color: $default-text-color;\n display: inline-block;\n line-height: $checkbox-size;\n padding-left: 10px;\n }\n\n input[type=checkbox] + label .mkdf-label-view {\n background-color: $default-background-color;\n border: $checkbox-border-width solid $default-border-color;\n border-radius: 2px;\n box-sizing: border-box;\n cursor: pointer;\n display: inline-block;\n height: $checkbox-size;\n vertical-align: top;\n width: $checkbox-size;\n\n &:hover {\n cursor: pointer;\n }\n }\n\n input[type=checkbox] + label .mkdf-label-view:after {\n background-color: $first-main-color;\n content: '';\n height: $checkbox-size / 2 - $checkbox-border-width;\n left: ($checkbox-size - ($checkbox-size / 2 - $checkbox-border-width)) / 2;\n opacity: 0;\n position: absolute;\n top: ($checkbox-size - ($checkbox-size / 2 - $checkbox-border-width)) / 2;\n width: $checkbox-size / 2 - $checkbox-border-width;\n\n @include mkdfTransition(opacity 0.3s ease-in-out);\n }\n\n input[type=checkbox]:checked + label .mkdf-label-view:after {\n opacity: 1;\n }\n}\n\n//checkbox mixins - end\n\n/* common mixins - start */\n\n@mixin mkdfBckImageStyle() {\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center center;\n}\n\n@mixin mkdfImageOverlayHoverStyle($with-hover: true) {\n @if ($with-hover) {\n &:hover {\n &:after {\n opacity: 1;\n }\n }\n\n &:after {\n @include mkdfAbsoluteHolderLayout();\n\n content: '';\n background-color: rgba($default-text-color, .4);\n opacity: 0;\n\n @include mkdfTransition(opacity .2s ease-in-out);\n }\n } @else {\n @include mkdfAbsoluteHolderLayout();\n\n content: '';\n background-color: rgba($default-text-color, .4);\n opacity: 0;\n\n @include mkdfTransition(opacity .2s ease-in-out);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// buttons\n\n@mixin mkdfButtonDefaultStyle() {\n font-family: inherit;\n position: relative;\n display: inline-block;\n vertical-align: middle;\n width: auto;\n outline: none;\n font-size: 14px;\n line-height: 1em;\n letter-spacing: 0.25em;\n font-weight: 700;\n text-transform: uppercase;\n box-sizing: border-box;\n margin: 0;\n\n @include mkdfTransition(color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out);\n}\n\n@mixin mkdfButtonSimple($important:null) {\n background-color: transparent $important;\n border: 0 $important;\n color: $first-main-color $important;\n padding: 0 !important;\n vertical-align: middle $important;\n\n .mkdf-btn-text,\n .button-text {\n position: relative;\n display: inline-block $important;\n vertical-align: middle $important;\n\n &:before,\n &:after {\n content: \"\";\n position: absolute;\n bottom: -2px;\n left: 0;\n width: 100%;\n height: 1px;\n background-color: currentColor;\n }\n\n &:before {\n transform-origin: right;\n\n @include mkdfTransition(all .2s ease-in 0s);\n }\n\n &:after {\n transform-origin: left;\n\n @include mkdfTransform(scale(0, 1));\n @include mkdfTransition(all .25s ease-out .25s);\n }\n\n &:hover {\n &:before {\n @include mkdfTransform(scale(0, 1));\n }\n\n &:after {\n @include mkdfTransform(scale(1, 1));\n }\n }\n }\n}\n\n@mixin mkdfButtonTransparentColor($important:null) {\n color: $default-text-color $important;\n background-color: transparent $important;\n}\n\n@mixin mkdfButtonTransparentHoverColor($important:null) {\n color: $first-main-color $important;\n background-color: transparent $important;\n}\n\n@mixin mkdfButtonSolidColor($important:null) {\n color: #fff $important;\n background-color: $default-text-color $important;\n border: 1px solid transparent $important;\n}\n\n@mixin mkdfButtonSolidHoverColor($important:null) {\n color: #fff $important;\n background-color: $first-main-color $important;\n}\n\n@mixin mkdfButtonOutlineColor($important:null) {\n color: $default-text-color $important;\n background-color: transparent $important;\n border: 1px solid $default-text-color $important;\n}\n\n@mixin mkdfButtonOutlineHoverColor($important:null) {\n color: #fff $important;\n background-color: $first-main-color $important;\n border-color: $first-main-color $important;\n}\n\n@mixin mkdfButtonSmallParams($important:null) {\n font-size: 12px $important;\n padding: 14px 55px $important;\n}\n\n@mixin mkdfButtonMediumParams($important:null) {\n padding: 18px 70px $important;\n}\n\n@mixin mkdfButtonLargeParams($important:null) {\n font-size: 16px $important;\n padding: 20px 74px $important;\n}\n\n@mixin mkdfButtonHugeParams($important:null) {\n display: block $important;\n font-size: 18px $important;\n padding-bottom: 22px $important;\n padding-top: 22px $important;\n text-align: center $important;\n width: 100% $important;\n}\n\n@mixin mkdfPlaceholder {\n &::-webkit-input-placeholder {\n @content\n }\n\n &:-moz-placeholder {\n @content;\n\n opacity: 1;\n }\n\n &::-moz-placeholder {\n @content;\n\n opacity: 1;\n }\n\n &:-ms-input-placeholder {\n @content\n }\n}\n\n/* common mixins - end */\n\n/* mixins styles - start */\n\n%input-style {\n background-color: transparent;\n border: 1px solid $default-text-color;\n border-radius: 0;\n box-sizing: border-box;\n color: $default-text-color;\n cursor: inherit;\n font-family: inherit;\n font-size: 13px;\n font-weight: inherit;\n height: $input-height;\n line-height: #{$input-height - 2px};\n margin: 0 0 $input-margin;\n outline: 0;\n padding: 0 $input-padding;\n width: 100%;\n\n @include mkdfTransition(border-color 0.2s ease-in-out);\n\n @include mkdfPlaceholder {\n color: inherit;\n\n @include mkdfTransition(color 0.2s ease-in-out);\n }\n\n -webkit-appearance: none;\n\n &:focus {\n color: $default-text-color;\n\n @include mkdfPlaceholder {\n color: transparent;\n }\n }\n}\n\n/* mixins styles - end */\n\n// heading mixins start\n@mixin mkdfParagraph($important:null) {\n font-size: 16px $important;\n font-weight: 300 $important;\n letter-spacing: normal $important;\n line-height: 1.75em $important;\n text-transform: none $important;\n}\n\n@mixin mkdfGlobalHeadingStyle() {\n color: $default-text-color;\n\n a {\n @include mkdfTypographyLayout();\n\n &:hover {\n color: $first-main-color;\n }\n }\n}\n\n@mixin mkdfH1() {\n @include mkdfGlobalHeadingStyle();\n\n font-size: 80px;\n font-weight: 700;\n letter-spacing: 0.025em;\n line-height: 1.2em;\n text-transform: uppercase;\n}\n\n@mixin mkdfH2() {\n @include mkdfGlobalHeadingStyle();\n\n font-size: 45px;\n font-weight: 700;\n letter-spacing: 0.025em;\n line-height: 1.2em;\n text-transform: uppercase;\n}\n\n@mixin mkdfH3($important:null) {\n @include mkdfGlobalHeadingStyle();\n\n font-size: 34px $important;\n font-weight: 700 $important;\n letter-spacing: 0.025em $important;\n line-height: 1.41em $important;\n text-transform: uppercase $important;\n}\n\n@mixin mkdfH4($important:null) {\n @include mkdfGlobalHeadingStyle();\n\n font-size: 20px !important;\n font-weight: 700 !important;\n letter-spacing: 0.025em !important;\n line-height: 1.5em !important;\n text-transform: uppercase !important;\n}\n\n@mixin mkdfH5($important:null) {\n @include mkdfGlobalHeadingStyle();\n\n font-size: 12px $important;\n font-weight: 500 $important;\n letter-spacing: 0.25em $important;\n line-height: 1.33em $important;\n text-transform: uppercase $important;\n}\n\n@mixin mkdfH6($important:null) {\n @include mkdfGlobalHeadingStyle();\n\n font-size: 20px $important;\n font-weight: 300 $important;\n line-height: 1.7em $important;\n}\n\n@mixin mkdfAdditionalHeading($important:null) {\n color: $first-main-color $important;\n display: block;\n font-family: $additional-text-font $important;\n font-size: 66px $important;\n font-style: normal $important;\n font-weight: 100 $important;\n letter-spacing: 0 $important;\n line-height: 1em $important;\n\n a {\n @include mkdfTypographyLayout();\n\n &:hover {\n color: $default-text-color $important;\n }\n }\n}\n\n// heading mixins end\n\n//media query mixins - start\n\n@mixin laptop-landscape-large {\n @media only screen and (max-width: map-get($breakpoints, laptop-landscape-large)) {\n @content;\n }\n}\n\n@mixin laptop-landscape-mac {\n @media only screen and (max-width: map-get($breakpoints, laptop-landscape-mac)) {\n @content;\n }\n}\n\n@mixin laptop-landscape-medium {\n @media only screen and (max-width: map-get($breakpoints, laptop-landscape-medium)) {\n @content;\n }\n}\n\n@mixin laptop-landscape {\n @media only screen and (max-width: map-get($breakpoints, laptop-landscape)) {\n @content;\n }\n}\n\n@mixin ipad-landscape {\n @media only screen and (max-width: map-get($breakpoints, ipad-landscape)) {\n @content;\n }\n}\n\n@mixin ipad-portrait {\n @media only screen and (max-width: map-get($breakpoints, ipad-portrait)) {\n @content;\n }\n}\n\n@mixin phone-landscape {\n @media only screen and (max-width: map-get($breakpoints, phone-landscape)) {\n @content;\n }\n}\n\n@mixin phone-portrait {\n @media only screen and (max-width: map-get($breakpoints, phone-portrait)) {\n @content;\n }\n}\n\n@mixin smaller-phone-portrait {\n @media only screen and (max-width: map-get($breakpoints, smaller-phone-portrait)) {\n @content;\n }\n}\n\n//media query mixins - end\n\n//flexbox mixins - start\n\n@mixin mkdfFlexContainer($flex-direction: row, $flex-wrap: nowrap, $justify-content: flex-start, $align-items: stretch, $align-content: stretch ) {\n display: flex;\n flex-direction: $flex-direction;\n flex-wrap: $flex-wrap;\n justify-content: $justify-content;\n align-items: $align-items;\n align-content: $align-content;\n}\n\n@mixin mkdfFlexItem($order: 0, $flex-grow: 0, $flex-shrink: 1, $flex-basis: auto) {\n order: $order;\n flex-grow: $flex-grow;\n flex-shrink: $flex-shrink;\n flex-basis: $flex-basis;\n}\n\n//flexbox mixins - end\n\n//animation mixin - start\n\n@mixin keyframes($name) {\n @-webkit-keyframes #{$name} {\n @content;\n }\n\n @keyframes #{$name} {\n @content;\n }\n}\n\n@mixin animation($name, $duration, $repeat, $timing, $delay) {\n -webkit-animation-name: $name;\n -webkit-animation-duration: $duration;\n -webkit-animation-iteration-count: $repeat;\n -webkit-animation-timing-function: $timing;\n -webkit-animation-delay: $delay;\n -webkit-animation-fill-mode: forwards; /* this prevents the animation from restarting! */\n\n animation-name: $name;\n animation-duration: $duration;\n animation-iteration-count: $repeat;\n animation-timing-function: $timing;\n animation-delay: $delay;\n animation-fill-mode: forwards; /* this prevents the animation from restarting! */\n}\n\n//animation mixin - end",".mkdf-twitter-list-holder {\n @include mkdfRelativeHolderLayout();\n clear: both;\n\n &:not(.mkdf-tl-one-column) {\n\n .mkdf-tl-item {\n float: left;\n }\n }\n\n .mkdf-twitter-list {\n @include mkdfRelativeHolderLayout();\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\n .mkdf-tl-item {\n @include mkdfRelativeHolderLayout();\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n }\n\n .mkdf-tli-inner {\n @include mkdfRelativeHolderLayout();\n background-color: #ffffff;\n @include mkdfTransition(all .2s ease-in-out);\n\n &:hover {\n box-shadow: -2px 4px 13px 0 rgba(81, 137, 162, .05);\n @include mkdfTransform(translateY(-3px));\n }\n }\n\n .mkdf-tli-content {\n @include mkdfRelativeHolderLayout();\n padding: 35px 23px;\n border: 1px solid #f2f2f2;\n box-sizing: border-box;\n }\n\n .mkdf-twitter-content-top {\n @include mkdfRelativeHolderLayout();\n margin-bottom: 25px;\n box-sizing: border-box;\n }\n\n .mkdf-twitter-link-over {\n @include mkdfAbsoluteHolderLayout();\n z-index: 1;\n }\n\n .mkdf-twitter-user {\n @include mkdfRelativeHolderLayout();\n padding-right: 30px;\n box-sizing: border-box;\n\n .mkdf-twitter-image {\n position: relative;\n display: inline-block;\n vertical-align: top;\n float: left;\n width: 56px;\n height: 56px;\n\n img {\n border-radius: 50%;\n }\n }\n\n .mkdf-twitter-name {\n position: relative;\n display: inline-block;\n vertical-align: top;\n float: left;\n width: calc(100% - 56px);\n padding-left: 15px;\n box-sizing: border-box;\n\n * {\n margin: 0;\n }\n }\n }\n\n .mkdf-twitter-icon {\n position: absolute;\n top: -7px;\n right: 3px;\n width: 20px;\n display: inline-block;\n vertical-align: top;\n color: $first-main-color;\n font-size: 24px;\n text-align: right;\n }\n\n .mkdf-tweet-text {\n padding-left: 12px;\n box-sizing: border-box;\n\n a {\n position: relative;\n color: #808080;\n z-index: 2;\n\n &:hover {\n color: $first-main-color;\n }\n }\n }\n\n .mkdf-twitter-profile {\n\n a {\n position: relative;\n color: #808080;\n z-index: 2;\n\n &:hover {\n color: $first-main-color;\n }\n }\n }\n\n $columns_number: ('two', 'three', 'four', 'five');\n\n @for $i from 0 to length($columns_number) {\n &.mkdf-tl-#{nth($columns_number,$i+1)}-columns {\n\n .mkdf-tl-item {\n width: 100% / ($i+2);\n }\n\n @if ($i > 1) { // set different break point for four and five columns\n @media only screen and (min-width: $laptop-landscape-medium-plus-pixel) {\n .mkdf-tl-item {\n\n &:nth-child(#{$i+2}n+1) {\n clear: both;\n }\n }\n }\n } @else if ($i == 1) { // set different break point for three columns\n @media only screen and (min-width: $laptop-landscape-plus-pixel) {\n\n .mkdf-tl-item {\n\n &:nth-child(#{$i+2}n+1) {\n clear: both;\n }\n }\n }\n } @else {\n @media only screen and (min-width: $ipad-landscape-plus-pixel) {\n\n .mkdf-tl-item {\n\n &:nth-child(#{$i+2}n+1) {\n clear: both;\n }\n }\n }\n }\n }\n }\n}","$breakpoints: (\n laptop-landscape-large: 1440px,\n laptop-landscape-mac: 1366px,\n laptop-landscape-medium: 1280px,\n laptop-landscape: 1200px,\n ipad-landscape: 1024px,\n ipad-portrait: 768px,\n phone-landscape: 680px,\n phone-portrait: 480px,\n smaller-phone-portrait: 320px\n);\n\n$grid-width: 1100px;\n$grid-width-laptop-landscape: 950px;\n$grid-width-ipad-landscape: 768px;\n$grid-width-ipad-portrait: 600px;\n$grid-width-phone-landscape: 420px;\n$grid-width-phone-portrait: 300px;\n$grid-width-smaller-phone-portrait: 90%;\n\n$grid-width-boxed: 1150px;\n$grid-width-laptop-landscape-boxed: 1000px;\n$grid-width-ipad-landscape-boxed: 818px;\n$grid-width-ipad-portrait-boxed: 650px;\n$grid-width-phone-landscape-boxed: 470px;\n$grid-width-phone-portrait-boxed: 350px;\n$grid-width-smaller-phone-portrait-boxed: 92%;\n\n$grid-width-1300: 1300px;\n$grid-width-1200: 1200px;\n$grid-width-1000: 1000px;\n$grid-width-800: 800px;\n\n// light 300\n// medium 500\n// bold 700\n\n$default-text-font: 'Montserrat', sans-serif;\n$additional-text-font: 'quentinregular';\n\n$first-main-color: #c59d5f;\n$default-text-color: #000000;\n\n$default-background-color: #ffffff;\n$default-border-color: #afaaa9;\n$default-box-shadow: 4px 8px 50px 0px rgba(0, 0, 0, 0.15);\n\n$elements-color-one: #f7f8f9;\n$elements-color-two: #dddddd;\n$elements-color-three: #808080;\n$elements-color-four: #282828;\n\n$header-light-color: #ffffff;\n$header-light-hover-color: rgba($header-light-color, .7);\n$header-dark-color: #000000;\n$header-dark-hover-color: rgba($header-dark-color, .7);\n\n$input-height: 52px;\n$input-padding: 20px;\n$input-margin: 15px;\n\n//responsive breakpoints\n$laptop-landscape-large-plus-pixel: 1441px;\n$laptop-landscape-large: 1440px;\n$laptop-landscape-mac-plus-pixel: 1367px;\n$laptop-landscape-mac: 1366px;\n$laptop-landscape-medium-plus-pixel: 1281px;\n$laptop-landscape-medium: 1280px;\n$laptop-landscape-plus-pixel: 1201px;\n$laptop-landscape: 1200px;\n$ipad-landscape-plus-pixel: 1025px;\n$ipad-landscape: 1024px;\n$ipad-portrait-plus-pixel: 769px;\n$ipad-portrait: 768px;\n$phone-landscape-plus-pixel: 681px;\n$phone-landscape: 680px;\n$phone-portrait-plus-pixel: 481px;\n$phone-portrait: 480px;\n$smaller-phone-portrait-plus-pixel: 321px;\n$smaller-phone-portrait: 320px;"]} Submit