Skip to content

Instantly share code, notes, and snippets.

@oilvier
oilvier / input.scss
Created May 3, 2021 14:56
Generated by SassMeister.com.
@mixin custom-scrollbars {
scrollbar-width: thin;
scrollbar-color: blue orange;
/* Works on Chrome, Edge, and Safari */
&::-webkit-scrollbar {
width: 12px;
}
@oilvier
oilvier / input.scss
Created May 3, 2021 14:53
Generated by SassMeister.com.
@mixin custom-scrollbars {
scrollbar-width: thin;
scrollbar-color: grey red;
&::-webkit-scrollbar{
width: 4px;
}
&::-webkit-scrollbar-track{
background-color: red;
@oilvier
oilvier / input.scss
Created February 24, 2021 15:50
Generated by SassMeister.com.
.foo {
color: red;
}
.foo.__bar {
color: blue;
}
.baz {
color: green;
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@oilvier
oilvier / hierarchisation.css
Created August 21, 2015 12:19
Exemples de commentaire hierarchisés en CSS
/* -------------------------------------------------------------------------- *\
# Commentaire de premier niveau
\* -------------------------------------------------------------------------- */
/* ==========================================================================
## Commentaire de deuxième niveau
@oilvier
oilvier / SassMeister-input.scss
Created June 20, 2015 16:56
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$font-stack:
(group: base-font, id: regular, font: ('robotoregular', sans-serif ), weight: normal, style: normal),
(group: base-font, id: regular-italic, font: ('robotoitalic', sans-serif ), weight: normal, style: italic),
(group: base-font, id: medium, font: ('robotomedium', sans-serif), weight: normal, style: normal),
(group: base-font, id: medium-italic, font: ('robotomedium_italic', sans-serif), weight: normal, style: italic),
(group: base-font, id: bold, font: ('robotobold', sans-serif), weight: normal, style: normal),
@oilvier
oilvier / SassMeister-input.scss
Created June 11, 2015 13:48
Generated by SassMeister.com.
// ----
// libsass (v3.2.4)
// ----
$gutter:20px;
.grids {margin:0 0 0 -$gutter;}
.grids {margin:0 0 0 (-$gutter);}
@oilvier
oilvier / bookmark.js
Last active February 14, 2024 10:29
Javascript to add a bookmark - Cross Browser
/**
*
* Add to bookmark
* Several tests are necessary in order for this "simple" action to work in most of the browsers
*
*/
// First, we define the element where the "Add to bookmark" action will trigger
var triggerBookmark = $(".js-bookmark"); // It must be an `a` tag
{
"in": "build.css",
"out": "screen.css",
"browsers": ["last 3 versions", "opera 12", "Android 2.3"],
"rem": ["62.5%", {"replace": false}],
"minifier": false,
"sourcemaps": false,
"next": {
"customProperties": true,
"customMedia": true
@oilvier
oilvier / Preferences.sublime-settings
Last active August 29, 2015 14:03
Sélectionner des chaines de caractères avec des tirets dans Sublime Text
{
"word_separators":"./\\()\"':,.;<>~!@#$%^&*|+=[]{}`~?\\."
}