GARCIA Guillaume guillaumegarcia13
guillaumegarcia13
/ _contrast_mixin.scss
Created
November 5, 2015 15:23
— forked from aaronrussell/_contrast_mixin.scss
Sass function and mixin for setting contrasting background and foreground colors
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $contrasted-default-dark: #000; | |
| $contrasted-default-light: #fff; | |
| @mixin contrasted($bg, $dark:$contrasted-default-dark, $light:$contrasted-default-light){ | |
| background-color: $bg; | |
| color: get_contrast_yiq($bg, $dark, $light); | |
| } |
Raminsiach
/ stepprogressbar.html
Created
December 18, 2015 10:36
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title>Step progress bar</title> | |
| <style type="text/css"> | |
| .container { | |
| width: 100%; | |
| } | |
| .progressbar { | |
| counter-reset: step; | |
| } |
Raminsiach
/ verticaltimeline.html
Created
December 18, 2015 10:39
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Notification Bar</title> | |
| <link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> | |
| <style type="text/css"> | |
| .container { | |
| padding: 20px; | |
| } | |
| .notificationBar { |
Raminsiach
/ css3checkbox.html
Created
December 18, 2015 10:42
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>CSS3 Checkbox</title> | |
| <style type="text/css"> | |
| .checkbox { | |
| width: 30px; | |
| height: 30px; | |
| background-color: #ddd; | |
| position: relative; |
Raminsiach
/ toggleswitch.html
Created
December 18, 2015 10:45
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Toggle Switch</title> | |
| <style> | |
| .switch { | |
| position: relative; | |
| } | |
| .switch label { | |
| width: 55px; |
Raminsiach
/ rangeslider.html
Created
December 18, 2015 10:47
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Customized range slider, pure CSS</title> | |
| <style> | |
| body { | |
| background: #f8f8f8; | |
| } | |
| .slider { | |
| width: 302px; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {% comment %} | |
| Disable sold-out variants. | |
| Only works for products that have one option. | |
| It won't work with products that have two or three options, like Size and Color. | |
| See: https://docs.myshopify.io/themes/customization/products/hide-variants-that-are-sold-out | |
| {% endcomment %} | |
| {% if product.options.size == 1 %} | |
| <script> | |
| var $addToCartForm = $('form[action="/cart/add"]'); |
sampaiodiego
/ Rocket.Chat - poll bot.js
Last active
May 21, 2021 12:36
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| EXAMPLE MESSAGE | |
| /poll "question?" "option 1" "option 2" | |
| */ | |
| /** Global Helpers | |
| * | |
| * console - A normal console instance | |
| * _ - An underscore instance |
Asoul
/ shopify-custom-i18n.js
Created
February 23, 2017 08:55
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| window.i18n = window.i18n || {}; | |
| i18n._langCache = {} | |
| i18n._availableLangs = [ | |
| 'en', | |
| 'zh-TW', | |
| 'ja' | |
| ] |
guillaumegarcia13
/ formatFileSize.js
Last active
October 17, 2017 08:03
Format File Size (0,98 KB, 1,5 GB, ...)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| let formatFileSize = (bytes) => { | |
| if (bytes === 0) { | |
| return '0 B'; | |
| } | |
| const k = 1024, | |
| dm = 3, | |
| sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'], | |
| i = Math.floor(Math.log(bytes) / Math.log(k)); | |