Deploy visual-framework/vf-core to github.com/visual-framework/vf-core.git:gh-pages

parent 961f6bd0
......@@ -58,9 +58,7 @@
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
width: 100%;
}
.vf-profile__image {
......@@ -108,6 +106,9 @@
margin: 0 0 0 0;
line-height: 1.2;
}
.vf-profile__job-title + .vf-profile__text {
margin-bottom: 0.25rem;
}
.vf-profile__email {
font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
......
......@@ -534,6 +534,11 @@ class="vf-logo | vf-logo--has-text">
<pre class="vf-code-example__pre">
<code class="Code Code--lang-Markdown FileBrowser-code vf-code-example"><span class="hljs-section"># Change Log</span>
<span class="hljs-section">## 1.0.2</span>
<span class="hljs-bullet">
* </span>makes the <span class="hljs-code">`width: 100%`</span> rather than <span class="hljs-code">`max-content`</span> as some people have really long job titles
<span class="hljs-section">## 1.0.1</span>
<span class="hljs-bullet">
* </span>fixes issue where email was a link not a mailto:
......@@ -562,7 +567,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/CHANGELOG.md
</li>
<li class="vf-list__item">
Size: 239 Bytes
Size: 346 Bytes
</li>
</ul>
</section>
......@@ -663,7 +668,7 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-attribute">color</span>: set-color(vf-color--grey--darkest);
<span class="hljs-attribute">display</span>: flex;
<span class="hljs-attribute">flex-direction</span>: column;
<span class="hljs-attribute">width</span>: max-content;
<span class="hljs-attribute">width</span>: <span class="hljs-number">100%</span>; <span class="hljs-comment">// we might not need this</span>
}
<span class="hljs-selector-class">.vf-profile__image</span> {
......@@ -700,6 +705,10 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-keyword">@include</span> set-type(text-body--<span class="hljs-number">2</span>, <span class="hljs-variable">$custom-margin-bottom</span>: <span class="hljs-number">0</span>);
<span class="hljs-attribute">line-height</span>: <span class="hljs-number">1.2</span>;
<span class="hljs-selector-class">.vf-profile__job-title</span> + &amp; {
<span class="hljs-attribute">margin-bottom</span>: .<span class="hljs-number">25rem</span>;
}
}
<span class="hljs-selector-class">.vf-profile__email</span> {
......@@ -821,7 +830,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/vf-profile.scss
</li>
<li class="vf-list__item">
Size: 3 KB
Size: 3.1 KB
</li>
</ul>
</section>
......
......@@ -534,6 +534,11 @@ class="vf-logo | vf-logo--has-text">
<pre class="vf-code-example__pre">
<code class="Code Code--lang-Markdown FileBrowser-code vf-code-example"><span class="hljs-section"># Change Log</span>
<span class="hljs-section">## 1.0.2</span>
<span class="hljs-bullet">
* </span>makes the <span class="hljs-code">`width: 100%`</span> rather than <span class="hljs-code">`max-content`</span> as some people have really long job titles
<span class="hljs-section">## 1.0.1</span>
<span class="hljs-bullet">
* </span>fixes issue where email was a link not a mailto:
......@@ -562,7 +567,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/CHANGELOG.md
</li>
<li class="vf-list__item">
Size: 239 Bytes
Size: 346 Bytes
</li>
</ul>
</section>
......@@ -663,7 +668,7 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-attribute">color</span>: set-color(vf-color--grey--darkest);
<span class="hljs-attribute">display</span>: flex;
<span class="hljs-attribute">flex-direction</span>: column;
<span class="hljs-attribute">width</span>: max-content;
<span class="hljs-attribute">width</span>: <span class="hljs-number">100%</span>; <span class="hljs-comment">// we might not need this</span>
}
<span class="hljs-selector-class">.vf-profile__image</span> {
......@@ -700,6 +705,10 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-keyword">@include</span> set-type(text-body--<span class="hljs-number">2</span>, <span class="hljs-variable">$custom-margin-bottom</span>: <span class="hljs-number">0</span>);
<span class="hljs-attribute">line-height</span>: <span class="hljs-number">1.2</span>;
<span class="hljs-selector-class">.vf-profile__job-title</span> + &amp; {
<span class="hljs-attribute">margin-bottom</span>: .<span class="hljs-number">25rem</span>;
}
}
<span class="hljs-selector-class">.vf-profile__email</span> {
......@@ -821,7 +830,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/vf-profile.scss
</li>
<li class="vf-list__item">
Size: 3 KB
Size: 3.1 KB
</li>
</ul>
</section>
......
......@@ -534,6 +534,11 @@ class="vf-logo | vf-logo--has-text">
<pre class="vf-code-example__pre">
<code class="Code Code--lang-Markdown FileBrowser-code vf-code-example"><span class="hljs-section"># Change Log</span>
<span class="hljs-section">## 1.0.2</span>
<span class="hljs-bullet">
* </span>makes the <span class="hljs-code">`width: 100%`</span> rather than <span class="hljs-code">`max-content`</span> as some people have really long job titles
<span class="hljs-section">## 1.0.1</span>
<span class="hljs-bullet">
* </span>fixes issue where email was a link not a mailto:
......@@ -562,7 +567,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/CHANGELOG.md
</li>
<li class="vf-list__item">
Size: 239 Bytes
Size: 346 Bytes
</li>
</ul>
</section>
......@@ -663,7 +668,7 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-attribute">color</span>: set-color(vf-color--grey--darkest);
<span class="hljs-attribute">display</span>: flex;
<span class="hljs-attribute">flex-direction</span>: column;
<span class="hljs-attribute">width</span>: max-content;
<span class="hljs-attribute">width</span>: <span class="hljs-number">100%</span>; <span class="hljs-comment">// we might not need this</span>
}
<span class="hljs-selector-class">.vf-profile__image</span> {
......@@ -700,6 +705,10 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-keyword">@include</span> set-type(text-body--<span class="hljs-number">2</span>, <span class="hljs-variable">$custom-margin-bottom</span>: <span class="hljs-number">0</span>);
<span class="hljs-attribute">line-height</span>: <span class="hljs-number">1.2</span>;
<span class="hljs-selector-class">.vf-profile__job-title</span> + &amp; {
<span class="hljs-attribute">margin-bottom</span>: .<span class="hljs-number">25rem</span>;
}
}
<span class="hljs-selector-class">.vf-profile__email</span> {
......@@ -821,7 +830,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/vf-profile.scss
</li>
<li class="vf-list__item">
Size: 3 KB
Size: 3.1 KB
</li>
</ul>
</section>
......
......@@ -519,6 +519,11 @@ class="vf-logo | vf-logo--has-text">
<pre class="vf-code-example__pre">
<code class="Code Code--lang-Markdown FileBrowser-code vf-code-example"><span class="hljs-section"># Change Log</span>
<span class="hljs-section">## 1.0.2</span>
<span class="hljs-bullet">
* </span>makes the <span class="hljs-code">`width: 100%`</span> rather than <span class="hljs-code">`max-content`</span> as some people have really long job titles
<span class="hljs-section">## 1.0.1</span>
<span class="hljs-bullet">
* </span>fixes issue where email was a link not a mailto:
......@@ -547,7 +552,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/CHANGELOG.md
</li>
<li class="vf-list__item">
Size: 239 Bytes
Size: 346 Bytes
</li>
</ul>
</section>
......@@ -648,7 +653,7 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-attribute">color</span>: set-color(vf-color--grey--darkest);
<span class="hljs-attribute">display</span>: flex;
<span class="hljs-attribute">flex-direction</span>: column;
<span class="hljs-attribute">width</span>: max-content;
<span class="hljs-attribute">width</span>: <span class="hljs-number">100%</span>; <span class="hljs-comment">// we might not need this</span>
}
<span class="hljs-selector-class">.vf-profile__image</span> {
......@@ -685,6 +690,10 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-keyword">@include</span> set-type(text-body--<span class="hljs-number">2</span>, <span class="hljs-variable">$custom-margin-bottom</span>: <span class="hljs-number">0</span>);
<span class="hljs-attribute">line-height</span>: <span class="hljs-number">1.2</span>;
<span class="hljs-selector-class">.vf-profile__job-title</span> + &amp; {
<span class="hljs-attribute">margin-bottom</span>: .<span class="hljs-number">25rem</span>;
}
}
<span class="hljs-selector-class">.vf-profile__email</span> {
......@@ -806,7 +815,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/vf-profile.scss
</li>
<li class="vf-list__item">
Size: 3 KB
Size: 3.1 KB
</li>
</ul>
</section>
......
......@@ -534,6 +534,11 @@ class="vf-logo | vf-logo--has-text">
<pre class="vf-code-example__pre">
<code class="Code Code--lang-Markdown FileBrowser-code vf-code-example"><span class="hljs-section"># Change Log</span>
<span class="hljs-section">## 1.0.2</span>
<span class="hljs-bullet">
* </span>makes the <span class="hljs-code">`width: 100%`</span> rather than <span class="hljs-code">`max-content`</span> as some people have really long job titles
<span class="hljs-section">## 1.0.1</span>
<span class="hljs-bullet">
* </span>fixes issue where email was a link not a mailto:
......@@ -562,7 +567,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/CHANGELOG.md
</li>
<li class="vf-list__item">
Size: 239 Bytes
Size: 346 Bytes
</li>
</ul>
</section>
......@@ -663,7 +668,7 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-attribute">color</span>: set-color(vf-color--grey--darkest);
<span class="hljs-attribute">display</span>: flex;
<span class="hljs-attribute">flex-direction</span>: column;
<span class="hljs-attribute">width</span>: max-content;
<span class="hljs-attribute">width</span>: <span class="hljs-number">100%</span>; <span class="hljs-comment">// we might not need this</span>
}
<span class="hljs-selector-class">.vf-profile__image</span> {
......@@ -700,6 +705,10 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-keyword">@include</span> set-type(text-body--<span class="hljs-number">2</span>, <span class="hljs-variable">$custom-margin-bottom</span>: <span class="hljs-number">0</span>);
<span class="hljs-attribute">line-height</span>: <span class="hljs-number">1.2</span>;
<span class="hljs-selector-class">.vf-profile__job-title</span> + &amp; {
<span class="hljs-attribute">margin-bottom</span>: .<span class="hljs-number">25rem</span>;
}
}
<span class="hljs-selector-class">.vf-profile__email</span> {
......@@ -821,7 +830,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/vf-profile.scss
</li>
<li class="vf-list__item">
Size: 3 KB
Size: 3.1 KB
</li>
</ul>
</section>
......
......@@ -534,6 +534,11 @@ class="vf-logo | vf-logo--has-text">
<pre class="vf-code-example__pre">
<code class="Code Code--lang-Markdown FileBrowser-code vf-code-example"><span class="hljs-section"># Change Log</span>
<span class="hljs-section">## 1.0.2</span>
<span class="hljs-bullet">
* </span>makes the <span class="hljs-code">`width: 100%`</span> rather than <span class="hljs-code">`max-content`</span> as some people have really long job titles
<span class="hljs-section">## 1.0.1</span>
<span class="hljs-bullet">
* </span>fixes issue where email was a link not a mailto:
......@@ -562,7 +567,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/CHANGELOG.md
</li>
<li class="vf-list__item">
Size: 239 Bytes
Size: 346 Bytes
</li>
</ul>
</section>
......@@ -663,7 +668,7 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-attribute">color</span>: set-color(vf-color--grey--darkest);
<span class="hljs-attribute">display</span>: flex;
<span class="hljs-attribute">flex-direction</span>: column;
<span class="hljs-attribute">width</span>: max-content;
<span class="hljs-attribute">width</span>: <span class="hljs-number">100%</span>; <span class="hljs-comment">// we might not need this</span>
}
<span class="hljs-selector-class">.vf-profile__image</span> {
......@@ -700,6 +705,10 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-keyword">@include</span> set-type(text-body--<span class="hljs-number">2</span>, <span class="hljs-variable">$custom-margin-bottom</span>: <span class="hljs-number">0</span>);
<span class="hljs-attribute">line-height</span>: <span class="hljs-number">1.2</span>;
<span class="hljs-selector-class">.vf-profile__job-title</span> + &amp; {
<span class="hljs-attribute">margin-bottom</span>: .<span class="hljs-number">25rem</span>;
}
}
<span class="hljs-selector-class">.vf-profile__email</span> {
......@@ -821,7 +830,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/vf-profile.scss
</li>
<li class="vf-list__item">
Size: 3 KB
Size: 3.1 KB
</li>
</ul>
</section>
......
......@@ -534,6 +534,11 @@ class="vf-logo | vf-logo--has-text">
<pre class="vf-code-example__pre">
<code class="Code Code--lang-Markdown FileBrowser-code vf-code-example"><span class="hljs-section"># Change Log</span>
<span class="hljs-section">## 1.0.2</span>
<span class="hljs-bullet">
* </span>makes the <span class="hljs-code">`width: 100%`</span> rather than <span class="hljs-code">`max-content`</span> as some people have really long job titles
<span class="hljs-section">## 1.0.1</span>
<span class="hljs-bullet">
* </span>fixes issue where email was a link not a mailto:
......@@ -562,7 +567,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/CHANGELOG.md
</li>
<li class="vf-list__item">
Size: 239 Bytes
Size: 346 Bytes
</li>
</ul>
</section>
......@@ -663,7 +668,7 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-attribute">color</span>: set-color(vf-color--grey--darkest);
<span class="hljs-attribute">display</span>: flex;
<span class="hljs-attribute">flex-direction</span>: column;
<span class="hljs-attribute">width</span>: max-content;
<span class="hljs-attribute">width</span>: <span class="hljs-number">100%</span>; <span class="hljs-comment">// we might not need this</span>
}
<span class="hljs-selector-class">.vf-profile__image</span> {
......@@ -700,6 +705,10 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-keyword">@include</span> set-type(text-body--<span class="hljs-number">2</span>, <span class="hljs-variable">$custom-margin-bottom</span>: <span class="hljs-number">0</span>);
<span class="hljs-attribute">line-height</span>: <span class="hljs-number">1.2</span>;
<span class="hljs-selector-class">.vf-profile__job-title</span> + &amp; {
<span class="hljs-attribute">margin-bottom</span>: .<span class="hljs-number">25rem</span>;
}
}
<span class="hljs-selector-class">.vf-profile__email</span> {
......@@ -821,7 +830,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/vf-profile.scss
</li>
<li class="vf-list__item">
Size: 3 KB
Size: 3.1 KB
</li>
</ul>
</section>
......
......@@ -527,6 +527,11 @@ class="vf-logo | vf-logo--has-text">
<pre class="vf-code-example__pre">
<code class="Code Code--lang-Markdown FileBrowser-code vf-code-example"><span class="hljs-section"># Change Log</span>
<span class="hljs-section">## 1.0.2</span>
<span class="hljs-bullet">
* </span>makes the <span class="hljs-code">`width: 100%`</span> rather than <span class="hljs-code">`max-content`</span> as some people have really long job titles
<span class="hljs-section">## 1.0.1</span>
<span class="hljs-bullet">
* </span>fixes issue where email was a link not a mailto:
......@@ -555,7 +560,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/CHANGELOG.md
</li>
<li class="vf-list__item">
Size: 239 Bytes
Size: 346 Bytes
</li>
</ul>
</section>
......@@ -656,7 +661,7 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-attribute">color</span>: set-color(vf-color--grey--darkest);
<span class="hljs-attribute">display</span>: flex;
<span class="hljs-attribute">flex-direction</span>: column;
<span class="hljs-attribute">width</span>: max-content;
<span class="hljs-attribute">width</span>: <span class="hljs-number">100%</span>; <span class="hljs-comment">// we might not need this</span>
}
<span class="hljs-selector-class">.vf-profile__image</span> {
......@@ -693,6 +698,10 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-keyword">@include</span> set-type(text-body--<span class="hljs-number">2</span>, <span class="hljs-variable">$custom-margin-bottom</span>: <span class="hljs-number">0</span>);
<span class="hljs-attribute">line-height</span>: <span class="hljs-number">1.2</span>;
<span class="hljs-selector-class">.vf-profile__job-title</span> + &amp; {
<span class="hljs-attribute">margin-bottom</span>: .<span class="hljs-number">25rem</span>;
}
}
<span class="hljs-selector-class">.vf-profile__email</span> {
......@@ -814,7 +823,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/vf-profile.scss
</li>
<li class="vf-list__item">
Size: 3 KB
Size: 3.1 KB
</li>
</ul>
</section>
......
......@@ -534,6 +534,11 @@ class="vf-logo | vf-logo--has-text">
<pre class="vf-code-example__pre">
<code class="Code Code--lang-Markdown FileBrowser-code vf-code-example"><span class="hljs-section"># Change Log</span>
<span class="hljs-section">## 1.0.2</span>
<span class="hljs-bullet">
* </span>makes the <span class="hljs-code">`width: 100%`</span> rather than <span class="hljs-code">`max-content`</span> as some people have really long job titles
<span class="hljs-section">## 1.0.1</span>
<span class="hljs-bullet">
* </span>fixes issue where email was a link not a mailto:
......@@ -562,7 +567,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/CHANGELOG.md
</li>
<li class="vf-list__item">
Size: 239 Bytes
Size: 346 Bytes
</li>
</ul>
</section>
......@@ -663,7 +668,7 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-attribute">color</span>: set-color(vf-color--grey--darkest);
<span class="hljs-attribute">display</span>: flex;
<span class="hljs-attribute">flex-direction</span>: column;
<span class="hljs-attribute">width</span>: max-content;
<span class="hljs-attribute">width</span>: <span class="hljs-number">100%</span>; <span class="hljs-comment">// we might not need this</span>
}
<span class="hljs-selector-class">.vf-profile__image</span> {
......@@ -700,6 +705,10 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-keyword">@include</span> set-type(text-body--<span class="hljs-number">2</span>, <span class="hljs-variable">$custom-margin-bottom</span>: <span class="hljs-number">0</span>);
<span class="hljs-attribute">line-height</span>: <span class="hljs-number">1.2</span>;
<span class="hljs-selector-class">.vf-profile__job-title</span> + &amp; {
<span class="hljs-attribute">margin-bottom</span>: .<span class="hljs-number">25rem</span>;
}
}
<span class="hljs-selector-class">.vf-profile__email</span> {
......@@ -821,7 +830,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/vf-profile.scss
</li>
<li class="vf-list__item">
Size: 3 KB
Size: 3.1 KB
</li>
</ul>
</section>
......
......@@ -534,6 +534,11 @@ class="vf-logo | vf-logo--has-text">
<pre class="vf-code-example__pre">
<code class="Code Code--lang-Markdown FileBrowser-code vf-code-example"><span class="hljs-section"># Change Log</span>
<span class="hljs-section">## 1.0.2</span>
<span class="hljs-bullet">
* </span>makes the <span class="hljs-code">`width: 100%`</span> rather than <span class="hljs-code">`max-content`</span> as some people have really long job titles
<span class="hljs-section">## 1.0.1</span>
<span class="hljs-bullet">
* </span>fixes issue where email was a link not a mailto:
......@@ -562,7 +567,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/CHANGELOG.md
</li>
<li class="vf-list__item">
Size: 239 Bytes
Size: 346 Bytes
</li>
</ul>
</section>
......@@ -663,7 +668,7 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-attribute">color</span>: set-color(vf-color--grey--darkest);
<span class="hljs-attribute">display</span>: flex;
<span class="hljs-attribute">flex-direction</span>: column;
<span class="hljs-attribute">width</span>: max-content;
<span class="hljs-attribute">width</span>: <span class="hljs-number">100%</span>; <span class="hljs-comment">// we might not need this</span>
}
<span class="hljs-selector-class">.vf-profile__image</span> {
......@@ -700,6 +705,10 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-keyword">@include</span> set-type(text-body--<span class="hljs-number">2</span>, <span class="hljs-variable">$custom-margin-bottom</span>: <span class="hljs-number">0</span>);
<span class="hljs-attribute">line-height</span>: <span class="hljs-number">1.2</span>;
<span class="hljs-selector-class">.vf-profile__job-title</span> + &amp; {
<span class="hljs-attribute">margin-bottom</span>: .<span class="hljs-number">25rem</span>;
}
}
<span class="hljs-selector-class">.vf-profile__email</span> {
......@@ -821,7 +830,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/vf-profile.scss
</li>
<li class="vf-list__item">
Size: 3 KB
Size: 3.1 KB
</li>
</ul>
</section>
......
......@@ -517,6 +517,11 @@ class="vf-logo | vf-logo--has-text">
<pre class="vf-code-example__pre">
<code class="Code Code--lang-Markdown FileBrowser-code vf-code-example"><span class="hljs-section"># Change Log</span>
<span class="hljs-section">## 1.0.2</span>
<span class="hljs-bullet">
* </span>makes the <span class="hljs-code">`width: 100%`</span> rather than <span class="hljs-code">`max-content`</span> as some people have really long job titles
<span class="hljs-section">## 1.0.1</span>
<span class="hljs-bullet">
* </span>fixes issue where email was a link not a mailto:
......@@ -545,7 +550,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/CHANGELOG.md
</li>
<li class="vf-list__item">
Size: 239 Bytes
Size: 346 Bytes
</li>
</ul>
</section>
......@@ -646,7 +651,7 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-attribute">color</span>: set-color(vf-color--grey--darkest);
<span class="hljs-attribute">display</span>: flex;
<span class="hljs-attribute">flex-direction</span>: column;
<span class="hljs-attribute">width</span>: max-content;
<span class="hljs-attribute">width</span>: <span class="hljs-number">100%</span>; <span class="hljs-comment">// we might not need this</span>
}
<span class="hljs-selector-class">.vf-profile__image</span> {
......@@ -683,6 +688,10 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-keyword">@include</span> set-type(text-body--<span class="hljs-number">2</span>, <span class="hljs-variable">$custom-margin-bottom</span>: <span class="hljs-number">0</span>);
<span class="hljs-attribute">line-height</span>: <span class="hljs-number">1.2</span>;
<span class="hljs-selector-class">.vf-profile__job-title</span> + &amp; {
<span class="hljs-attribute">margin-bottom</span>: .<span class="hljs-number">25rem</span>;
}
}
<span class="hljs-selector-class">.vf-profile__email</span> {
......@@ -804,7 +813,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/vf-profile.scss
</li>
<li class="vf-list__item">
Size: 3 KB
Size: 3.1 KB
</li>
</ul>
</section>
......
......@@ -534,6 +534,11 @@ class="vf-logo | vf-logo--has-text">
<pre class="vf-code-example__pre">
<code class="Code Code--lang-Markdown FileBrowser-code vf-code-example"><span class="hljs-section"># Change Log</span>
<span class="hljs-section">## 1.0.2</span>
<span class="hljs-bullet">
* </span>makes the <span class="hljs-code">`width: 100%`</span> rather than <span class="hljs-code">`max-content`</span> as some people have really long job titles
<span class="hljs-section">## 1.0.1</span>
<span class="hljs-bullet">
* </span>fixes issue where email was a link not a mailto:
......@@ -562,7 +567,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/CHANGELOG.md
</li>
<li class="vf-list__item">
Size: 239 Bytes
Size: 346 Bytes
</li>
</ul>
</section>
......@@ -663,7 +668,7 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-attribute">color</span>: set-color(vf-color--grey--darkest);
<span class="hljs-attribute">display</span>: flex;
<span class="hljs-attribute">flex-direction</span>: column;
<span class="hljs-attribute">width</span>: max-content;
<span class="hljs-attribute">width</span>: <span class="hljs-number">100%</span>; <span class="hljs-comment">// we might not need this</span>
}
<span class="hljs-selector-class">.vf-profile__image</span> {
......@@ -700,6 +705,10 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-keyword">@include</span> set-type(text-body--<span class="hljs-number">2</span>, <span class="hljs-variable">$custom-margin-bottom</span>: <span class="hljs-number">0</span>);
<span class="hljs-attribute">line-height</span>: <span class="hljs-number">1.2</span>;
<span class="hljs-selector-class">.vf-profile__job-title</span> + &amp; {
<span class="hljs-attribute">margin-bottom</span>: .<span class="hljs-number">25rem</span>;
}
}
<span class="hljs-selector-class">.vf-profile__email</span> {
......@@ -821,7 +830,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/vf-profile.scss
</li>
<li class="vf-list__item">
Size: 3 KB
Size: 3.1 KB
</li>
</ul>
</section>
......
......@@ -835,6 +835,11 @@ class="vf-logo | vf-logo--has-text">
<pre class="vf-code-example__pre">
<code class="Code Code--lang-Markdown FileBrowser-code vf-code-example"><span class="hljs-section"># Change Log</span>
<span class="hljs-section">## 1.0.2</span>
<span class="hljs-bullet">
* </span>makes the <span class="hljs-code">`width: 100%`</span> rather than <span class="hljs-code">`max-content`</span> as some people have really long job titles
<span class="hljs-section">## 1.0.1</span>
<span class="hljs-bullet">
* </span>fixes issue where email was a link not a mailto:
......@@ -863,7 +868,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/CHANGELOG.md
</li>
<li class="vf-list__item">
Size: 239 Bytes
Size: 346 Bytes
</li>
</ul>
</section>
......@@ -964,7 +969,7 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-attribute">color</span>: set-color(vf-color--grey--darkest);
<span class="hljs-attribute">display</span>: flex;
<span class="hljs-attribute">flex-direction</span>: column;
<span class="hljs-attribute">width</span>: max-content;
<span class="hljs-attribute">width</span>: <span class="hljs-number">100%</span>; <span class="hljs-comment">// we might not need this</span>
}
<span class="hljs-selector-class">.vf-profile__image</span> {
......@@ -1001,6 +1006,10 @@ class="vf-logo | vf-logo--has-text">
<span class="hljs-keyword">@include</span> set-type(text-body--<span class="hljs-number">2</span>, <span class="hljs-variable">$custom-margin-bottom</span>: <span class="hljs-number">0</span>);
<span class="hljs-attribute">line-height</span>: <span class="hljs-number">1.2</span>;
<span class="hljs-selector-class">.vf-profile__job-title</span> + &amp; {
<span class="hljs-attribute">margin-bottom</span>: .<span class="hljs-number">25rem</span>;
}
}
<span class="hljs-selector-class">.vf-profile__email</span> {
......@@ -1122,7 +1131,7 @@ class="vf-logo | vf-logo--has-text">
Filesystem path: components/vf-profile/vf-profile.scss
</li>
<li class="vf-list__item">
Size: 3 KB
Size: 3.1 KB
</li>
</ul>
</section>
......
# Change Log
## 1.0.2
* makes the `width: 100%` rather than `max-content` as some people have really long job titles
## 1.0.1
* fixes issue where email was a link not a mailto:
......
......@@ -16,7 +16,7 @@
color: set-color(vf-color--grey--darkest);
display: flex;
flex-direction: column;
width: max-content;
width: 100%; // we might not need this
}
.vf-profile__image {
......@@ -53,6 +53,10 @@
@include set-type(text-body--2, $custom-margin-bottom: 0);