Skip to content

Instantly share code, notes, and snippets.

@ChristopherBiscardi
Last active August 29, 2015 14:27
Show Gist options
  • Select an option

  • Save ChristopherBiscardi/52c1987406e949652fb8 to your computer and use it in GitHub Desktop.

Select an option

Save ChristopherBiscardi/52c1987406e949652fb8 to your computer and use it in GitHub Desktop.
cssnano rule removal
@import 'dux/css/colors.css';
.flexTable {
display: flex;
flex-flow: column;
justify-content: center;
border: 1px solid var(--secondary-5);
border-radius: 3px;
font-size: 1rem;
margin: 0.5rem 0;
line-height: 1.5;
font-weight: 500;
color: var(--secondary-2);
}
.flexRow {
width: 100%;
display: flex;
border-bottom: 1px solid var(--secondary-5);
background: white;
}
.flexRow:last-child {
border-bottom: 0;
}
.flexHeader {
width: 100%;
display: flex;
border-bottom: 1px solid var(--secondary-5);
background-color: var(--primary-1);
font-weight: 700;
color: white;
font-size: 1.2rem;
border-bottom: 0;
}
.flexItem {
display: flex;
flex-flow: row nowrap;
flex-grow: 1;
flex-basis: 0;
padding: 0.7em 1rem 0.7em 1rem;
word-break: break-word;
}
.flexItem a {
color: var(--primary-1);
}
.flexItem a:hover {
color: color(var(--primary-1) blackness(20%));
}
.error {
border: 1px solid var(--primary-5);
}
.success {
border: 1px solid var(--primary-2);
}
.FlexTable__flexTable___19B8Q {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid #c4cdda;
border-radius: 3px;
font-size: 1pc;
font-size: 1rem;
margin: 8px 0;
margin: .5rem 0;
line-height: 1.5;
font-weight: 500;
color: #3f5167
}
.FlexTable__flexRow___3Q4a3 {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #c4cdda;
background: #fff
}
.FlexTable__flexRow___3Q4a3:last-child {
border-bottom: 0
}
.FlexTable__flexHeader___3uhn_ {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #c4cdda;
background-color: #22b8eb;
font-weight: 700;
color: #fff;
font-size: 19px;
font-size: 1.2rem;
border-bottom: 0
}
.FlexTable__flexItem___1zkbG {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
padding: .7em 1pc;
padding: .7em 1rem;
word-break: break-word
}
.FlexTable__flexItem___1zkbG a {
color: #22b8eb
}
.FlexTable__flexItem___1zkbG a:hover {
color: #21a1cc
}
.FlexTable__error___2H5mt {
border: 1px solid #eb5815
}
.FlexTable__success___3V4Bv {
border: 1px solid #86d800
}
FlexTable__flexTable___19B8Q {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid #c4cdda;
border-radius: 3px;
font-size: 1pc;
font-size: 1rem;
margin: 8px 0;
margin: .5rem 0;
line-height: 1.5;
font-weight: 500;
color: #3f5167
}
.FlexTable__flexRow___3Q4a3 {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #c4cdda;
background: #fff
}
.FlexTable__flexRow___3Q4a3:last-child {
border-bottom: 0
}
.FlexTable__flexHeader___3uhn_ {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #c4cdda;
background-color: #22b8eb;
font-weight: 700;
color: #fff;
font-size: 19px;
font-size: 1.2rem;
border-bottom: 0
}
.FlexTable__flexItem___1zkbG a {
color: #22b8eb
}
.FlexTable__flexItem___1zkbG a:hover {
color: #21a1cc
}
.FlexTable__error___2H5mt {
border: 1px solid #eb5815
}
.FlexTable__success___3V4Bv {
border: 1px solid #86d800
}
.FlexTable__flexTable___19B8Q {
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
border: 1px solid #c4cdda;
border-radius: 3px;
font-size: 1pc;
font-size:16px;
font-size: 1rem;
margin:8px 0;
margin: .5rem 0;
line-height: 1.5;
font-weight: 500;
color: #3f5167
}
.FlexTable__flexRow___3Q4a3,.FlexTable__flexTable___19B8Q{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex}
.FlexTable__flexRow___3Q4a3 {
width: 100%;
border-bottom: 1px solid #c4cdda;
background: #fff
}
.FlexTable__flexRow___3Q4a3:last-child {
border-bottom: 0
}
.FlexTable__flexHeader___3uhn_ {
width: 100%;
border-bottom: 1px solid #c4cdda;
background-color: #22b8eb;
font-weight: 700;
color: #fff;
font-size:19px;
font-size: 1.2rem;
border-bottom: 0
}
.FlexTable__flexHeader___3uhn_,.FlexTable__flexItem___1zkbG{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex}
.FlexTable__flexItem___1zkbG {
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
padding: .7em 1pc;
padding:.7em 16px;
padding: .7em 1rem;
word-break: break-word
}
.FlexTable__flexItem___1zkbG a {
color: #22b8eb
}
.FlexTable__flexItem___1zkbG a:hover {
color: #21a1cc
}
.FlexTable__error___2H5mt {
border: 1px solid #eb5815
}
.FlexTable__success___3V4Bv {
border: 1px solid #86d800
}%
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment