diff --git a/section.css b/section.css index f4d458d..e7707df 100644 --- a/section.css +++ b/section.css @@ -28,18 +28,18 @@ section.box { box-shadow: 0px 1px 0px 0px #f1f1f1; border: 1px solid #b7b7b7; background: #fff; } - section.box section.box.orange { + section.box.orange { border-top: 3px solid #FBA026; } - section.box section.box.orange.red { - border-top: 3px solid #B8312F; } - section.box section.box.orange.green { - border-top: 3px solid #41A85F; } - section.box section.box.orange.blue { - border-top: 3px solid #2C82C9; } - section.box section.box.orange.purple { - border-top: 3px solid #553982; } - section.box section.box.orange.darkblue { - border-top: 3px solid #2969B0; } + section.box.red { + border-top: 3px solid #B8312F; } + section.box.green { + border-top: 3px solid #41A85F; } + section.box.blue { + border-top: 3px solid #2C82C9; } + section.box.purple { + border-top: 3px solid #553982; } + section.box.darkblue { + border-top: 3px solid #2969B0; } section header > h1 { margin: 10px 10px 0 10px; diff --git a/section.scss b/section.scss index 247389e..0eb77f7 100644 --- a/section.scss +++ b/section.scss @@ -21,29 +21,29 @@ section.box { @include box-shadow-bottom(#f1f1f1); border: 1px solid $content-border-color; background: #fff; - - section.box.orange { + + &.orange { border-top: 3px solid #FBA026; + } - &.red { - border-top: 3px solid #B8312F; - } + &.red { + border-top: 3px solid #B8312F; + } - &.green { - border-top: 3px solid #41A85F; - } + &.green { + border-top: 3px solid #41A85F; + } - &.blue { - border-top: 3px solid #2C82C9; - } + &.blue { + border-top: 3px solid #2C82C9; + } - &.purple { - border-top: 3px solid #553982; - } + &.purple { + border-top: 3px solid #553982; + } - &.darkblue { - border-top: 3px solid #2969B0; - } + &.darkblue { + border-top: 3px solid #2969B0; } } diff --git a/styles.css b/styles.css index 81b9a67..fc156d0 100644 --- a/styles.css +++ b/styles.css @@ -570,11 +570,11 @@ article { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { - -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); - transform: skewX(0.39063deg) skewY(0.39063deg); } + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { - -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); - transform: skewX(-0.19531deg) skewY(-0.19531deg); } } + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; @@ -595,11 +595,11 @@ article { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { - -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); - transform: skewX(0.39063deg) skewY(0.39063deg); } + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { - -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); - transform: skewX(-0.19531deg) skewY(-0.19531deg); } } + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; @@ -4564,18 +4564,18 @@ section.box { box-shadow: 0px 1px 0px 0px #f1f1f1; border: 1px solid #b7b7b7; background: #fff; } - section.box section.box.orange { + section.box.orange { border-top: 3px solid #FBA026; } - section.box section.box.orange.red { - border-top: 3px solid #B8312F; } - section.box section.box.orange.green { - border-top: 3px solid #41A85F; } - section.box section.box.orange.blue { - border-top: 3px solid #2C82C9; } - section.box section.box.orange.purple { - border-top: 3px solid #553982; } - section.box section.box.orange.darkblue { - border-top: 3px solid #2969B0; } + section.box.red { + border-top: 3px solid #B8312F; } + section.box.green { + border-top: 3px solid #41A85F; } + section.box.blue { + border-top: 3px solid #2C82C9; } + section.box.purple { + border-top: 3px solid #553982; } + section.box.darkblue { + border-top: 3px solid #2969B0; } section header > h1 { margin: 10px 10px 0 10px;