activeadmin_dark_color_scheme 0.1.6 → 0.1.7
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/Gemfile.lock +1 -1
- data/README.md +1 -1
- data/Rakefile +9 -2
- data/app/assets/stylesheets/_activeadmin-dark-color-scheme.sass +2 -1
- data/app/assets/stylesheets/activeadmin-dark-color-scheme/mixins/_button-dark.sass +42 -0
- data/app/assets/stylesheets/activeadmin-dark-color-scheme/mixins/_button-light.sass +15 -0
- data/lib/activeadmin/dark_color_scheme/version.rb +1 -1
- metadata +3 -2
- data/app/assets/stylesheets/activeadmin-dark-color-scheme/mixins/_buttons.sass +0 -48
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: d260e344c778bd0b92c74ebfdff90a31e2a6bf6104ba24f7782d6f331402d153
|
|
4
|
+
data.tar.gz: 56822e3f1a2c37b2036309bdc93e2a21d0e3d9a520c951af7a855a2883f45bb1
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 77d10b8988689cfd928e6bcc0ecbeb041430a34b2d78d4842f0aacc214e06ee719620129fccbd688a44e36f6439478cafad0e376d7a5dcd64d4bfa82ab33f574
|
|
7
|
+
data.tar.gz: 1bcf06617a5ce09a0a979f02965950fae12f3ed60d301c7ec5c355998a1dd6c928430fe1cf19769903bebf3526a32b3755a2be04165590d06fff87156bcda30c
|
data/Gemfile.lock
CHANGED
data/README.md
CHANGED
data/Rakefile
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
require "bundler/setup"
|
|
2
2
|
require "bundler/gem_tasks"
|
|
3
3
|
require "rspec/core/rake_task"
|
|
4
|
+
require "term/ansicolor"
|
|
5
|
+
|
|
6
|
+
require "./lib/activeadmin/dark_color_scheme"
|
|
4
7
|
|
|
5
8
|
RSpec::Core::RakeTask.new(:spec)
|
|
6
9
|
|
|
@@ -53,9 +56,7 @@ task default: :spec
|
|
|
53
56
|
desc "Dumps output to a CSS file for testing"
|
|
54
57
|
task :debug do
|
|
55
58
|
require "sassc"
|
|
56
|
-
require "term/ansicolor"
|
|
57
59
|
require "autoprefixer-rails"
|
|
58
|
-
require "./lib/activeadmin/dark_color_scheme"
|
|
59
60
|
|
|
60
61
|
path = Activeadmin::DarkColorScheme.stylesheets_path
|
|
61
62
|
entrypoins = %w(_activeadmin-dark-color-scheme)
|
|
@@ -74,6 +75,12 @@ task :debug do
|
|
|
74
75
|
end
|
|
75
76
|
end
|
|
76
77
|
|
|
78
|
+
# desc "Publish"
|
|
79
|
+
# task :publish do
|
|
80
|
+
# puts `gem push pkg/activeadmin_dark_color_scheme-#{Activeadmin::DarkColorScheme::VERSION}.gem`
|
|
81
|
+
# end
|
|
82
|
+
|
|
83
|
+
|
|
77
84
|
# desc 'Start a dummy Rails app server'
|
|
78
85
|
# task :rails_server do
|
|
79
86
|
# require 'rack'
|
|
@@ -10,7 +10,8 @@
|
|
|
10
10
|
@import "./activeadmin-dark-color-scheme/variables/toggle-bool"
|
|
11
11
|
|
|
12
12
|
// Mixins
|
|
13
|
-
@import "./activeadmin-dark-color-scheme/mixins/
|
|
13
|
+
@import "./activeadmin-dark-color-scheme/mixins/button-light"
|
|
14
|
+
@import "./activeadmin-dark-color-scheme/mixins/button-dark"
|
|
14
15
|
@import "./activeadmin-dark-color-scheme/mixins/panel-heads"
|
|
15
16
|
|
|
16
17
|
// Modules
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
@media (prefers-color-scheme: dark)
|
|
2
|
+
%btn-dark-inset-state
|
|
3
|
+
background-color: $btn-dark-1-inset-bg
|
|
4
|
+
background-image: linear-gradient($btn-dark-1-inset-gradient-stop-top, $btn-dark-1-inset-gradient-stop-bottom)
|
|
5
|
+
border-top-color: $btn-datk-1-inset-border-top-color
|
|
6
|
+
border-right-color: lighten($btn-dark-1-bg, 10%)
|
|
7
|
+
border-bottom-color: darken($btn-dark-1-gradient-stop-bottom, 10%)
|
|
8
|
+
border-left-color: $btn-dark-1-inset-color
|
|
9
|
+
box-shadow: 0 1px 3px 0 hsla(0, 0%, 0%, 0.3) inset
|
|
10
|
+
|
|
11
|
+
@mixin btn-dark-1
|
|
12
|
+
background-color: $btn-dark-1-bg
|
|
13
|
+
background-image: linear-gradient(to bottom, $btn-dark-1-gradient-stop-top, $btn-dark-1-gradient-stop-bottom)
|
|
14
|
+
border-top-color: lighten($btn-dark-1-gradient-stop-top, 5%)
|
|
15
|
+
border-right-color: lighten($btn-dark-1-bg, 10%)
|
|
16
|
+
border-bottom-color: darken($btn-dark-1-gradient-stop-bottom, 5%)
|
|
17
|
+
border-left-color: lighten($btn-dark-1-bg, 10%)
|
|
18
|
+
box-shadow: 0 1px 2px darken($btn-dark-1-gradient-stop-bottom, 10%)
|
|
19
|
+
color: $btn-dark-1-color
|
|
20
|
+
text-shadow: none
|
|
21
|
+
|
|
22
|
+
&:not(.disabled)
|
|
23
|
+
&:hover:not(:active)
|
|
24
|
+
background-image: linear-gradient(to bottom, lighten($btn-dark-1-gradient-stop-top, 2%), lighten($btn-dark-1-gradient-stop-bottom, 2%))
|
|
25
|
+
|
|
26
|
+
&:active
|
|
27
|
+
@extend %btn-dark-inset-state
|
|
28
|
+
|
|
29
|
+
&:focus, &:focus-visible
|
|
30
|
+
outline-color: $btn-focus-outline-color
|
|
31
|
+
outline-offset: $btn-focus-outline-auto-offset
|
|
32
|
+
outline-style: $btn-focus-outline-auto-style
|
|
33
|
+
outline-width: $btn-focus-outline-width
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
@mixin btn-dark-1-inset
|
|
37
|
+
color: $btn-dark-1-color
|
|
38
|
+
@extend %btn-dark-inset-state
|
|
39
|
+
|
|
40
|
+
&:not(.disabled)
|
|
41
|
+
&:hover
|
|
42
|
+
background-image: linear-gradient(to bottom, lighten($btn-dark-1-inset-gradient-stop-top, 2%), lighten($btn-dark-1-inset-gradient-stop-bottom, 2%))
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
@mixin btn-light-1
|
|
2
|
+
background-color: $btn-light-1-bg
|
|
3
|
+
background-image: linear-gradient(180deg, $btn-light-1-gradient-stop-top, $btn-light-1-gradient-stop-bottom)
|
|
4
|
+
color: $btn-light-1-color
|
|
5
|
+
text-shadow: none
|
|
6
|
+
|
|
7
|
+
&:not(.disabled)
|
|
8
|
+
&:hover
|
|
9
|
+
background-image: linear-gradient(to bottom, darken($btn-light-1-gradient-stop-top, 3%), darken($btn-light-1-gradient-stop-bottom, 3%))
|
|
10
|
+
|
|
11
|
+
&:focus, &:focus-visible
|
|
12
|
+
outline-color: $btn-focus-outline-color
|
|
13
|
+
outline-offset: $btn-focus-outline-auto-offset
|
|
14
|
+
outline-style: $btn-focus-outline-auto-style
|
|
15
|
+
outline-width: $btn-focus-outline-width
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: activeadmin_dark_color_scheme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.7
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Sergey Pedan
|
|
@@ -118,7 +118,8 @@ files:
|
|
|
118
118
|
- Rakefile
|
|
119
119
|
- activeadmin_dark_color_scheme.gemspec
|
|
120
120
|
- app/assets/stylesheets/_activeadmin-dark-color-scheme.sass
|
|
121
|
-
- app/assets/stylesheets/activeadmin-dark-color-scheme/mixins/
|
|
121
|
+
- app/assets/stylesheets/activeadmin-dark-color-scheme/mixins/_button-dark.sass
|
|
122
|
+
- app/assets/stylesheets/activeadmin-dark-color-scheme/mixins/_button-light.sass
|
|
122
123
|
- app/assets/stylesheets/activeadmin-dark-color-scheme/mixins/_panel-heads.sass
|
|
123
124
|
- app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_buttons.sass
|
|
124
125
|
- app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_fieldsets.sass
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
@mixin btn-dark-1
|
|
2
|
-
background-color: $btn-dark-1-bg
|
|
3
|
-
background-image: linear-gradient(to bottom, $btn-dark-1-gradient-stop-top, $btn-dark-1-gradient-stop-bottom)
|
|
4
|
-
border-top-color: lighten($btn-dark-1-gradient-stop-top, 5%)
|
|
5
|
-
border-right-color: lighten($btn-dark-1-bg, 10%)
|
|
6
|
-
border-bottom-color: darken($btn-dark-1-gradient-stop-bottom, 5%)
|
|
7
|
-
border-left-color: lighten($btn-dark-1-bg, 10%)
|
|
8
|
-
box-shadow: 0 1px 2px darken($btn-dark-1-gradient-stop-bottom, 10%)
|
|
9
|
-
color: $btn-dark-1-color
|
|
10
|
-
text-shadow: none
|
|
11
|
-
|
|
12
|
-
&:not(.disabled):hover
|
|
13
|
-
background-image: linear-gradient(to bottom, lighten($btn-dark-1-gradient-stop-top, 2%), lighten($btn-dark-1-gradient-stop-bottom, 2%))
|
|
14
|
-
|
|
15
|
-
&:focus, &:focus-visible
|
|
16
|
-
outline-color: $btn-focus-outline-color
|
|
17
|
-
outline-offset: $btn-focus-outline-auto-offset
|
|
18
|
-
outline-style: $btn-focus-outline-auto-style
|
|
19
|
-
outline-width: $btn-focus-outline-width
|
|
20
|
-
|
|
21
|
-
@mixin btn-dark-1-inset
|
|
22
|
-
background-color: $btn-dark-1-inset-bg
|
|
23
|
-
background-image: linear-gradient($btn-dark-1-inset-gradient-stop-top, $btn-dark-1-inset-gradient-stop-bottom)
|
|
24
|
-
border-top-color: $btn-datk-1-inset-border-top-color
|
|
25
|
-
border-right-color: lighten($btn-dark-1-bg, 10%)
|
|
26
|
-
border-bottom-color: darken($btn-dark-1-gradient-stop-bottom, 10%)
|
|
27
|
-
border-left-color: $btn-dark-1-inset-color
|
|
28
|
-
box-shadow: 0 1px 3px 0 hsla(0, 0%, 0%, 0.3) inset
|
|
29
|
-
color: $btn-dark-1-color
|
|
30
|
-
text-shadow: none
|
|
31
|
-
|
|
32
|
-
&:not(.disabled):hover
|
|
33
|
-
background-image: linear-gradient(to bottom, lighten($btn-dark-1-inset-gradient-stop-top, 2%), lighten($btn-dark-1-inset-gradient-stop-bottom, 2%))
|
|
34
|
-
|
|
35
|
-
@mixin btn-light-1
|
|
36
|
-
background-color: $btn-light-1-bg
|
|
37
|
-
background-image: linear-gradient(180deg, $btn-light-1-gradient-stop-top, $btn-light-1-gradient-stop-bottom)
|
|
38
|
-
color: $btn-light-1-color
|
|
39
|
-
text-shadow: none
|
|
40
|
-
|
|
41
|
-
&:not(.disabled):hover
|
|
42
|
-
background-image: linear-gradient(to bottom, darken($btn-light-1-gradient-stop-top, 3%), darken($btn-light-1-gradient-stop-bottom, 3%))
|
|
43
|
-
|
|
44
|
-
&:focus, &:focus-visible
|
|
45
|
-
outline-color: $btn-focus-outline-color
|
|
46
|
-
outline-offset: $btn-focus-outline-auto-offset
|
|
47
|
-
outline-style: $btn-focus-outline-auto-style
|
|
48
|
-
outline-width: $btn-focus-outline-width
|