@border-color : rgba(0, 0, 0, 0.1); @borders-radius : 3px; @event-inner-padding : 35px; .cursor-grab() { cursor: default; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } .rotateZ (@deg) { -webkit-transform: rotate(@deg); transform: rotate(@deg); } .Arial(@weight: inherit) { font-family: Arial; font-weight: @weight } .box(@val) { width: @val; height: @val; max-width: @val; min-width: @val; } .trans(@prop: all, @time: .25s, @easing: linear) { -webkit-transition: @prop @time @easing; transition: @prop @time @easing; } .button-transition() { .trans(background, .2s, ease-in-out; color, .2s, ease-in-out); * { .trans(background, .2s, ease-in-out; color, .2s, ease-in-out); } } @copylink: #4d4f53; @facebook: #3b5998; @messenger: #00C6FF; @viber: #665CAC; @whatsapp: #25D366; @twitter: #55acee; @youtube: #bb0000; @linkedin: #007bb5; @instagram: #125688; @pinterest: #cb2027; @flickr: #ff0084; @tumblr: #32506d; @vimeo: #aad450; @github: #000000; @behance: #1769ff; @rss: #ff6600; @devianart: #5f716f; @lastfm: #d31f27; @envelope: #ff950b; @skype: #55caf5; @reddit: #c51d1d; @soundcloud: #ff5419; @dribbble: #ee6e9f; @twitch: #6441a5; @steam: #000000; @phone: #50b54e; @zoom: #2D8CFF; .noselect() { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flexbox(@justify: space-between, @align: center) { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: @justify; justify-content: @justify; -webkit-box-align: @align; -webkit-flex-align: @align; -webkit-align-items: @align; -webkit-align-items: @align; align-items: @align; } .section-separate() { border-top: 1px solid @border-color; padding: 25px 0 0 0 !important; margin-top: 30px !important; } @stec-top-nav-button-bg: #fff; @stec-top-nav-active-button-bg: #f15e6e; @stec-top-nav-button-color: #bdc1c8; @stec-top-nav-active-button-color: #fff; @stec-top-nav-active-submenu-bg: @stec-top-nav-active-button-bg - #111; .stec-top-nav-font() { font-family: Arial; font-weight: 400; font-size: 13px; text-transform: capitalize; }