daydream-theme 1.0.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. checksums.yaml +4 -4
  2. data/_sass/daydream/_sidebar.scss +150 -76
  3. metadata +1 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 8201af54ea90652ffc44237301ff2eda2fc5c9d5a8fc04f42a7bc3bbb041a329
4
- data.tar.gz: 5eaafe9da324058a043cab95f9e2743c21a6c8ea68a4791680599334b433d9c2
3
+ metadata.gz: 2df204664f3d32760f76e9477d1bc29f45d102e62e15de814b705efa14fb62b8
4
+ data.tar.gz: f8133e20eb82421ae695ca7b42684cfa6528767780461bf422a3b29bbc1a996e
5
5
  SHA512:
6
- metadata.gz: 896d4cb133642802292d943a7034657098679b62891190f0eca23e81d15954384a9900abd6ad9f2f1be40ed430f610ceeb5c4dfbcb3bfff271cd903e80d5225c
7
- data.tar.gz: 0a480c85f1d9d86ee6dbf62d17d4f80731173c423f26813fca5e074e443f2ad57e907a8a27a1ea32b77401005e4744b8f5c1cd73fbbc25041412bd7d09ad61d7
6
+ metadata.gz: '08c369b4f7181b2ca3c5567363fd9dc86fb893421e24d311b5b136abe6597aac3b2d11e87ac6f651eb580b1366a279b6c91606340e1e5e5213eaf9fb20452738'
7
+ data.tar.gz: da7e6d7f855713e0ae125c7ec074a1412d28e2c401b2cde312d050d416b1b960886999aaa42eec0eb56ac9a5c9ad923cac9099265644143a0edb32205e6cb9f2
@@ -1,105 +1,179 @@
1
- .sidebar {
2
- width: 15%;
3
- color: var(--sidebar-color);
4
- background: center / cover;
5
- }
6
-
7
- .sidebar-shield {
8
- width: 100%;
9
- height: 100%;
10
- background-color: rgba(0,0,0,0.1);
11
- }
12
1
 
13
- .header {
14
- width: 100%;
15
- text-align: center;
16
- text-shadow: 1px 1px 3px var(--oc-black);
17
- padding: 2em;
2
+ @media only screen and (min-width: 992px) {
3
+ .sidebar {
4
+ width: 15%;
5
+ color: var(--sidebar-color);
6
+ background: center / cover;
7
+ outline: 2px red solid;
8
+ }
18
9
 
19
- a {
20
- color: var(--oc-white);
10
+ .sidebar-shield {
11
+ width: 100%;
12
+ height: 100%;
13
+ background-color: rgba(0,0,0,0.1);
21
14
  }
22
- }
23
15
 
24
- .brand-title {
25
- font-family: var(--brand-title-font);
26
- font-size: 2.5em;
27
- font-weight: bold;
28
- line-height: 1.2;
29
- letter-spacing: -1px;
30
- word-wrap: break-word;
31
- }
16
+ .header {
17
+ width: 100%;
18
+ text-align: center;
19
+ text-shadow: 1px 1px 3px var(--oc-black);
20
+ padding: 2em;
32
21
 
33
- .brand-tagline {
34
- font-size: 1.25em;
35
- line-height: 1.2;
36
- letter-spacing: -1px;
37
- margin-top: 0;
38
- }
22
+ a {
23
+ color: var(--oc-white);
24
+ }
25
+ }
39
26
 
40
- .nav {
41
- margin: 1em 0;
42
- }
27
+ .brand-title {
28
+ font-family: var(--brand-title-font);
29
+ font-size: 2.5em;
30
+ font-weight: bold;
31
+ line-height: 1.2;
32
+ letter-spacing: -1px;
33
+ word-wrap: break-word;
34
+ }
43
35
 
44
- .nav-item {
45
- a:hover {
46
- background-color: transparent;
36
+ .brand-tagline {
37
+ font-size: 1.25em;
38
+ line-height: 1.2;
39
+ letter-spacing: -1px;
40
+ margin-top: 0;
47
41
  }
48
42
 
49
- .current {
50
- font-weight: bold;
43
+ .nav {
44
+ margin: 1em 0;
51
45
  }
52
- }
53
46
 
54
- .social-list {
55
- white-space: normal;
56
- }
47
+ .nav-item {
48
+ a:hover {
49
+ background-color: transparent;
50
+ }
51
+
52
+ .current {
53
+ font-weight: bold;
54
+ }
55
+ }
57
56
 
58
- .social-item {
59
- a {
60
- background-color: transparent;
57
+ .social-list {
58
+ white-space: normal;
59
+ }
61
60
 
62
- &:focus,
63
- &:hover {
64
- color: var(--link-color);
61
+ .social-item {
62
+ a {
65
63
  background-color: transparent;
66
- background-image: none;
64
+
65
+ &:focus,
66
+ &:hover {
67
+ color: var(--link-color);
68
+ background-color: transparent;
69
+ background-image: none;
70
+ }
67
71
  }
68
72
  }
69
- }
70
73
 
71
- .image-cropper {
72
- width: 100px;
73
- height: 100px;
74
- position: relative;
75
- left: 2em;
76
- overflow: hidden;
77
- border-radius: 40%;
78
- margin: 1em;
79
- }
74
+ .image-cropper {
75
+ width: 100px;
76
+ height: 100px;
77
+ position: relative;
78
+ left: 2em;
79
+ overflow: hidden;
80
+ border-radius: 40%;
81
+ margin: 1em;
82
+ outline: 2px red solid;
83
+ }
80
84
 
81
- img {
82
- display: inline;
83
- margin: 0 auto;
84
- height: 100%;
85
- width: auto;
85
+ img {
86
+ display: inline;
87
+ margin: 0 auto;
88
+ height: 100%;
89
+ width: auto;
90
+ }
86
91
  }
92
+ @media only screen and (max-width: 992px) {
93
+ .sidebar {
94
+ width: 100%;
95
+ height: 15%;
96
+ color: var(--sidebar-color);
97
+ background: center / cover;
98
+ }
99
+
100
+ .sidebar-shield {
101
+ width: 100%;
102
+ height: 100%;
103
+ background-color: rgba(0,0,0,0.1);
104
+ }
87
105
 
88
- @media (min-width: $md-screen) {
89
106
  .header {
90
- text-align: left;
91
- position: absolute;
92
- top: 10%;
93
- text-underline-offset: 0.35rem;
107
+ width: 100%;
108
+ text-align: center;
109
+ text-shadow: 1px 1px 3px var(--oc-black);
110
+ padding: 2em;
111
+
112
+ a {
113
+ color: var(--oc-white);
114
+ }
115
+ }
116
+
117
+ .brand-title {
118
+ font-family: var(--brand-title-font);
119
+ font-size: 2.5em;
120
+ font-weight: bold;
121
+ line-height: 1.2;
122
+ letter-spacing: -1px;
123
+ word-wrap: break-word;
94
124
  }
95
125
 
96
- .nav-item a {
97
- padding-left: 0;
126
+ .brand-tagline {
127
+ font-size: 1.25em;
128
+ line-height: 1.2;
129
+ letter-spacing: -1px;
130
+ margin-top: 0;
131
+ }
132
+
133
+ .nav {
134
+ margin: 1em 0;
135
+ }
136
+
137
+ .nav-item {
138
+ a:hover {
139
+ background-color: transparent;
140
+ }
141
+
142
+ .current {
143
+ font-weight: bold;
144
+ }
145
+ }
146
+
147
+ .social-list {
148
+ white-space: normal;
98
149
  }
99
150
 
100
151
  .social-item {
101
152
  a {
102
- padding-left: 0;
153
+ background-color: transparent;
154
+
155
+ &:focus,
156
+ &:hover {
157
+ color: var(--link-color);
158
+ background-color: transparent;
159
+ background-image: none;
160
+ }
103
161
  }
104
162
  }
105
- }
163
+
164
+ .image-cropper {
165
+ width: 100px;
166
+ height: 100px;
167
+ position: relative;
168
+ left: 31%;
169
+ overflow: hidden;
170
+ border-radius: 40%;
171
+ margin: 1em;
172
+ }
173
+
174
+ img {
175
+ display: inline;
176
+ margin: 0 auto;
177
+ height: 100%;
178
+ width: auto;
179
+ }}
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: daydream-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.0
4
+ version: 1.0.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - william Ben Embarek