Skip to content

Instantly share code, notes, and snippets.

View airen's full-sized avatar
💭
I may be slow to respond.

Airen airen

💭
I may be slow to respond.
View GitHub Profile
@airen
airen / dabblet.css
Created April 3, 2012 03:30 — forked from gentle-media/dabblet.css
CSS3 ribbon buttons
/**
* CSS3 ribbon buttons
*/
.ribbonA{
position: relative;
display: block;
width: 258px;
height: 50px;
font: .9em/50px Georgia, "Times New Roman", Times, serif;
@airen
airen / SassMeister-input.scss
Created December 20, 2013 09:05 — forked from yisibl/SassMeister-input.scss
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
@charset "utf-8";
// iconfont 配置
// @file: _config.scss
@airen
airen / SassMeister-input.scss
Created December 20, 2013 09:15 — forked from yisibl/SassMeister-input.scss
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
@charset "utf-8";
// iconfont 配置
// @file: _config.scss
@airen
airen / pseudo-elements.md
Created April 19, 2020 14:15 — forked from alwayrun/pseudo-elements.md
A CSS pseudo-element is used to style specified parts of an element. In some cases you can style native HTML controls with vendor specific pseudo-elements. Here you will find an list of cross browser specific pseudo-element selectors.

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {