diff options
Diffstat (limited to 'pages/assets/content.scss')
-rw-r--r-- | pages/assets/content.scss | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/pages/assets/content.scss b/pages/assets/content.scss new file mode 100644 index 0000000..59dd01c --- /dev/null +++ b/pages/assets/content.scss @@ -0,0 +1,55 @@ +// +// These styles are helpers for better formatting content +// + +// +// VPN Status Icons +// + +li.status-icon { + padding-left: 32px; + background-repeat: no-repeat; + background-position: 0 -2px; + list-style-type: none; + margin: 1em; + & li { + list-style-type: none; + } + & ul { + margin-top: 1em + } +} + +li.android-on { + @extend li.status-icon; + background-image: url(/assets/icons/22/vpn_connected.png); +} +li.android-wait { + @extend li.status-icon; + background-image: url(/assets/icons/22/vpn_progress.png); +} +li.android-off { + @extend li.status-icon; + background-image: url(/assets/icons/22/vpn_disconnected.png); +} + +li.desktop-on { + @extend li.status-icon; + background-image: url(/assets/icons/22/on.png); +} +li.desktop-wait { + @extend li.status-icon; + background-image: url(/assets/icons/22/wait.png); +} +li.desktop-off { + @extend li.status-icon; + background-image: url(/assets/icons/22/off.png); +} + +// +// GENERAL UTILITY +// + +ul.spaced li { + margin-bottom: 15px; +}
\ No newline at end of file |