diff options
author | amzrk2 | 2020-04-14 20:58:19 +0800 |
---|---|---|
committer | amzrk2 | 2020-04-14 20:58:19 +0800 |
commit | baf7534870460015c194281ad98e1fef99911ef1 (patch) | |
tree | cc424e273de1953917a06e5536b2fc527ead78a3 /assets/sass/@primer/css/marketing | |
parent | f01d08490b3f5f35eca026792d0efe239bda4ff9 (diff) | |
download | hugo-theme-fuji-baf7534870460015c194281ad98e1fef99911ef1.tar.gz hugo-theme-fuji-baf7534870460015c194281ad98e1fef99911ef1.tar.bz2 hugo-theme-fuji-baf7534870460015c194281ad98e1fef99911ef1.zip |
Remove redundant Primer CSS
Diffstat (limited to 'assets/sass/@primer/css/marketing')
14 files changed, 0 insertions, 411 deletions
diff --git a/assets/sass/@primer/css/marketing/README.md b/assets/sass/@primer/css/marketing/README.md deleted file mode 100644 index 44f2885..0000000 --- a/assets/sass/@primer/css/marketing/README.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -bundle: "marketing" -generated: true ---- - -# Primer CSS: `marketing` bundle - -## Usage - -Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with: - -```scss -@import "@primer/css/marketing/index.scss"; -``` - -## Build - -The `@primer/css` npm package includes a standalone CSS build of this module in `dist/marketing.css`. - -## License - -[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/) - - -[scss]: https://sass-lang.com/documentation/syntax#scss diff --git a/assets/sass/@primer/css/marketing/buttons/button.scss b/assets/sass/@primer/css/marketing/buttons/button.scss deleted file mode 100644 index a0de3fa..0000000 --- a/assets/sass/@primer/css/marketing/buttons/button.scss +++ /dev/null @@ -1,100 +0,0 @@ -.btn-mktg { - display: inline-block; - padding: $spacer-3 $spacer-4; - font-size: $h5-size; - font-weight: $font-weight-semibold; - color: $text-white; - white-space: nowrap; - vertical-align: middle; - cursor: pointer; - user-select: none; - // stylelint-disable-next-line primer/colors - background-color: $blue-mktg; - // stylelint-disable-next-line primer/borders - border: $border-width $border-style $blue-mktg; - border-radius: $border-radius; - transition: $transition-time / 2; - appearance: none; // Corrects inability to style clickable `input` types in iOS. - - &:hover { - text-decoration: none; - background-color: $bg-blue; - border-color: $border-blue; - } - - &:focus { - outline: 0; - // stylelint-disable-next-line primer/box-shadow - box-shadow: 0 0 0 0.2em rgba($blue-500, 0.3); - } - - &:disabled, - &.disabled, - &[aria-disabled=true] { - pointer-events: none; // Disable hover styles - cursor: default; - opacity: 0.65; - } -} - -.btn-primary-mktg { - // stylelint-disable-next-line primer/colors - background-color: $green-mktg; - // stylelint-disable-next-line primer/borders - border-color: $green-mktg; - - &:hover { - background-color: $bg-green; - // stylelint-disable-next-line primer/borders - border-color: $green-500; - } - - &:focus { - // stylelint-disable-next-line primer/box-shadow - box-shadow: 0 0 0 0.2em rgba($green-500, 0.3); - } -} - -.btn-large-mktg { - // stylelint-disable-next-line primer/spacing - padding: 20px $spacer-5; - font-size: $h4-size; -} - -.btn-outline-mktg { - // stylelint-disable-next-line primer/colors - color: $blue-mktg; - // stylelint-disable-next-line primer/colors - background-color: rgba($white, 0); - // stylelint-disable-next-line primer/borders - border-color: rgba($blue-mktg, 0.5); - - &:hover { - color: $text-blue; - text-decoration: none; - // stylelint-disable-next-line primer/colors - background-color: rgba($white, 0); - // stylelint-disable-next-line primer/borders - border-color: rgba($blue-mktg, 1); - } -} - -@mixin btn-transparent-active { - color: $gray-800; - background-color: $white; - background-image: none; - border-color: $white; -} - -.btn-transparent { - color: $text-white; - background-color: transparent; - background-image: none; - // stylelint-disable-next-line primer/borders - border: $border-width $border-style $white-fade-50; - - &:hover, - &:active { - @include btn-transparent-active; - } -} diff --git a/assets/sass/@primer/css/marketing/buttons/index.scss b/assets/sass/@primer/css/marketing/buttons/index.scss deleted file mode 100644 index 6ff5227..0000000 --- a/assets/sass/@primer/css/marketing/buttons/index.scss +++ /dev/null @@ -1,3 +0,0 @@ -// support files -@import "../support/index.scss"; -@import "./button.scss"; diff --git a/assets/sass/@primer/css/marketing/index.scss b/assets/sass/@primer/css/marketing/index.scss deleted file mode 100644 index c84f8a5..0000000 --- a/assets/sass/@primer/css/marketing/index.scss +++ /dev/null @@ -1,14 +0,0 @@ -/*! - * @primer/css/marketing - * http://primer.style/css - * - * Released under MIT license. Copyright (c) 2019 GitHub Inc. - */ - -// Global requirements -@import "./support/index.scss"; - -// marketing specific css modules -@import "./type/index.scss"; -@import "./buttons/index.scss"; -@import "./utilities/index.scss"; diff --git a/assets/sass/@primer/css/marketing/support/index.scss b/assets/sass/@primer/css/marketing/support/index.scss deleted file mode 100644 index 8c8e479..0000000 --- a/assets/sass/@primer/css/marketing/support/index.scss +++ /dev/null @@ -1,2 +0,0 @@ -@import "../../support/index.scss"; -@import "./variables.scss"; diff --git a/assets/sass/@primer/css/marketing/support/variables.scss b/assets/sass/@primer/css/marketing/support/variables.scss deleted file mode 100644 index 7d0ec1c..0000000 --- a/assets/sass/@primer/css/marketing/support/variables.scss +++ /dev/null @@ -1,77 +0,0 @@ -$marketing-font-path: "/fonts/" !default; - -// Type -@font-face { - font-family: Inter; - font-style: normal; - font-weight: $font-weight-normal; - src: local("Inter"), local("Inter-Regular"), url("#{$marketing-font-path}Inter-Regular.woff") format("woff"); - font-display: swap; -} - -@font-face { - font-family: Inter; - font-style: normal; - font-weight: $font-weight-semibold; - src: local("Inter Medium"), local("Inter-Medium"), url("#{$marketing-font-path}Inter-Medium.woff") format("woff"); - font-display: swap; -} - -@font-face { - font-family: Inter; - font-style: normal; - font-weight: $font-weight-bold; - src: local("Inter Bold"), local("Inter-Bold"), url("#{$marketing-font-path}Inter-Bold.woff") format("woff"); - font-display: swap; -} - -$font-mktg: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default; - -// Builds upon @primer/css/support/variables/typography.scss -$h000-size: 64px !default; -$h000-size-mobile: 48px !default; - -// Colors -$green-mktg: mix($green-500, $green-400, 50%) !default; -$blue-mktg: mix($blue-400, $blue-500, 42%) !default; - -// Animations -$transition-time: 0.4s !default; - -// Increases the core spacing scale first by 8px for $spacer-7, then by 16px -// increments from $spacer-8 to $spacer-12, i.e. after 40px, we have 48, 64, -// 80, 96, etc. -$spacer-7: $spacer * 6 !default; // 48px -$spacer-8: $spacer * 8 !default; // 64px -$spacer-9: $spacer * 10 !default; // 80px -$spacer-10: $spacer * 12 !default; // 96px -$spacer-11: $spacer * 14 !default; // 112px -$spacer-12: $spacer * 16 !default; // 128px - -$marketing-spacers: ( - 7: $spacer-7, - 8: $spacer-8, - 9: $spacer-9, - 10: $spacer-10, - 11: $spacer-11, - 12: $spacer-12, -) !default; - -$marketing-all-spacers: map-merge( - ( - 0: 0, - 1: $spacer-1, - 2: $spacer-2, - 3: $spacer-3, - 4: $spacer-4, - 5: $spacer-5, - 6: $spacer-6, - ), - $marketing-spacers, -) !default; - -$marketing-position-variants: ( - "": "", - md: "-md", - lg: "-lg", -) !default; diff --git a/assets/sass/@primer/css/marketing/type/index.scss b/assets/sass/@primer/css/marketing/type/index.scss deleted file mode 100644 index 5ddc98f..0000000 --- a/assets/sass/@primer/css/marketing/type/index.scss +++ /dev/null @@ -1,3 +0,0 @@ -// support files -@import "../support/index.scss"; -@import "./typography.scss"; diff --git a/assets/sass/@primer/css/marketing/type/typography.scss b/assets/sass/@primer/css/marketing/type/typography.scss deleted file mode 100644 index 63667fd..0000000 --- a/assets/sass/@primer/css/marketing/type/typography.scss +++ /dev/null @@ -1,103 +0,0 @@ -// Headings - -.h000-mktg, -.h00-mktg, -.h0-mktg, -.h1-mktg, -.h2-mktg, -.h3-mktg, -.h4-mktg, -.h5-mktg, -.h6-mktg, -.lead-mktg { - font-family: $font-mktg; - font-weight: $font-weight-semibold; -} - -@mixin h000-mktg { - font-size: $h000-size-mobile !important; - @include breakpoint(md) { font-size: $h000-size !important; } -} - -.h000-mktg { @include h000-mktg; } - -@mixin h00-mktg { - font-size: $h00-size-mobile !important; - @include breakpoint(md) { font-size: $h00-size !important; } -} - -.h00-mktg { @include h00-mktg; } - -@mixin h0-mktg { - font-size: $h0-size-mobile !important; - @include breakpoint(md) { font-size: $h0-size !important; } -} - -.h0-mktg { @include h0-mktg; } - -@mixin h1-mktg { - font-size: $h1-size-mobile !important; - @include breakpoint(md) { font-size: $h1-size !important; } -} - -.h1-mktg { @include h1-mktg; } - -@mixin h2-mktg { - font-size: $h2-size-mobile !important; - @include breakpoint(md) { font-size: $h2-size !important; } -} - -.h2-mktg { @include h2-mktg; } - -@mixin h3-mktg { - font-size: $h3-size-mobile !important; - @include breakpoint(md) { font-size: $h3-size !important; } -} - -.h3-mktg { @include h3-mktg; } - -.h4-mktg { - font-size: $h4-size !important; -} - -.h5-mktg { - font-size: $h5-size !important; -} - -.h6-mktg { - font-size: $h6-size !important; -} - -// Big opening paragraphs -@mixin lead-mktg { - font-size: $h3-size; - font-weight: $font-weight-normal; -} - -.lead-mktg { @include lead-mktg; } - -// Pullquote - -@mixin pullquote { - padding-top: 0; - padding-bottom: 0; - padding-left: $spacer; - margin-bottom: $spacer-4; - font-family: $mono-font; - font-size: $h4-size; - line-height: 1.4; - color: $text-gray; - border-left: 3px solid $border-color; - - @include breakpoint(md) { - padding-left: $spacer * 1.5; - margin-bottom: $spacer-5; - margin-left: (-$spacer * 1.5) - 3px; - font-size: 18px; - line-height: $lh-default; - } -} - -.pullquote { - @include pullquote; -} diff --git a/assets/sass/@primer/css/marketing/utilities/borders.scss b/assets/sass/@primer/css/marketing/utilities/borders.scss deleted file mode 100644 index 1a95e48..0000000 --- a/assets/sass/@primer/css/marketing/utilities/borders.scss +++ /dev/null @@ -1,4 +0,0 @@ -// Marketing border utilities - -// XXX If you're looking for responsive border utilities, they've moved to -// ../../utilities/borders.scss diff --git a/assets/sass/@primer/css/marketing/utilities/filters.scss b/assets/sass/@primer/css/marketing/utilities/filters.scss deleted file mode 100644 index 062140f..0000000 --- a/assets/sass/@primer/css/marketing/utilities/filters.scss +++ /dev/null @@ -1,3 +0,0 @@ -.grayscale { - filter: grayscale(100%); -} diff --git a/assets/sass/@primer/css/marketing/utilities/index.scss b/assets/sass/@primer/css/marketing/utilities/index.scss deleted file mode 100644 index 4ba10ef..0000000 --- a/assets/sass/@primer/css/marketing/utilities/index.scss +++ /dev/null @@ -1,7 +0,0 @@ -@import "../support/index.scss"; -// utilities -@import "./filters.scss"; -@import "./borders.scss"; -@import "./layout.scss"; -@import "./margin.scss"; -@import "./padding.scss"; diff --git a/assets/sass/@primer/css/marketing/utilities/layout.scss b/assets/sass/@primer/css/marketing/utilities/layout.scss deleted file mode 100644 index c17f5f5..0000000 --- a/assets/sass/@primer/css/marketing/utilities/layout.scss +++ /dev/null @@ -1,29 +0,0 @@ -// Layout utilities -// stylelint-disable block-opening-brace-space-before - -// Responsive utilities to position content -// No utilities for sm and xl breakpoints -@each $breakpoint, $variant in $marketing-position-variants { - @include breakpoint($breakpoint) { - @each $scale, $size in $marketing-all-spacers { - .top#{$variant}-#{$scale} { top: $size !important; } - .right#{$variant}-#{$scale} { right: $size !important; } - .bottom#{$variant}-#{$scale} { bottom: $size !important; } - .left#{$variant}-#{$scale} { left: $size !important; } - - .top#{$variant}-n#{$scale} { top: -$size !important; } - .right#{$variant}-n#{$scale} { right: -$size !important; } - .bottom#{$variant}-n#{$scale} { bottom: -$size !important; } - .left#{$variant}-n#{$scale} { left: -$size !important; } - } - } -} - -// Negative offset columns -@each $breakpoint, $variant in $responsive-variants { - @include breakpoint($breakpoint) { - @for $offset from 1 through 7 { - .offset#{$variant}-n#{$offset} { margin-left: -($offset / 12 * 100%); } - } - } -} diff --git a/assets/sass/@primer/css/marketing/utilities/margin.scss b/assets/sass/@primer/css/marketing/utilities/margin.scss deleted file mode 100644 index 61cde8d..0000000 --- a/assets/sass/@primer/css/marketing/utilities/margin.scss +++ /dev/null @@ -1,17 +0,0 @@ -// Margin spacer utilities for marketing -// Utilities only added for y-direction margin (i.e. top & bottom) - -@each $breakpoint, $variant in $responsive-variants { - @include breakpoint($breakpoint) { - @each $scale, $size in $marketing-all-spacers { - - .mt#{$variant}-#{$scale} { margin-top: $size !important; } - .mb#{$variant}-#{$scale} { margin-bottom: $size !important; } - - .my#{$variant}-#{$scale} { - margin-top: $size !important; - margin-bottom: $size !important; - } - } - } -} diff --git a/assets/sass/@primer/css/marketing/utilities/padding.scss b/assets/sass/@primer/css/marketing/utilities/padding.scss deleted file mode 100644 index 906e148..0000000 --- a/assets/sass/@primer/css/marketing/utilities/padding.scss +++ /dev/null @@ -1,24 +0,0 @@ -// Padding spacer utilities for marketing -// stylelint-disable block-opening-brace-space-before - -@each $breakpoint, $variant in $responsive-variants { - @include breakpoint($breakpoint) { - @each $scale, $size in $marketing-all-spacers { - // Set a #{$size} padding for all sides - .p#{$variant}-#{$scale} { padding: #{$size} !important; } - // Set a #{$size} padding to the top - .pt#{$variant}-#{$scale} { padding-top: #{$size} !important; } - // Set a #{$size} padding to the right - .pr#{$variant}-#{$scale} { padding-right: #{$size} !important; } - // Set a #{$size} padding to the bottom - .pb#{$variant}-#{$scale} { padding-bottom: #{$size} !important; } - // Set a #{$size} padding to the left - .pl#{$variant}-#{$scale} { padding-left: #{$size} !important; } - // Set a #{$size} padding to the top & bottom - .py#{$variant}-#{$scale} { - padding-top: #{$size} !important; - padding-bottom: #{$size} !important; - } - } - } -} |