primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-11-26 23:56:04 +03:00
Code Issues Projects Releases Wiki Activity

Merge pull request #27 from iamphill/remove-gradient-mixin

Browse Source 
Deprecated gradient mixin
This commit is contained in:
Mark Otto 2015-03-29 14:17:56 -07:00
commit 0584f73f00
4 changed files with 24 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
css/.primer-stats.md
View File

@ -7,17 +7,17 @@
### css/primer.css
- **Total Stylesheets:** 1
- **Total Stylesheet Size:** 30831
- **Total Stylesheet Size:** 30697
- **Total Media Queries:** 1
- **Total Rules:** 404
- **Selectors Per Rule:** 1.4405940594059405
- **Total Selectors:** 582
- **Identifiers Per Selector:** 2.1460481099656357
- **Specificity Per Selector:** 16.6786941580756
- **Total Rules:** 405
- **Selectors Per Rule:** 1.4419753086419753
- **Total Selectors:** 584
- **Identifiers Per Selector:** 2.1455479452054793
- **Specificity Per Selector:** 16.690068493150687
- **Top Selector Specificity:** 50
- **Top Selector Specificity Selector:** .fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-s:before
- **Total Id Selectors:** 0
- **Total Identifiers:** 1249
- **Total Declarations:** 1004
- **Total Identifiers:** 1253
- **Total Declarations:** 997
- **Total Unique Colors:** 78
- **Total Important Keywords:** 1

2
css/primer.css
View File

File diff suppressed because one or more lines are too long

21
scss/_buttons.scss
View File

@ -10,7 +10,8 @@
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
@include gradient(#fcfcfc, #eee);
background-color: #eee;
background-image: linear-gradient(#fcfcfc, #eee);
border: 1px solid #d5d5d5;
border-radius: 3px;
user-select: none;
@ -38,7 +39,8 @@
&.zeroclipboard-is-hover,
&.zeroclipboard-is-active {
text-decoration: none;
@include gradient(#eee, #ddd);
background-color: #ddd;
background-image: linear-gradient(#eee, #ddd);
border-color: #ccc;
}
@ -70,12 +72,14 @@
.btn-primary {
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.15);
@include gradient(#8add6d, #60b044);
background-color: #60b044;
background-image: linear-gradient(#8add6d, #60b044);
border-color: darken(#60b044, 2%);
&:hover {
color: #fff;
@include gradient(darken(#8add6d, 5%), darken(#60b044, 5%));
background-color: darken(#60b044, 5%);
background-image: linear-gradient(darken(#8add6d, 5%), darken(#60b044, 5%));
border-color: #4a993e;
}
@ -92,7 +96,8 @@
&,
&:hover {
color: #fefefe;
@include gradient(#c3ecb4, #add39f);
background-color: #add39f;
background-image: linear-gradient(#c3ecb4, #add39f);
border-color: #b9dcac #b9dcac #a7c89b;
}
}
@ -104,7 +109,8 @@
&:hover {
color: #fff;
@include gradient(#dc5f59, #b33630);
background-color: #b33630;
background-image: linear-gradient(#dc5f59, #b33630);
border-color: #cd504a;
}
@ -121,7 +127,8 @@
&,
&:hover {
color: #cb7f7f;
@include gradient(#fefefe, #efefef);
background-color: #efefef;
background-image: linear-gradient(#fefefe, #efefef);
border-color: #e1e1e1;
}
}

1
scss/_mixins.scss
View File

@ -21,6 +21,7 @@
// $end - The color hex at the bottom.
@mixin gradient($start: #fafafa, $end: #eaeaea) {
@warn "Gradient mixin is deprecated.";
background-color: $end;
// FF 3.6+
background-image: -moz-linear-gradient($start, $end);