summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'plugins/jetpack/scss/atoms')
-rw-r--r--plugins/jetpack/scss/atoms/_animations.scss18
-rw-r--r--plugins/jetpack/scss/atoms/_buttons.scss137
-rw-r--r--plugins/jetpack/scss/atoms/colors/_colors.scss16
-rw-r--r--plugins/jetpack/scss/atoms/icons/_automatticons.scss32
-rw-r--r--plugins/jetpack/scss/atoms/typography/_functions.scss12
-rw-r--r--plugins/jetpack/scss/atoms/typography/_variables.scss31
6 files changed, 0 insertions, 246 deletions
diff --git a/plugins/jetpack/scss/atoms/_animations.scss b/plugins/jetpack/scss/atoms/_animations.scss
deleted file mode 100644
index 8f032271..00000000
--- a/plugins/jetpack/scss/atoms/_animations.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-// ==========================================================================
-// Animation for miles!
-// ==========================================================================
-
-@keyframes "candy" {
- 0% {
- transform: scale(1);
- }
- 20% {
- transform: scale(1.15);
- }
- 60% {
- transform: scale(.95);
- }
- 100% {
- transform: scale(1);
- }
-}
diff --git a/plugins/jetpack/scss/atoms/_buttons.scss b/plugins/jetpack/scss/atoms/_buttons.scss
deleted file mode 100644
index 45825f97..00000000
--- a/plugins/jetpack/scss/atoms/_buttons.scss
+++ /dev/null
@@ -1,137 +0,0 @@
-// ==========================================================================
-// Buttony button buttons
-// ==========================================================================
-
-.button,
-.download-jetpack {
- transition: all .1s ease-in-out;
-}
-.jp-button {
- display: inline-block;
- position: relative;
- padding: em(10px, 13px) em(19px, 13px);
- color: #efefef;
- font-weight: bold;
- font-size: 0.9285714286em; // 13/14
- line-height: 1;
- text-shadow: 0 1px 1px rgba(0,0,0,.2);
- background: #6f7476;
- border-radius: 3px;
-
- &:visited {
- color: #efefef;
- }
- &:hover,
- &:focus {
- color: #fff;
- background: #57972d;
- }
- &:active {
- background: #57972d;
- opacity: 0.8;
- }
-}
-.jp-button--settings {
- @extend .jp-button;
- background: #93b45f;
- color: #e8eedf;
-
- &:visited {
- color: #e8eedf
- }
- &:hover,
- &:focus {
- background: #9fbd72;
- color: #fff;
- }
- &.current {
- background: #3c6621;
- color: #fff;
- box-shadow:
- inset 0 2px 0 #365A1F,
- inset 0 1px 3px #3c6621;
- }
-}
-.download-jetpack {
- display: inline-block;
- position: relative;
- padding: em(18px, 28px) em(50px, 46px) em(15px, 28px);
- color: #fff;
- font-weight: 400;
- font-size: 20px;
- line-height: 1;
- background: #518d2a;
- z-index: 3;
- border-radius: 6px;
- box-shadow:
- 0 6px 0 #3e6c20,
- 0 6px 3px rgba(0,0,0,.4);
-
- &:visited {
- color: #fff;
- }
- &:hover,
- &:focus {
- color: #fff;
- background: #57972d;
- box-shadow:
- 0 6px 0 #3e6c20,
- 0 6px 3px rgba(0,0,0,.4);
- }
- &:active {
- top: 6px;
- box-shadow:
- 0 0px 0 #3e6c20,
- 0 0 0 rgba(0,0,0,.4);
-
- &:after {
- // fixes buggy clicks
- top: -6px;
- }
- }
- &:before {
- content: '';
- display: inline-block;
- position: relative;
- top: -2px;
- margin-right: 13px;
- width: 30px;
- height: 30px;
- vertical-align: middle;
- background: url('../images/connect-plug.svg') center center no-repeat;
- background-size: 100%;
- }
- &:after {
- // fixes buggy clicks
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- @include breakpoint(large-desktop){
- font-size: em(18px);
-
- &:before {
- top: -1px;
- width: 23px;
- height: 23px;
- }
- };
- @include breakpoint(desktop){
- &:active {
- top: 0;
- }
- };
- @include breakpoint(large-phone){
- font-size: em(17px);
- font-weight: 600;
-
- &:before {
- width: 19px;
- height: 19px;
- margin-right: 9px;
- }
- };
-}
diff --git a/plugins/jetpack/scss/atoms/colors/_colors.scss b/plugins/jetpack/scss/atoms/colors/_colors.scss
deleted file mode 100644
index 63b869f8..00000000
--- a/plugins/jetpack/scss/atoms/colors/_colors.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-// ==========================================================================
-// Jetpack Colors
-// ==========================================================================
-
-$green: #81a844;
-$white: #fff;
-$red: #d94f4f;
-
-// Blues
-$lightblue: #2ea2cc;
-$wpcom: #0087be;
-$blue-dark: #005082;
-
-// Grays
-$clouds: #f9f9f9;
-$gray-med: #686f72;
diff --git a/plugins/jetpack/scss/atoms/icons/_automatticons.scss b/plugins/jetpack/scss/atoms/icons/_automatticons.scss
deleted file mode 100644
index 01eb9791..00000000
--- a/plugins/jetpack/scss/atoms/icons/_automatticons.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-// ==========================================================================
-// Automatticons
-//
-// A quick reference
-// ==========================================================================
-
-$automatticons: 'automatticons';
-
-// This font was graciously generated by Font Squirrel (http://www.fontsquirrel.com). We love those guys.
-@font-face {
- font-family: 'automatticons';
- src: url('../_inc/fonts/automatticons/automatticons.eot');
- src: url('../_inc/fonts/automatticons/automatticons.eot?#iefix') format('embedded-opentype'),
- url('../_inc/fonts/automatticons/automatticons.woff') format('woff'),
- url('../_inc/fonts/automatticons/automatticons.ttf') format('truetype'),
- url('../_inc/fonts/automatticons/automatticons.svg#automatticonsregular') format('svg');
- font-weight: normal;
- font-style: normal;
-}
-
-// $automattic: 'A';
-// $code-poet: 'C';
-// $facebook: 'F';
-// $gravatar: 'G';
-// $inferno: 'I'; // Not sure what this one is
-// $jetpack: 'J';
-// $akismet: 'K';
-// $polldaddy: 'P';
-// $shield: 's'; // VaultPress shield
-// $vaultpress: 'V';
-// $vaultpress-inverted: 'v';
-// $wordpress: 'W';
diff --git a/plugins/jetpack/scss/atoms/typography/_functions.scss b/plugins/jetpack/scss/atoms/typography/_functions.scss
deleted file mode 100644
index 878bc05e..00000000
--- a/plugins/jetpack/scss/atoms/typography/_functions.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-// ==========================================================================
-// em()
-//
-// Convert px to em in a readable fashion.
-// ==========================================================================
-
-// Examples:
-// 1. font-size: em(14px);
-// 2. font-size: em(30px/14px);
-@function em($value, $context: map-get($root-font, font-size)) {
- @return ($value / $context * 1em);
-}
diff --git a/plugins/jetpack/scss/atoms/typography/_variables.scss b/plugins/jetpack/scss/atoms/typography/_variables.scss
deleted file mode 100644
index e1a912b1..00000000
--- a/plugins/jetpack/scss/atoms/typography/_variables.scss
+++ /dev/null
@@ -1,31 +0,0 @@
-// ==========================================================================
-// Typography variables
-// ==========================================================================
-
-$normal: normal; // Change these values when using custom fonts
-$bold: bold; // For example, bold could change to 400;
-
-$root-font:(
- color: #222,
- font-size: 14px,
- line-height: 1.4
-);
-
-$pre__background: #eee;
-$mark__background: #fff9c0;
-
-// ==========================================================================
-// Typefaces
-// ==========================================================================
-
-$monospace: 'courier new', monospace;
-$serif: Georgia, "Times New Roman", Times, serif;
-$sans: Helvetica, Arial, sans-serif; // 400i,400,600,700,800
-$calluna: 'calluna', $sans; // 400
-$gill: "Gill Sans", "Gill Sans MT", $sans;
-
-// ==========================================================================
-// Icons
-// ==========================================================================
-
-$genericons: 'genericons';