// Transition @mixin transition( $args ) { -webkit-transition: $args; -moz-transition: $args; -ms-transition: $args; -o-transition: $args; transition: $args; } // Display inline flex @mixin display-inline-flex() { display: -webkit-inline-flex; display: -ms-inline-flex; display: inline-flex; } // Display flex @mixin display-flex() { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } // Flex wrap @mixin flex-wrap( $args ) { -webkit-flex-wrap: $args; -ms-flex-wrap: $args; flex-wrap: $args; } // Align items @mixin align-items( $args ) { -webkit-align-items: $args; -ms-flex-align: $args; align-items: $args; } // Justify content @mixin justify-content( $args ) { -webkit-justify-content: $args; -ms-flex-pack: $args; justify-content: $args; } // Opacity @mixin opacity( $args ) { -moz-opacity: $args; -webkit-opacity: $args; opacity: $args; } /** * Social Share Widget */ .owp-social-share { margin: 0; padding: 0; list-style: none; li { float: left; margin: 0 8px 8px 0; a { @include display-inline-flex(); @include align-items( center ); @include justify-content( center ); position: relative; width: 40px; height: 40px; line-height: 1; border-radius: 30px; overflow: hidden; .owpss-icon{ fill: #fff; width: 16px; height: 16px; @include transition( all 0.3s ease ); } } } } // Minimal style .owp-social-share.style-minimal { li { a { border: 1px solid #e9e9e9; .owpss-icon { fill: #bbb; } } &.twitter a:hover { color: #00aced; border-color: #00aced; .owpss-icon { fill: #00aced; } } &.facebook a:hover { color: #3b5998; border-color: #3b5998; .owpss-icon { fill: #3b5998; } } &.googleplus a:hover { color: #dd4b39; border-color: #dd4b39; .owpss-icon { fill: #dd4b39; } } &.linkedin a:hover { color: #3399CC; border-color: #3399CC; .owpss-icon { fill: #3399CC; } } &.pinterest a:hover { color: #cb2027; border-color: #cb2027; .owpss-icon { fill: #cb2027; } } &.viber a:hover { color: #9d62cc; border-color: #9d62cc; .owpss-icon { fill: #9d62cc; } } &.vk a:hover { color: #3673be; border-color: #3673be; .owpss-icon { fill: #3673be; } } &.reddit a:hover { color: #ff5c1f; border-color: #ff5c1f; .owpss-icon { fill: #ff5c1f; } } &.tumblr a:hover { color: #35465c; border-color: #35465c; .owpss-icon { fill: #35465c; } } &.viadeo a:hover { color: #ff7452; border-color: #ff7452; .owpss-icon { fill: #ff7452; } } } } // Colored style .owp-social-share.style-colored { li { a { color: #fff; &:hover { @include opacity( .8 ); } .owpss-icon { fill: #fff; } } &.twitter a { background-color: #00aced; } &.facebook a { background-color: #3b5998; } &.googleplus a { background-color: #dd4b39; } &.linkedin a { background-color: #3399CC; } &.pinterest a { background-color: #cb2027; } &.viber a { background-color: #9d62cc; } &.vk a { background-color: #3673be; } &.reddit a { background-color: #ff5c1f; } &.tumblr a { background-color: #35465c; } &.viadeo a { background-color: #ff7452; } } } // Dark style .owp-social-share.style-dark { li { a { background-color: #222; color: #fff; &:hover { @include opacity( .8 ); } .owpss-icon { fill: #fff; } } } &.name-shown .owp-icon-wrap { background-color: rgba(255,255,255,.08); } } // Name Show and Hidden .owp-social-share.name-shown{ li{ a{ min-width: 144px; width: 100%; } } } .owp-social-share.name-shown { ul { @include display-flex(); @include flex-wrap( wrap ); @include justify-content( space-between ); li { margin: 6px; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; a { min-width: 144px; width: 100%; } } } .owp-icon-wrap { display: block; position: absolute; top: 0; bottom: 0; left: 0; @include display-inline-flex(); @include align-items( center ); @include justify-content( center ); background-color: rgba(0,0,0,.08); padding: 0 12px; @include transition( all 0.3s ease ); } .owp-social-name { display: block; width: 100%; padding: 0 10px 0 50px; font-size: 15px; font-weight: 500; text-align: center; } &.style-minimal li { a:hover .owpss-icon { fill: #fff !important; } &.twitter a:hover .owp-icon-wrap { background-color: #00aced; } &.facebook a:hover .owp-icon-wrap { background-color: #3b5998; } &.googleplus a:hover .owp-icon-wrap { background-color: #dd4b39; } &.linkedin a:hover .owp-icon-wrap { background-color: #3399CC; } &.pinterest a:hover .owp-icon-wrap { background-color: #cb2027; } &.viber a:hover .owp-icon-wrap { background-color: #9d62cc; } &.vk a:hover .owp-icon-wrap { background-color: #3673be; } &.reddit a:hover .owp-icon-wrap { background-color: #ff5c1f; } &.tumblr a:hover .owp-icon-wrap { background-color: #35465c; } &.viadeo a:hover .owp-icon-wrap { background-color: #ff7452; } } }{"id":2341,"date":"2017-07-15T02:47:52","date_gmt":"2017-07-15T02:47:52","guid":{"rendered":"http:\/\/inoxhimalaya.com.vn\/?post_type=product&p=2341"},"modified":"2021-03-12T00:21:12","modified_gmt":"2021-03-11T17:21:12","slug":"tu-say-khay-inox-2-canh","status":"publish","type":"product","link":"https:\/\/www.inoxhimalaya.com.vn\/san-pham\/tu-say-khay-inox-2-canh\/","title":{"rendered":"T\u1ee7 s\u1ea5y khay inox 2 c\u00e1nh"},"content":{"rendered":"
<\/p>\n
Model<\/strong><\/span><\/td>\n\u00a0T\u1ee7 s\u1ea5y khay inox 2 c\u00e1nh<\/span><\/td>\n<\/tr>\n | C\u00f4ng su\u1ea5t<\/strong><\/span><\/td>\n | \u00a00.65 KW<\/span><\/td>\n<\/tr>\n | \u0110i\u1ec7n \u00e1p<\/strong><\/span><\/td>\n | \u00a0220V\/1P\/50Hz<\/span><\/td>\n<\/tr>\n | K\u00edch th\u01b0\u1edbc<\/strong><\/span><\/td>\n | 700 x 800 x 1900 mm (t\u00f9y ch\u1ec9nh theo nhu c\u1ea7u)<\/span><\/td>\n<\/tr>\n | B\u1ea3o h\u00e0nh<\/strong><\/span><\/td>\n | \u00a012 th\u00e1ng<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n | <\/p>\n <\/p>\n |