feat: change styles of base section to version 3

This commit is contained in:
woothu
2019-05-20 15:08:17 +02:00
parent e005cd1556
commit ebba81fa11
15 changed files with 493 additions and 421 deletions
+13 -13
View File
@@ -1,6 +1,6 @@
<template>
<div class="wrapper">
<div class="animated fadeIn">
<div class="c-wrapper">
<div class="c-animated c-fadeIn">
<!-- <CCard>
<CNavbar toggleable="md" light variant="light">
<CNavbarToggle class="hehe" @click="test2 = !test2"/>
@@ -34,9 +34,9 @@
<CCardHeader>
<i class="fa fa-align-justify"></i>
<strong> Bootstrap Navbar </strong>
<!-- <div class="card-header-actions">
<a href="https://bootstrap-vue.js.org/docs/components/navbar" class="card-header-action" rel="noreferrer noopener" target="_blank">
<small class="text-muted">docs</small>
<!-- <div class="c-card-header-actions">
<a href="https://bootstrap-vue.js.org/docs/components/navbar" class="c-card-header-action" rel="noreferrer noopener" target="_blank">
<small class="c-text-muted">docs</small>
</a>
</div> -->
</CCardHeader>
@@ -56,14 +56,14 @@
</CNavbarNav>
<!-- Right aligned nav items -->
<CNavbarNav class="ml-auto">
<CNavbarNav class="c-ml-auto">
<CForm inline>
<CFormInput
class="mr-sm-2"
class="c-mr-sm-2"
placeholder="Search"
size="sm"
/>
<CButton size="sm" class="my-2 my-sm-0" type="submit">Search</CButton>
<CButton size="sm" class="c-my-2 c-my-sm-0" type="submit">Search</CButton>
</CForm>
<CDropdown
@@ -99,7 +99,7 @@
<!-- Image and text -->
<CNavbar variant="faded" light>
<CNavbarBrand href="#">
<img src="https://placekitten.com/g/30/30" class="d-inline-block align-top" alt="BV">
<img src="https://placekitten.com/g/30/30" class="c-d-inline-block c-align-top" alt="BV">
BootstrapVue
</CNavbarBrand>
</CNavbar>
@@ -116,7 +116,7 @@
<CNavbarBrand>BootstrapVue</CNavbarBrand>
<CCollapse :show="navbarText" navbar>
<CNavbarNav>
<span class="navbar-text">Navbar text</span>
<span class="c-navbar-text">Navbar text</span>
</CNavbarNav>
</CCollapse>
</CNavbar>
@@ -167,11 +167,11 @@
<CNavbar type="light" variant="light">
<CForm inline>
<CFormInput
class="mr-sm-2"
class="c-mr-sm-2"
placeholder="Search"
size="sm"
/>
<CButton variant="outline-success" class="my-2 my-sm-0" type="submit">Search</CButton>
<CButton variant="outline-success" class="c-my-2 c-my-sm-0" type="submit">Search</CButton>
</CForm>
</CNavbar>
</CCardBody>
@@ -185,7 +185,7 @@
<CNavbar type="light" variant="light">
<CForm inline>
<CFormInput
class="mr-sm-2"
class="c-mr-sm-2"
placeholder="Username"
/>
</CForm>